Salted Caramel Mocha Coffee -Vegan Starbucks Copycat Recipe (2024)

Published: by Richa 9 Comments

Jump to Recipe Print Recipe

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

Salted Caramel Mocha Coffee -Vegan Starbucks Copycat Recipe (1)

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.

Salted Caramel Mocha Coffee -Vegan Starbucks Copycat Recipe (2)

MORE FESTIVE DRINKS

  • Golden Milkwith Pumpkin Pie spice
  • Gingerbread Latte
  • Spiced hot chocolate Mix
  • Golden Chai mix for turmeric chai latte no caffeine
  • Turmeric Iced Masala Tea
  • Hazelnut macchiato
  • Pumpkin spice Frappuccino

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.

Salted Caramel Mocha Coffee -Vegan Starbucks Copycat Recipe (3)

Recipe Card

Save This Recipe in Your Inbox

Share your email and we will send this recipe! Plus, enjoy all the new recipes as they post!

By submitting this form, you consent to receive emails from Vegan Richa.

Salted Caramel Mocha Coffee -Vegan Starbucks Copycat Recipe (4)

Print Recipe

5 from 3 votes

Salted Caramel Mocha Coffee

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

Prep Time5 minutes mins

Cook Time10 minutes mins

Total Time15 minutes mins

Course: Breakfast, brunch, Snack

Cuisine: American

Keyword: salted caramel mocha, Starbucks recipe, vegan Starbucks copycat recipe

Servings: 2

Calories: 251kcal

Author: Vegan Richa

Ingredients

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

Toppings

  • (ml) 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)
  • 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.

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

Nutrition Facts

Salted Caramel Mocha Coffee

Amount Per Serving

Calories 251Calories from Fat 63

% Daily Value*

Fat 7g11%

Saturated Fat 4g25%

Sodium 185mg8%

Potassium 305mg9%

Carbohydrates 50g17%

Fiber 3g13%

Sugar 36g40%

Protein 4g8%

Vitamin A 369IU7%

Calcium 277mg28%

Iron 2mg11%

* Percent Daily Values are based on a 2000 calorie diet.

Did you make this recipe?Please do leave a comment and rating below.. Tag me on Instagram @veganricha

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.

Salted Caramel Mocha Coffee -Vegan Starbucks Copycat Recipe (5)

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.

Salted Caramel Mocha Coffee -Vegan Starbucks Copycat Recipe (6)

Sharing is caring!

Share on PinterestShare on FacebookShare on WhatsAppShare on X (Twitter)Share on Email

More Vegan Breakfast Recipes

  • Lemon Blueberry Scones (oil-free. gluten-free option)
  • Spinach and Cheese Savory Scones (30 minutes, gf option)
  • Gluten-Free Lemon Blueberry Pancakes (grain-free, vegan, 1 bowl)
  • Rava Idli Waffles or Pancakes (Savory semolina waffles)

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

Reader Interactions

Comments

    Leave a Comment and Rating

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

  1. Emily

    Salted Caramel Mocha Coffee -Vegan Starbucks Copycat Recipe (11)
    Just as good as I remember them being at Starbucks! Thanks Richa

    Reply

    • Richa

      Yay

      Reply

  2. Wanya

    Salted Caramel Mocha Coffee -Vegan Starbucks Copycat Recipe (12)
    Really loved this recipe.

    Reply

    • Richa

      Yay!

      Reply

  3. Travis

    Can the coconut sugar in the caramel be substituted?

    Reply

    • Richa

      Yes use brown sugar

      Reply

  4. Noan

    How to make the whipped cream?

    Reply

    • Richa

      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

      Reply

  5. Laurel

    Salted Caramel Mocha Coffee -Vegan Starbucks Copycat Recipe (13)
    Oh Gosh you are SUCH a BAD influence! THANK YOU.
    YUMMMMMMM

    Reply

Salted Caramel Mocha Coffee -Vegan Starbucks Copycat Recipe (2024)

References

Top Articles
Latest Posts
Article information

Author: Edwin Metz

Last Updated:

Views: 5735

Rating: 4.8 / 5 (78 voted)

Reviews: 93% of readers found this page helpful

Author information

Name: Edwin Metz

Birthday: 1997-04-16

Address: 51593 Leanne Light, Kuphalmouth, DE 50012-5183

Phone: +639107620957

Job: Corporate Banking Technician

Hobby: Reading, scrapbook, role-playing games, Fishing, Fishing, Scuba diving, Beekeeping

Introduction: My name is Edwin Metz, I am a fair, energetic, helpful, brave, outstanding, nice, helpful person who loves writing and wants to share my knowledge and understanding with you.