Skip to Content

Copycat Salted Caramel Mocha Drink Recipe

Craving a salted caramel mocha but don’t want to leave the house? Here is how you can make a deliciously creamy caramel coffee drink from the comfort of your home.

As you can tell, I love making coffeehouse drinks at home. Not only does making my own coffee drinks usually save money, but it also allows me to choose the ingredients.

Pinning lots of coffee drink recipes is a great idea for party planning, too.

Perhaps you want to create a coffee bar for your next gathering. Review all your pins to line your bar with the necessary ingredients.

Salted caramel mocha drink in a mug.

You can create little recipe cards so your guests can make their favorite drink, or go rogue and choose their own adventure.

In any case, this salted caramel drink is good to have for yourself or to share.

If you’d like a healthier cozy drink option, give this cinnamon tea a try. It’s caffeine-free, loaded with health benefits, and only two ingredients if you count water!

Salted caramel mocha in a glass with caramel dripping down sides.

Salted Caramel Mocha Drink Recipe

This salted caramel coffee drink is not overly sweet.

If you like drinks like this sweeter, add 1-2 tablespoons of sugar or sweetener with the milk and cocoa.

What makes this recipe extra delicious is the salt and sugar on the top!

That salty-sweet crunch on top of the whipped cream makes this drink extra scrumptious!

Syrup, milk, coffee, and other ingredients to make a salted caramel drink.

What you Need to Make a Salted Caramel Mocha

Exact measurements are in the printable recipe card below.

  • half and half – or your choice of milk or milk substitute
  • unsweetened cocoa powder
  • strong coffee
  • salted caramel syrup (used Torani)
  • caramel ice cream topping (used Hershey’s)
  • whipped cream – the recipe for homemade whipped cream is in this post
  • coarse decorative sugar (used Bob’s Red Mill)
  • coarse sea salt

Steps to Make a Salted Caramel Mocha Drink

Add milk and cocoa into a saucepan and heat on medium.

Pouring milk into a saucepan.
Pouring cocoa into milk in saucepan.

Whisk the mixture frequently until the edges begin to bubble.

Whisk in saucepan full of cocoa mixture.

Add the brewed, strong coffee and salted caramel syrup together and pour it into the milk mixture.

Adding caramel syrup into coffee.
Pouring coffee into hot milk.

Heat over medium until hot.

Pour into coffee mugs and top with whipped cream.

Whipped cream on coffee.
Adding caramel drizzle over whipped cream.

Drizzle with caramel.

Sugar and salt in a cup.

Combine the decorative sugar and coarse sea salt in a small bowl and then sprinkle on top of the whipped cream.

Coffee drink topped with whipped cream and caramel in a glass mug.

Coffeehouse drinks to make at home

Yield: 2 drinks

Salted Caramel Mocha

Salted caramel mocha drink in a mug

Make a salted caramel mocha from home with this easy recipe.

Prep Time 10 minutes
Total Time 10 minutes


  • 3/4 cup half and half
  • 2 tablespoons unsweetened cocoa powder
  • 2 cups strong coffee
  • 2 tablespoons salted caramel syrup
  • caramel ice cream topping
  • whipped cream
  • 1/2 teaspoon coarse decorator sugar
  • 1/4 teaspoon coarse sea salt


  1. Add half and half and cocoa together in a saucepan and heat on medium, whisking frequently, until edges begin to bubble. 
  2. Add coffee and salted caramel syrup together and pour into milk mixture. Heat over medium until hot.
  3. Pour into a coffee mug and top with whipped topping. Drizzle with caramel.
  4. Combine the decorator sugar and sea salt together in a small bowl and sprinkle on top of whipped cream.


You can use your choice of milk in place of the half and half.

This recipe is not overly sweet, so you may choose to add a sweetener if you like.

Recommended Products

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

Nutrition Information:



Serving Size:

1 drink

Amount Per Serving: Calories: 235Total Fat: 11gSaturated Fat: 7gTrans Fat: 0gUnsaturated Fat: 4gCholesterol: 34mgSodium: 465mgCarbohydrates: 32gFiber: 1gSugar: 28gProtein: 5g

Nutrition facts are an estimate only.

Did you pin this recipe?

Please save a photo to your Pinterest boards!

Add this pin to your board!

Caramel coffee drink on table.

Subscribe to the blog for more recipes like this one.

Please share this post with your coffee-loving friends and family.

Let me know if you make this salted caramel mocha recipe!

Laura Tveras

Friday 17th of April 2020

Wow, this looks amazing and not too difficult to create at home. I'd like to see more recipes that require Salted Caramel Syrup - yum - especially fast and easy ones. I don't like fussing in a kitchen too long. This is perfect. Thank you for sharing!


Monday 20th of April 2020

Oh good! Thank you for the feedback! More salted caramel coming up. :)


Friday 6th of March 2020

This sounds amazing!! It would definitely be a lot cheaper to make your own at home. And you don't even have to get out of your PJ's!


Monday 9th of March 2020

Oh, are we supposed to get out of our PJ's when we go to the coffeehouse? LOL J/K... kind of. ;)

Skip to Recipe