This post contains affiliate links. Please see our disclosure policy.

Enjoy the flavors of fall in every sip of this Homemade Salted Caramel Mocha Coffee, a vegan version of the seasonal coffee shop favorite. Jump to Recipe

a glass of Starbucks Copycat Vegan Caramel Mocha

If you’re a fan of sweet and decadent Starbucks drinks, this copycat recipe is one you will want to keep handy for sure. But even if you don’t LOVE coffee you will really enjoy this drink!

This recipe is especially great for those wanting a homemade and less sweet version than the caramel mocha you can buy at the coffee shop. The sweetness is just right and the chocolate flavor paired with the salted caramel is simply to die for. You will find yourself craving this homemade coffee shop favorite all year round and now that you know how to make it, there’s no need for waiting until Starbucks puts it back on the menu.

close-up of salted caramel mocha in a glass mug

MORE FESTIVE DRINKS

What’s a mocha coffee anyway?

This popular Starbucks copycat drink is named after mocha coffee beans, which are used to make this vegan winter beverage. A mocha coffee tastes a lot like subtly coffee-flavored hot chocolate. Mocha coffee beans themselves have a slight hint of chocolate flavor but the signature Starbucks mocha drink also contains mocha and toffee nut syrup all combined with espresso and steamed milk, then topped with sweetened whipped cream, caramel drizzle, and a blend of turbinado sugar and sea salt.

My homemade Salted Caramel Mocha is bursting with creamy and salty flavors and has the same rich, creamy taste of the Starbucks version and comes with a homemade caramel sauce that goes so perfectly with the roast flavor of freshly brewed coffee and the subtle hints of chocolate.

This Starbucks Copycat Salted Caramel Mocha Coffee is pretty high in caffeine because of espresso, the cocoa, and coffee syrup used in the beverage. You can use decaf if you want to lower the amount of caffeine in this drink.

a mug of salted caramel mocha with whipped cream

Salted Caramel Mocha Coffee

5 from 3 votes
By: Vegan Richa
Prep: 5 minutes
Cook: 10 minutes
Total: 15 minutes
Servings: 2
Course: Breakfast, brunch, Snack
Cuisine: American
Enjoy the flavors of fall in every sip of this Homemade Salted Caramel Mocha Coffee, a vegan version of the seasonal coffee shop favorite.
Save this recipe!
Get this sent to your inbox, plus get new recipes from us every week!
Please enable JavaScript in your browser to complete this form.

Ingredients 
 

  • 1 1/2 cups pre-made coffee or two shots of espresso, plus one cup of water
  • 2 tbsp cocoa powder
  • 2-2 1/2 tbsp salted caramel (recipe below)
  • 1 1/2 cups of non dairy milk such as oat milk, or soy milk or cashew milk

Toppings

  • whipped coconut cream for topping
  • caramel drizzle for topping
  • generous pinches of sea salt
  • granulated sugar for topping

For the Caramel:

  • 4 tbsp coconut sugar
  • 1 tbsp maple syrup
  • 1 tsp coconut oil, (optional)
  • 1/8 tsp sea salt
  • 1 tbsp coconut cream or oat milk

Instructions 

For the Caramel:

  • Add the coconut sugar, maple syrup, oil, and salt to a skillet over medium heat and mix well.
  • Once the maple syrup is bubbling consistently, add in the coconut cream or milk and mix in
  • Cook this mixture until it bubbles evenly, and continutes to bubble. Cook it for another minute after that, and take off heat.

To Make the Mocha:

  • Combine the coffee, 2 to 2.5 tbsp salted caramel, milk, and cocoa powder in a blender, and then blend the mixture.
  • For hot coffee, you can transfer this mixture to a large cup to warm in the microwave until its hot, or you can serve this chilled. Distribute the mixture in two cups. Add a good dollop of whipped cream on top, and drizzle the remaining caramel. Sprinkle a pinch of sea salt on the whipped cream, as well as some granulated sugar, and serve.

For the whipped coconut cream:

  • Chill a 15 oz can of full fat coconut milk overnight. remove the can from the fridge without shaking or tipping it. Remove the top of the can, then spoon out the thick layer of coconut cream from the top of the can. (We won’t use the coconut water/thin milk that has settled to the bottom of the can. You can add it to curries or freeze to use later )
    Using a whisk attachment in a mixer bowl or a hand mixer, beat the coconut cream on medium speed for 2-4 minutes, you can add 1-2 tbsp powdered sugar and whip again. Use as much as you like and store the rest in the fridge for upto 3 days.

Video

Notes

  • This drink does contain caffeine, but you can make your mocha with decaf coffee instead of espresso.
  • You can make your caramel sauce ahead of time. Feel free to make a big batch so that you can whip up a homemade salted caramel mocha coffee whenever you want.
nutrition does not include whipped coconut cream 

Nutrition

Calories: 251kcal, Carbohydrates: 50g, Protein: 4g, Fat: 7g, Saturated Fat: 4g, Sodium: 185mg, Potassium: 305mg, Fiber: 3g, Sugar: 36g, Vitamin A: 369IU, Calcium: 277mg, Iron: 2mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Did you make this recipe? Rate and comment below!

Ingredients:

  • pre-made coffee, or two shots of espresso, plus one cup of water.
  • cocoa powder for that lovely chocolate note. I use Dutch processed
  • homemade salted caramel made from coconut sugar, maple syrup, salt, coconut oil, and coconut cream.
  • non-dairy milk such as oat milk works best in this recipe.
  • coconut whipped cream – whipped coconut milk for topping.
  • a drizzle of caramel sauce for the topping.
  • a generous pinch of sea salt is really amazing here and brings out the chocolate flavor.
  • some granulated sugar for topping. This is optional and more for crunch than sweetness.

Tips:

  • This drink does contain caffeine, but you can make your mocha with decaf coffee instead of espresso.
  • You can make your caramel sauce ahead of time. Feel free to make a big batch so that you can whip up a homemade salted caramel mocha coffee whenever you want.

ingredients needed for making salted caramel mocha

How to make Salted Caramel Mocha:

For the Caramel:

Add the Coconut Sugar, Maple Syrup, Oil, and Salt to a skillet over medium heat and mix well. Once the Maple Syrup is bubbling consistently, add in the coconut cream or milk and mix in. Cook this mixture until it bubbles evenly, and continues to bubble. Cook it for another minute after that, and take off the heat.

To Make the Mocha:

Combine the coffee, salted caramel, milk, and cocoa powder in a blender, and then blend the mixture. For hot coffee, you can transfer this mixture to a large cup to warm in the microwave until it’s hot, or you can serve this chilled. Distribute the mixture into two cups. Add a good dollop of whipped cream on top, and drizzle the remaining caramel. Sprinkle a pinch of sea salt on the whipped cream, as well as some granulated sugar, and serve.

overhead shot of a mug of vegan salted caramel mocha topped with whipped coconut cream and caramel syrup

About Richa

Hi, I'm Richa! I create flavorful plant based recipes that are inspired by my Indian upbringing, including many gluten-free, soy-free, and oil-free options.

You May Also Like

5 from 3 votes

Leave a comment

If you Love the Recipe, Please consider rating it using stars in comments! It helps readers and helps more people find the recipe online and I love hearing from you all!

Your email address will not be published. Required fields are marked *

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.

9 Comments

  1. Emily says:

    5 stars
    Just as good as I remember them being at Starbucks! Thanks Richa

    1. Richa says:

      Yay

  2. Wanya says:

    5 stars
    Really loved this recipe.

    1. Richa says:

      Yay!

  3. Travis says:

    Can the coconut sugar in the caramel be substituted?

    1. Richa says:

      Yes use brown sugar

  4. Noan says:

    How to make the whipped cream?

    1. Richa says:

      I usually use store bought. You can whip your own. Chill a can of full fat coconut milk overnight. Then remove the can without shaking or tipping it. Remove the top of the can, then spoon out the thick layer of coconut cream that should have separated to the top of the can. (You will not use the layer of coconut water that has settled to the bottom of the can.)
      Using a whisk attachment in a mixer bowl or a hand mixer, beat the coconut cream on medium speed for 2-4 minutes, you can add some powdered sugar and whip again

  5. Laurel says:

    5 stars
    Oh Gosh you are SUCH a BAD influence! THANK YOU.
    YUMMMMMMM