• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Savor the Flavour

  • Recipes
  • About Us
  • Contact
    • Privacy Policy/Disclaimer
  • Navigation Menu: Social Icons

    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
menu icon
go to homepage
search icon
Homepage link
  • Recipes
  • About Us
  • Contact
    • Privacy Policy/Disclaimer
×

Home » Seasonal Recipes » Fall Recipes

Starbucks Salted Caramel Mocha Recipe

Published: Aug 23, 2019 · Modified: Mar 12, 2022 by Emma · This post may contain affiliate links, which can earn us a commission.

714 shares
  • 317
Jump to Recipe Print Recipe

Our of all the Starbucks copycat drinks that I've made, our family enjoys this salted caramel mocha the most.  You don't even have to be a coffee fan to enjoy this drink!  If you're wanting a healthier version than the Starbucks one, or are craving this drink during the off season, making this easy recipe is the answer.

person holding a glass of salted caramel mocha

Jump to:
  • Questions
  • How to Make
  • Vegan Version
  • Pro Tips
  • Recommended Tools
  • Recipe

Want to see our latest recipes?  Subscribe to our email newsletter to get our latest recipes, fun food facts, food puns, and behind the scenes news about our blog.

Questions

What’s a mocha coffee?

The mocha drink is named after mocha coffee beans, which are usually used to make the drink. This kind of arabica coffee has a natural hints of chocolate flavor. Mocha drinks also contain hot chocolate, cocoa powder, or some other kind of chocolate flavoring, such as a syrup.

What does this drink taste like?

Salted caramel mocha has the rich, creamy taste of homemade caramel sauce and the roasty flavor of freshly brewed coffee with subtle hints of chocolate. You’ll also get an extra burst of creamy and salty flavors from the decoration.

Salted Caramel Mocha vs. Caramel Macchiato

These two coffee drinks are quite similar, so many people get them confused. For a macchiato, the order of ingredients in the glass is steamed milk, foamed milk, and espresso. For a mocha, the order of ingredients in the glass is espresso, steamed milk, foamed milk, then whipped cream.

Does this drink contain caffeine?

Yes, it does contain caffeine, unless you make your mocha with decaf coffee instead of espresso.

Is this a holiday drink?

At Starbucks, it is a seasonal drink. It’s typically released each fall at the same time as the pumpkin spice latte. (It's not returning for fall 2021, however.) The best part? You don’t have to wait until fall time; you can make your own with this recipe!

How many calories is this?

A Starbucks salted caramel mocha (Grande with 2% milk and garnish) is 470 calories. My recipe (5 fl oz of mocha with garnish) is 347 calories.

How to Make

Gather the ingredients for the sauce.  You'll need granulated sugar, heavy whipping cream, water, butter, and salt.  It's really important to measure out all the ingredients before you begin making it.

ingredients for salted caramel sauce

Pour the sugar and water into a 1-quart saucepan and set over medium-high heat.  Whisk until the sugar has completely dissolved.

dissolving sugar in water with a whisk

Bring the mixture to a boil over medium-high heat and boil until it turns a deep amber color.  Do not stir as it boils; this will cause it to crystallize.

Once it's golden brown, immediately remove it from the heat and whisk in the butter and cream until smooth.  Pour it into a jar and set aside to cool.

caramel sauce in a pot with a whisk

Gather the ingredients for the chocolate milk.  You'll need heavy whipping cream, milk, unsweetened cocoa powder, and 60% cacao chocolate chips.

ingredients for chocolate milk

Sift the cocoa powder into a small saucepan to prevent lumps.

sifted cocoa powder in a saucepan

Gradually add the heavy whipping cream, whisking constantly until the mixture is smooth.

whisking cocoa powder and cream in a pot

Whisk in the milk and bring to a gentle simmer.  Immediately remove the pot from the heat and whisk in the chocolate chips until evenly mixed.  Pour the chocolate milk into a blender and blend for 30-60 seconds until frothy and well mixed.

foamy chocolate milk in a blender

Make sure you have all the ingredients: caramel sauce, homemade chocolate milk, freshly brewed coffee, and heavy whipping cream.  Things are looking good around here!

coffee, caramel sauce, chocolate milk, and heavy cream

Pour 2 tablespoons of the sauce into a glass.  Add 1 tablespoon of the chocolate milk and 3 tablespoons of cream.

glass with chocolate milk, cream, and caramel sauce

Add ⅓ cup of hot coffee and stir until all the sauce is dissolved.

stirring a salted caramel mocha

Top with homemade whipped cream, a drizzle of sauce, and a sprinkle of coarse sea salt.  Enjoy while it's still hot.

two glasses of salted caramel mocha

Vegan Version

  • Use vegan butter to make the caramel sauce.
  • Use coconut milk or cream instead of dairy.
  • Use vegan chocolate chips for the chocolate milk.

Pro Tips

  • Use homemade caramel sauce.  Homemade tastes 10 times better than store-bought!
  • Easily clean a sticky pot and utensils.  Simply fill the pot with tap water, add the sticky utensils, and boil for a couple minutes.  Rinse and clean as normal.
  • Need a mocha in a hurry?  Make the sauce and chocolate milk ahead of time and refrigerate until needed.
  • Make sure the coffee is fresh.  Bitter coffee will affect the taste of the mocha.
  • Cutting calories? Use half-and-half instead of cream and skip the decoration.

Recommended Tools

  • 1-Quart Saucepan: this heavy-bottomed saucepan won't burn food as easily.
  • Whisks: we love using these sturdy whisks for so many recipes!
  • French Press: this insulated French press makes some of the best coffee you'll ever taste.
  • Strainers: these fine mesh sieves effortlessly sift cocoa powder and other dry ingredients.
  • Coarse Sea Salt: this really adds a nice touch to your homemade Starbucks drinks.

Other Starbucks Copycat Drinks You'll Enjoy

  • Apple Crisp Macchiato
  • Pumpkin Cream Cold Brew
  • Smoked Butterscotch Latte
  • Flat White
  • Peppermint Mocha
  • Eggnog Latte
  • Gingerbread Latte

The pleasure of a 5-star review for this recipe would be greatly appreciated.

Recipe

person holding a salted caramel mocha

Starbucks Salted Caramel Mocha Recipe

Learn how to make an amazing Starbucks mocha at home with this salted caramel mocha recipe.  It’s the perfect dessert drink for family and friends during the holidays.  Top with whipped cream and a drizzle of sauce, and you’ll be in heaven!
5 from 4 votes
Print Pin FavoriteSaved! Rate
Course: Beverage
Cuisine: American
Keyword: salted caramel mocha, starbucks copycat recipes
Prep Time: 30 minutes
Total Time: 30 minutes
Servings: 1 mocha
Calories: 256kcal
Author: Emma

Ingredients
 

For the Salted Caramel Sauce

  • ½ cup granulated sugar
  • ¼ cup filtered water
  • 3 tablespoons unsalted butter
  • ¼ cup heavy whipping cream
  • ⅛ teaspoon salt

For the Chocolate Milk

  • 1 tablespoon unsweetened cocoa powder, sifted
  • ½ cup heavy whipping cream
  • ½ cup whole milk
  • ¼ cup bittersweet chocolate chips

For One Mocha

  • 2 tablespoons salted caramel sauce
  • 1 tablespoon chocolate milk
  • ⅓ cup strong coffee
  • 3 tablespoons heavy whipping cream

For Decorating One Mocha (Optional)

  • ½ cup heavy whipping cream
  • 1 tablespoon salted caramel sauce
  • ⅛ teaspoon coarse sea salt
US Imperial - Metric

Instructions

Making the Caramel Sauce (10 minutes)

  • Measure out the ingredients before you start.
  • Pour the sugar in a heavy based 1-quart saucepan and place over medium-high heat.  Pour in the water and whisk until the sugar is completely dissolved.
  • Bring the mixture to a boil and continue to boil over medium-high heat until it turns amber, about 7 minutes.  Never stir it; doing so will crystallize it.  Once the caramel begins to turn color, watch it very closely because it can burn in a matter of seconds.  Be careful, as it is hotter than boiling water.
  • Once the caramel is a good color, immediately remove it from the heat and add the butter.  Whisk it in until it's fully combined, then add the cream and salt and whisk until well blended.  Use caution, as the mixture will bubble up when you add the butter and cream.
  • Pour the sauce into a bowl or glass jar and set aside to cool.  You should have about ⅔ cup (160 ml) of sauce.

Making the Chocolate Milk (10 minutes)

  • Sift the cocoa powder into a small saucepan, then whisk in the cream until well mixed.  Whisk in the milk and continue to stir until the mixture until the cocoa powder has dissolved into the milk and cream.
  • Place the chocolate milk over medium-low heat and stir occasionally until it just starts to simmer.  Remove the pan from the heat and add the chocolate chips.  Whisk until they have fully melted into the chocolate milk.
  • Pour the chocolate milk into a blender and blend for 30 seconds to 1 minute, until well blended and foamy.  You should have about 1 cup (240 ml) of chocolate milk.

Making the Mocha (10 minutes)

  • Make some strong coffee.
  • Beat the heavy whipping cream with a handheld electric mixer until stiff peaks form.  It should be stiff enough not to fall out of the bowl if it's turned upside down.
  • Snip the corner off of a sandwich bag and put a star piping tip in the hole.  Spoon the whipped cream into the bag to create a piping bag.
  • For one mocha, pour 2 tablespoons of caramel into a mug.  Add 1 tablespoon of chocolate milk, ⅓ cup of coffee, and 3 tablespoons of cream and stir well to combine.
  • Pipe the whipped cream on top and drizzle with the leftover sauce.  Sprinkle with coarse sea salt and enjoy immediately.

Notes

  • Make your own caramel sauce.  Homemade always tastes better than store-bought.
  • Sticky pot and utensils?  Fill the pot with tap water, add the utensils, and bring to a boil.  Let the water boil for about 5 minutes, then rinse.  All the sticky caramel will be gone!
  • Need to make ahead?  Whip up the chocolate milk and caramel sauce in advance and refrigerate until needed, or make up the whole mocha and just warm it up on demand.
  • Use freshly brewed coffee for the best flavor.
  • Counting calories?  Use half-and-half instead of whipping cream and skip the garnish.

Nutrition

Calories: 256kcal (13%)Carbohydrates: 26g (9%)Protein: 2g (4%)Fat: 17g (26%)Saturated Fat: 11g (69%)Polyunsaturated Fat: 1gMonounsaturated Fat: 4gCholesterol: 53mg (18%)Sodium: 161mg (7%)Potassium: 134mg (4%)Fiber: 1g (4%)Sugar: 26g (29%)Vitamin A: 722IU (14%)Vitamin C: 1mg (1%)Calcium: 69mg (7%)Iron: 1mg (6%)

This recipe was originally published on January 11, 2018.

« Southern Green Beans and Potatoes with Bacon
How to Make Homemade Caramel Sauce »

Reader Interactions

Comments

  1. Kimberly

    January 04, 2020 at 8:07 pm

    5 stars
    Amazing!! We used canned whipped cream to top it. Loved it! Thank you!

    Reply
    • Emma

      January 04, 2020 at 8:14 pm

      So glad that you enjoyed it, Kimberly!

      Reply
« Older Comments

Leave a Reply Cancel reply

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.

Primary Sidebar

two ladies smiling

Welcome to our kitchen! We're Brooke & Emma, the mother-daughter team behind Savor the Flavour. As self-taught cooks and bakers, we love to inspire you to cook from scratch with real food for your family. Increase your kitchen confidence with our tempting recipes, instructional photos, and helpful tips and facts.

More about us →

Graduation Party Food

  • Arnold Palmer Drink
  • Muffaletta Sandwich
  • Nanaimo Bars
  • Hoagie Rolls Recipe
  • Virgin Piña Colada
  • Copycat Chick-fil-A Sauce

Popular Posts

  • Blue Lagoon Mocktail
  • Copycat Chick-fil-A Kale Crunch Salad
  • Avocado Lime Ranch - Chick-fil-A Copycat
  • The Best Virgin Strawberry Daiquiri You'll Ever Taste
  • How to Make a Ploughman's Lunch
  • Panda Express Eggplant Tofu Copycat Recipe

Footer

↑ back to top

About

  • About Us
  • Work with Us
  • Press

Connect

  • Contact Us
  • Sign Up for Newsletter

Other

  • Privacy Policy
  • Accessibility

As an Amazon associate, we may earn a commission from qualifying purchases.

Copyright © 2022 Savor The Flavour