• Home
  • About
    • FAQ
    • Privacy & Disclosure
    • Terms & Conditions
  • Contact Me
  • All Recipes
    • Nerdy Recipes
    • Breakfast
    • Main Courses
      • Chicken
      • Pasta
      • Soups
      • Salads
    • Beverages
    • Side Dishes
    • Desserts
      • Bars, Brownies & Blondies
      • Cookies
      • Cupcakes
    • Healthy
    • Easy Weeknight Meals
    • Holiday Recipes
      • Christmas
      • Valentine’s Day
  • Recipes for One
  • Recipes for Two
  • Small-batch Desserts

Baking Mischief

Good Food, Nerdy Recipes, Living Well

  • Breakfast
  • Main Courses
    • Easy Weeknight Meals
    • Beef
    • Chicken
    • Pork
    • Salads
    • Sandwiches
    • Soups
    • Pasta
  • Desserts
    • Bars, Brownies & Blondies
    • Cookies
    • Cupcakes
    • Frozen
  • Side Dishes
You are here: Home / Recipes / Salted Caramel Mocha

Salted Caramel Mocha

11/02/20 | Beverages, Breakfast, Christmas, Recipes

4.1Kshares
Jump to Recipe

You can make a salted caramel mocha at home that’s even better than the coffee house version with just a few simple ingredients.

If you’re sitting around in your pajamas today craving a salted caramel mocha and really don’t want to get dressed and leave the house to buy one, no worries. Stay in your pajamas, head to the kitchen, and make your mocha at home this morning.

It’s super simple, quick, and easy.

Salted caramel mocha in a glass mug with whipped cream.

What does a salted caramel mocha taste like?

If you’ve never had Starbucks’ salted caramel mocha, the drink is just what it sounds like. A creamy chocolatey mocha with notes of salted caramel and the slightly bitter edge of coffee.

It’s such a good combo, and when you make it at home you can add as much caramel as you like so you get a drink that is the perfect balance of flavors for you.

Ingredients

  • Coffee: No espresso needed for this drink. Use whatever coffee you have on hand, brewed a little strong if you want an extra kick of coffee flavor.
  • Milk: Starbucks uses 2% milk in their coffee drinks, but you can use any milk you’d like including non-dairy milks. The higher fat your milk, the creamier your drink will be.
  • Cream: Cream is optional, but a tablespoon (or more) in your mocha gives it a delicious richness. Feel free to substitute a splash of half and half if that’s what you keep on hand. And you’ll definitely have some leftover heavy cream, so check out my post What to Do With Leftover Whipping Cream for storage tips and recipe ideas for the leftovers. 
  • Cocoa powder, sugar, and water: Instead of using a store-bought chocolate syrup, you’ll make a quick cocoa powder syrup to flavor the mocha base.
  • Salted caramel: Use your favorite salted caramel sauce or regular caramel sauce here (add a generous pinch of salt for unsalted sauce). If caramel sauce isn’t something you keep at home, pick some up the next time you’re at the store, make my quick shortcut caramel sauce, or whip out a heavy-bottom pot, melt some sugar, and make some traditional caramel sauce yourself.

Salted caramel mocha being poured into a glass mug.

How to Make a Salted Caramel Mocha

  1. Make a chocolate syrup by heating the cocoa powder, sugar, and water together in a small pot.
  2. Stir in caramel sauce and coffee until smooth.
  3. Add milk and cream and heat until steaming.
  4. Enjoy your drink in your pajamas.

FAQ

Can I make this an iced salted caramel mocha/frappuccino?

Yes! To make an iced/frappuccino version, follow the recipe making the chocolate syrup and stir in the the caramel sauce. Then add just 1/4 cup of the milk. Heat just until the mixture is completely smooth and uniform in color. Then remove from heat and combine with the remaining milk and cold coffee. Pour over ice for an iced version or blend with 1 1/2 cups of ice for a salted caramel frappuccino.

I recommend using the full 2 teaspoons of sugar for the iced version and doubling the sugar for a frappe because the blended ice will dilute the sweetness quite a bit.

How much caffeine is in a salted caramel mocha?

The Starbucks version ranges from 80 mg to 185 mg of caffeine depending on the size of the drink. In this homemade version, there is 1/2 cup of coffee which averages about 48 grams of caffeine.

Close photo of salted caramel mocha in a glass mug with whipped cream.

Is a salted caramel mocha a holiday drink?

The Starbucks salted caramel mocha is a seasonal drink they bring back every fall alongside their pumpkin spice latte. But there’s nothing that says you can only make the homemade version in the fall.

If a salted caramel mocha sounds good to you in May or June, then absolutely make yourself one in May or June.

Can I make this without coffee?

Yes. If you’d like to make this without coffee, you can replace the coffee with the same amount of milk for a salted caramel hot chocolate.

More Starbucks Copycat Recipes

  • White Chocolate Mocha
  • Chai Latte
  • Snickerdoodle Hot Chocolate
  • Peppermint Mocha
  • Iced Mocha
  • Caramel Macchiato

A Note on Serving Size

This recipe makes about one cup of coffee, enough to fill an 8-ounce mug. If you’d like to fill an oversized mug, 1 1/2 or double the recipe. To double the recipe ingredients, hover over the serving size in the recipe card below or click if you’re on mobile, and slide the slider.

Salted caramel mocha in a glass mug with whipped cream.

Salted Caramel Mocha

You can make a salted caramel mocha at home that’s even better than the coffee house version with just a few simple ingredients.
5 from 2 votes
Print Pin
Course: Breakfast, Drinks
Cuisine: American
Prep Time: 2 minutes minutes
Cook Time: 5 minutes minutes
Total Time: 7 minutes minutes
Servings (Hover or Click to Change Yield): 1 cup
Calories: 273kcal
Author: Tracy

Ingredients

  • 1 ½ teaspoon (3g) unsweetened cocoa powder
  • 1 to 2 teaspoons (4-8g) granulated sugar *
  • 1 tablespoon water
  • 1 heaping tablespoon salted caramel sauce* plus optional more for topping
  • ½ cup hot coffee
  • ½ cup milk any percentage
  • 1 tablespoon heavy cream optional
  • Whipped cream for topping optional

Instructions

  • In a small saucepan, stir together cocoa powder and sugar. Add water and heat over medium heat until mixture is well combined and no lumps of cocoa powder remain.
  • Add caramel sauce and hot coffee and stir until caramel is melted.
  • Add milk and optional heavy cream and heat, stirring often until milk is steaming hot. Do not let milk come to a boil. If desired, whisk vigorously until mocha is foamy.
  • Pour into an 8-ounce mug. Taste and add more sugar/caramel if needed. Top with optional whipped cream if desired, and enjoy!

Notes

*If you prefer a less sweet mocha, start with 1 teaspoon sugar. You can always add more sugar to taste at the end if needed.
*If using regular caramel sauce, add a generous pinch of table salt or fine sea salt when you add the caramel sauce.
To make an iced/frappuccino version, follow the recipe making the chocolate syrup and stir in the the caramel sauce. Then add just 1/4 cup of the milk. Heat just until the mixture is completely smooth and uniform in color. Then remove from heat and combine with the remaining milk and cold coffee. Pour over ice for an iced version or blend with 1 1/2 cups of ice for a salted caramel frappuccino.
I recommend using the full 2 teaspoons of sugar for the iced version and doubling the sugar for a frappe because the blended ice will dilute the sweetness quite a bit.
Did you make this recipe?I'd love to see it! Tag @BakingMischief or hashtag it #BakingMischief.

This post may contain affiliate links, which means I receive a small commission if you make a purchase using them. There is absolutely no additional cost to you.

Comments | Be the first!

« Shredded Beef Burritos
Small-batch Peanut Butter Cookies »
5 from 2 votes (2 ratings without comment)

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.

Welcome!


Hi, I'm Tracy! Welcome to Baking Mischief, where we realize that not everyone is cooking every night for a family of four. We have delicious sweet and savory recipes, mostly scaled for one or two, and we love our pop culture around here, so keep an eye out for film, book, and TV-inspired treats as well! Read more»
  • Facebook
  • Instagram
  • Pinterest
  • Tumblr
  • Twitter

Get free recipes delivered to your inbox!

Join the Baking Mischief Newsletter

Subscribe and get recipes delivered to your inbox weekly PLUS a free mini e-cookbook. 

Popular Recipes

Gooey Chocolate S’mores Cupcake with a bite out of it.No Fail Butter and Garlic Green Beans in a white dish.Pesto Chicken Sandwich on Sourdough being picked up.Chicken Shawarma With Yogurt Sauce wrapped in foil on a wooden plate.Easy Carnitas Recipe on a white plate with limes.The BEST Crispy Oven-roasted Broccoli on a baking sheet.

What I’m Loving Now

Small-batch Chocolate Banana Muffin with a bite out of it.Carnitas Enchiladas (Pulled Pork Enchiladas) on a plate with lettuce.Easy Creamy Chicken Noodle Soup in a pot.Easy Peanut Butter Oatmeal Cookies stacked on a plate.

Copyright © 2025 · Tasteful theme by Restored 316

Rate This Recipe

Your vote:




A rating is required
A name is required
An email is required

Recipe Ratings without Comment

Something went wrong. Please try again.