↑
  • Recipes by Type
    • Recipe Index (Search)
    • All Recipes
    • Restaurant Copycat Recipes
    • Recipes by Method>>>
      • 30-Minute Meals
      • Instant Pot
      • Slow Cooker
      • Meal Prep Bowls
      • Sheet Pan Dinners
      • One Pot Recipes
      • Freezer-Friendly
      • Grilling & BBQ
      • Stir Fries
      • Pasta
    • Recipes by Diet>>>
      • Kid-Friendly
      • Gluten-Free
      • Low Carb
      • High Protein
      • Whole 30
    • Recipes by Protein>>>
      • Chicken
      • Beef
      • Seafood
      • Vegetarian
    • Recipes by Holiday>>>
      • Game Day
      • Valentine’s Day
      • St Patrick’s Day
      • Easter
      • Halloween
      • Thanksgiving
      • Christmas
  • Recipes by Course
    • Appetizer
    • Breakfast
    • Lunch
    • Dinner Ideas
    • Salads
    • Soups
    • Snacks
    • Side Dishes
    • Desserts
    • Dressings, Sauces & Spice Mixes
  • Resources
    • Start Here (How to Use My Website)
    • About Me
    • Meal Prep and Meal Planner Bundle
    • How to Meal Prep
    • Resource Guides
    • Take the Meal Prep Challenge
    • Meal Prep Containers
    • Contact Me
  • Meal Plans

The Girl on Bloor

Healthy, easy recipes for busy people!

Start here Contact Privacy Policy
  • Recipes by Type
    • Recipe Index (Search)
    • All Recipes
    • Restaurant Copycat Recipes
    • Recipes by Method>>>
      • 30-Minute Meals
      • Instant Pot
      • Slow Cooker
      • Meal Prep Bowls
      • Sheet Pan Dinners
      • One Pot Recipes
      • Freezer-Friendly
      • Grilling & BBQ
      • Stir Fries
      • Pasta
    • Recipes by Diet>>>
      • Kid-Friendly
      • Gluten-Free
      • Low Carb
      • High Protein
      • Whole 30
    • Recipes by Protein>>>
      • Chicken
      • Beef
      • Seafood
      • Vegetarian
    • Recipes by Holiday>>>
      • Game Day
      • Valentine’s Day
      • St Patrick’s Day
      • Easter
      • Halloween
      • Thanksgiving
      • Christmas
  • Recipes by Course
    • Appetizer
    • Breakfast
    • Lunch
    • Dinner Ideas
    • Salads
    • Soups
    • Snacks
    • Side Dishes
    • Desserts
    • Dressings, Sauces & Spice Mixes
  • Resources
    • Start Here (How to Use My Website)
    • About Me
    • Meal Prep and Meal Planner Bundle
    • How to Meal Prep
    • Resource Guides
    • Take the Meal Prep Challenge
    • Meal Prep Containers
    • Contact Me
  • Meal Plans
Home » Recipes » Starbucks Salted Caramel Mocha

Starbucks Salted Caramel Mocha

11/12/20

Desserts
Jump to Recipe Pin Recipe
This post may contain affiliate links which won’t change your price but will share some commission

This Starbucks Salted Caramel Mocha is a perfect copycat! Made with coffee & steamed milk, it's topped with whipped cream & salted caramel.

Starbucks Salted Caramel Mocha

Gain access to my free 4-week meal prep magic ebook!

Success! Now check your email to confirm your subscription - in order to take part in the challenge you MUST press that confirm button! Check your "other" folder if you don't see that confirmation email. In the meantime, add me to your contacts to ensure that you receive my Challenge emails 🙂

There was an error submitting your subscription. Please try again.

We won't send you spam. Unsubscribe at any time. Powered by ConvertKit

What is in a salted caramel mocha?

This drink is a mix of homemade and store bought syrups – you'll basically mix them with espresso shots, steamed milk and whipped cream!

Here's what you need on hand.

For the mocha sauce:

  • water
  • sugar
  • cocoa powder

For the salted caramel sauce:

  • sugar
  • butter
  • heavy cream
  • sea salt

For the drink itself:

  • espresso shots
  • milk
  • Homemade mocha sauce (see above)
  • Storebought caramel or toffee syrup
  • Sea salt
  • Whipped cream
  • Homemade caramel sauce, for drizzling

Starbucks Salted Caramel Mocha

How to make this drink

  1. Mix boiling water with sugar in a mason jar, stirring in cocoa powder to make the homemade mocha sauce.
  2. Make the caramel sauce by browning sugar in a small pot on the stove. Stir in butter, then slowly drizzle in the heavy cream, stirring constantly. Stir in sea salt, then remove from heat and set aside.
  3. For the drink itself, brew espresso shots in a large mug.
  4. Meanwhile, steam and froth milk.
  5. Stir mocha sauce, storebought caramel/toffee syrup and sea salt into espresso shots, then pour steamed milk overtop.
  6. Finish off the drink with whipped cream, then drizzle with homemade caramel sauce.

Starbucks Salted Caramel Mocha

Ingredient substitutions

  • Water and sugar – This simple syrup is the sweetener for the cocoa syrup and uses a 1:1 ratio of sugar to water. You can experiment with different sugars and different ratios to find the right degree of sweetness you prefer for your coffee.
  • Cocoa powder – Use either unsweetened cocoa powder or Dutch-processed cocoa.
  • Sugar – Both cane sugar and turbinado sugar brown and melt well to make a proper caramel sauce. Using brown sugar will also work but the sauce will be lighter in color.
  • Butter- Be sure to use unsalted butter so the sauce isn’t too salty.
  • Heavy cream- You can make this using half and half or even evaporated milk instead of the heavy cream but the sauce will be thinner.
  • Sea salt- This is salted caramel so don’t leave it out. Use kosher salt instead of table salt, as table salt will make it too salty.
  • Espresso- If you want to use coffee instead, use one cup of your favorite cold brew or hot, strong coffee.
  • Milk- The Starbuck’s version uses 2% milk. Use your favorite alternative milk if you want to make it dairy-free.
  • Homemade mocha sauce – You can substitute any chocolate sauce you like if you choose not to make your own.
  • Caramel or toffee syrup– Use your favorite store-bought syrup for the drink and the drizzle.
  • Sea salt- Don’t leave this out-it enhances all of the flavors of the drink.
  • Whipped cream- Use a vegan whipping cream substitute or feel free to leave it off if you want to avoid the extra calories.

Starbucks Salted Caramel Mocha

Making it over ice

This doesn’t have to be a seasonal drink if you don’t want it to be! It is simple to adapt this recipe for the summer heat. Here's how:

  1. Brew the espresso like you normally would, then let it cool in the fridge for 10 minutes – you still want it to be fresh so don't leave it too long.
  2. Make the syrups ahead and let them cool.
  3. Don't steam the milk. Add cold milk over the ice along with other ingredients.
  4. Finish off with whipped cream and caramel sauce if desired.

Calories in this recipe vs Starbucks

When you use the recipe below, the drink has 326 calories and 33 grams of sugar. According to the Starbucks website, there are 470 calories and 59 grams of sugar in one 16-ounce serving so you're saving a ton of calories and sugar with my drink even if it still is quite indulgent.

Making the different components ahead

Once you realize how good these are, you just might want one every day!

You can make the mocha and caramel sauce up to 2 weeks in advance. Then, store them in canning jars or any covered container in the refrigerator for easy access.

Starbucks Salted Caramel Mocha

Making a large batch

You can quadruple the recipe for the syrups and sauces. However, for the best results, it is best to always brew the espresso and steam the milk fresh.

This is because preparing the espresso too far ahead can leave it bitter and affect the flavour of the drink.

Storing and reheating 

Technically, you can make the entire drink ahead of time and refrigerate it for up to a day. However, leave off the whipped cream until you’re ready to enjoy the drink.

Pour the caramel mocha into a steamer or microwave to revive it. Then, top it off with whipped cream and caramel syrup.

Starbucks Salted Caramel Mocha

More Starbucks recipes

  • Cinnamon Dolce Latte
  • Vanilla Sweet Cream cold brew
  • Pumpkin Spice Frappucino
  • Pumpkin Cream cold brew

Meal prep tools for this recipe

  • Order some similar clear glass mugs
  • Order some Starbucks caramel syrup online

Gain access to my FREE 5-day meal prep challenge + bonus resources when you sign up.

learn how to meal prep by subscribing to our newsletter!

There was an error submitting your subscription. Please try again.

Starbucks Salted Caramel Mocha

Starbucks Salted Caramel Mocha

This Starbucks Salted Caramel Mocha is a perfect copycat! Made with coffee & steamed milk, it's topped with whipped cream & salted caramel.
5 from 1 vote
Print Pin Rate
Course: Drinks
Cuisine: American
Keyword: salted caramel mocha, starbucks
Prep Time: 15 minutes
Cook Time: 15 minutes
Total Time: 30 minutes
Servings: 1 drink
Calories: 326kcal
Author: Taylor Stinson

Ingredients

Mocha sauce

  • 1/2 cup water
  • 1/2 cup sugar
  • 2 tbsp cocoa powder

Caramel sauce

  • 1/2 cup sugar
  • 3 tbsp butter
  • 1/3 cup heavy cream
  • 1/4 tsp sea salt

For the drink itself

  • 2 espresso shots
  • 1 cup milk
  • 2 tbsp Homemade mocha sauce (see above)
  • 1 tbsp storebought caramel or toffee syrup
  • 1 tiny pinch of sea salt
  • Whipped cream
  • Homemade caramel sauce, for drizzling (see above)

Instructions

Make the mocha sauce

  • Boil water in a kettle and mix boiling water with sugar in a mason jar, stirring in cocoa powder. Set aside.

Make the caramel sauce

  • Add sugar to a small pot on the stove over medium heat. Stir sugar often (watching it doesn't burn) until it starts to clump and turns golden brown. Eventually it will melt and turn into a thick brown liquid.
  • Once sugar is melted, stir in butter until melted, about 1 minute or so. Very slowly drizzle in the heavy cream, stirring constantly. Stir in sea salt, then remove from heat and set aside.

For the drink itself

  • Brew espresso shots in a large mug. Meanwhile, microwave milk for 1-2 minutes and froth with a milk frother afterward, or add milk to a steamer to heat through and froth.
  • Stir mocha sauce, storebought caramel/toffee syrup and sea salt into espresso shots, then pour steamed milk overtop, stirring gently.
  • Finish off the drink with whipped cream, then drizzle with caramel sauce. Serve and enjoy!

Video

Nutrition

Calories: 326kcal | Carbohydrates: 52g | Protein: 9g | Fat: 10g | Saturated Fat: 6g | Cholesterol: 29mg | Sodium: 204mg | Potassium: 412mg | Fiber: 1g | Sugar: 33g | Vitamin A: 395IU | Calcium: 286mg | Iron: 1mg

This Starbucks Salted Caramel Mocha is a perfect copycat! Made with coffee & steamed milk, it's topped with whipped cream & salted caramel. #starbucks #saltedcaramelmocha This Starbucks Salted Caramel Mocha is a perfect copycat! Made with coffee & steamed milk, it's topped with whipped cream & salted caramel. #starbucks #saltedcaramelmocha This Starbucks Salted Caramel Mocha is a perfect copycat! Made with coffee & steamed milk, it's topped with whipped cream & salted caramel. #starbucks #saltedcaramelmocha This Starbucks Salted Caramel Mocha is a perfect copycat! Made with coffee & steamed milk, it's topped with whipped cream & salted caramel. #starbucks #saltedcaramelmocha

Previous article:
« Baked Honey Mustard Chicken {One Pan}
Next article:
Slow Cooker Butter Chicken »

About Taylor Stinson

Hey there, my name's Taylor! I’m the founder of The Girl on Bloor, a food blog where I share healthy meal prep recipes for busy people. I'm a busy city girl living in downtown Toronto on (you guessed it!) Bloor Street. I've got 10 years experience meal prepping, along with a Master's degree in journalism, and you can find my work across the internet featured on publications such as Buzzfeed, HuffPost, Women's Health, Reader's Digest and more. I also run the awesome 5-Day Meal Prep Challenge, which is a free email course and Facebook group where I share my meal planning strategies and easy meal prep tips and recipes. Be sure to check out my free beginner’s guide to meal prep and follow me on Facebook, YouTube and Instagram to get my latest recipes and meal prep tips!

Leave a Reply Cancel reply

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

Recipe Rating




Oh hey there, welcome!!

I'm Taylor Stinson, a busy city girl living in downtown Toronto. Looking to switch up your weekly meal prep routine? I've got you covered with healthy recipes and meal planning resources. Join 1.5 million other monthly readers and dive in! MORE ABOUT ME..

All My Cookbooks in One Bundle!

meal prep and meal planner bundle

Gain access to my FREE five day meal prep challenge + bonus resources when you sign up.

learn how to meal prep by subscribing to our newsletter!

There was an error submitting your subscription. Please try again.

featured on

Copyright ©2021, The Girl on Bloor. All Rights Reserved.
Design by Pixel Me Designs

We are a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites
MEAL PREP WITHOUT SPENDING HOURS IN YOUR KITCHEN
Join my free 5-Day Meal Prep Challenge for meal planning printables, access to my Facebook group, exclusive invites to live workshops & other free challenges!
YOUR NAME:
YOUR EMAIL: