Copycat Starbucks Salted Caramel Mocha Recipe

This Copycat Starbucks Salted Caramel Mocha recipe recreates the cozy coffeehouse drink with espresso or strong coffee, caramel sauce, hot cocoa mix, warm milk, and a pinch of sea salt. It makes one rich, chocolatey caramel mocha in about 10 minutes, and you do not need an espresso machine or specialty coffee syrups to make it.

Start by stirring caramel sauce, sweetened hot cocoa powder, and sea salt together in a large mug. Pour the hot coffee over that mixture and stir until the chocolate and caramel dissolve. Add warm milk, then finish the drink with whipped cream, another drizzle of caramel, and the lightest sprinkle of sea salt.

A shot of espresso gives this homemade salted caramel mocha the boldest coffee flavor, but 3/4 cup of strongly brewed coffee works beautifully. The coffee needs to be strong enough to hold its own once the milk, chocolate, and caramel are added. For an even bolder mocha, use a double shot of espresso. For a gentler cup, add a little more warm milk.

The caramel and cocoa amounts are intentionally flexible. Start with 1 1/2 tablespoons of caramel sauce and 1 tablespoon of hot cocoa powder. Taste the finished drink, then add more of either ingredient until it has the balance of coffee, chocolate, and caramel you enjoy. That is one of the best parts of making a Starbucks-inspired drink at home: your mug gets to follow your rules.

I first made this copycat drink on a chilly November morning. The smell of hot coffee and caramel filled the kitchen, and that first creamy sip tasted far more impressive than the few minutes of work suggested. It quickly became one of those cozy winter recipes I return to when the morning feels cold, the to-do list feels long, and coffee deserves a little extra attention.

This recipe is inspired by the popular Starbucks Salted Caramel Mocha and is not an official Starbucks recipe. It is an easy option for fall mornings, holiday brunches, afternoon coffee breaks, or any day when coffee shop comfort sounds good but leaving the house does not.

Why You’ll Love This Starbucks Salted Caramel Mocha Recipe

• It takes only 10 minutes. Brew the coffee while the milk warms, and the drink comes together quickly.
• No espresso machine is required. Use one shot of espresso or 3/4 cup of strongly brewed coffee.
• It uses simple ingredients. Coffee, hot cocoa powder, caramel sauce, milk, and sea salt create the coffeehouse flavor.
• You control the sweetness. Start with the smaller amounts of cocoa and caramel, then taste and adjust.
• It makes one serving. This recipe is designed for one wonderfully indulgent mug.
• It is easy to customize. Make it stronger, less sweet, dairy-free, extra chocolatey, or iced.

Copycat Starbucks Salted Caramel Mocha Recipe

Prep Time: 5 minutes
Cook Time: 5 minutes
Total Time: 10 minutes
Servings: 1

Ingredients

• 1 shot of espresso or 3/4 cup strong coffee
• 1 1/2 to 2 tablespoons caramel sauce
• 1 to 2 tablespoons hot cocoa powder, preferably sweetened instant hot cocoa mix rather than unsweetened baking cocoa
• Pinch of sea salt
• 1/2 cup milk
• Whipped cream, for topping
• Extra caramel sauce and a tiny pinch of sea salt, for topping

How to Make a Starbucks Salted Caramel Mocha

1. Prepare the coffee. Brew one shot of espresso or 3/4 cup of strong coffee.
2. Make the caramel-chocolate base. Add 1 1/2 tablespoons of caramel sauce, 1 tablespoon of hot cocoa powder, and a pinch of sea salt to a large mug.
3. Add the hot coffee. Pour the espresso or strong coffee into the mug. Stir thoroughly until the cocoa and caramel have dissolved and the mixture is smooth.
4. Warm the milk. Heat the milk in the microwave or in a small saucepan over medium-low heat until it is hot and steaming but not boiling.
5. Combine the drink. Pour the warm milk into the coffee mixture and stir. Taste and add more caramel sauce or hot cocoa powder if desired.
6. Add the toppings. Top with whipped cream, a drizzle of caramel sauce, and a very light sprinkle of sea salt. Serve immediately.

What Is in a Salted Caramel Mocha?

A salted caramel mocha combines coffee, chocolate, caramel, milk, and sea salt. The chocolate turns the coffee into a mocha, while the caramel adds buttery sweetness. A small amount of salt balances those sweet flavors and helps the chocolate and caramel taste more pronounced.

This homemade version uses sweetened hot cocoa powder as a convenient shortcut. It dissolves easily in hot coffee and supplies both chocolate flavor and sweetness without requiring separate cocoa powder and sugar measurements.

Ingredient Notes

Espresso or Strong Coffee

Espresso produces the boldest coffeehouse flavor, but you can make this caramel mocha without an espresso machine. Brew 3/4 cup of dark, strong coffee using a little more ground coffee than you normally would.

A mild or weak coffee can disappear beneath the milk, cocoa, and caramel. Choose a medium-dark or dark roast when possible. Decaffeinated espresso or strong decaf coffee also works when you want an evening treat without as much caffeine.

Hot Cocoa Powder

Use the sweetened powder sold for making hot cocoa. It may also be labeled instant hot cocoa mix. It already contains sweetener and is designed to dissolve in hot liquid.

Do not replace it with an equal amount of plain unsweetened baking cocoa unless you are prepared to add sugar separately. Unsweetened cocoa is more bitter and may not dissolve as smoothly.

Use 1 tablespoon for a more coffee-forward drink or closer to 2 tablespoons for a richer chocolate mocha.

Caramel Sauce

Any smooth caramel sauce you enjoy can be used. Begin with 1 1/2 tablespoons, particularly if your hot cocoa mix is already quite sweet. Add the remaining 1/2 tablespoon after tasting the finished drink.

For the best caramel flavor in every sip, stir the sauce into the hot coffee before adding the milk. The heat helps loosen and dissolve the caramel so it does not remain in a sticky layer at the bottom of the mug.

Milk

Whole milk makes a rich and creamy mocha, but 2 percent, skim, oat, almond, or soy milk can also be used. Oat milk is especially creamy, while almond milk produces a lighter drink.

Different milk varieties bring different levels of sweetness. Taste your mocha before adding the maximum amount of caramel sauce.

Sea Salt

The salt should balance the sweetness without making the drink taste salty. Add a small pinch to the mug and only a few grains over the whipped cream.

Fine sea salt dissolves quickly in the drink. Small flakes of sea salt make an attractive topping, but use them sparingly. If your caramel sauce is already salted, you may need less additional salt.

How to Make a Caramel Mocha Without an Espresso Machine

You do not need an espresso machine to make a satisfying homemade caramel mocha. Brew 3/4 cup of coffee slightly stronger than you normally drink it. A dark roast is especially helpful because its flavor remains noticeable after the milk and sweet ingredients are added.

While the coffee is still very hot, pour it over the caramel sauce, cocoa powder, and salt. Stir until no cocoa clumps or caramel streaks remain. Add the warm milk only after the coffee mixture is smooth.

For a stronger drink, reduce the coffee to about 1/2 cup or brew it with more coffee grounds. For a milder mocha, use the full 3/4 cup and add an extra splash of milk.

How to Warm and Froth the Milk

Warm the milk in a small saucepan over medium-low heat until steam begins rising from the surface. Do not let it boil. You can also microwave the milk in a microwave-safe cup, checking it every 20 to 30 seconds.

Frothed milk is optional, but it gives the finished mocha a lighter coffeehouse texture. Froth the warm milk with a handheld frother before pouring it into the mug.

Without a frother, pour the warm milk into a heat-safe jar, leaving plenty of empty space. Secure the lid and carefully shake until the milk becomes foamy. The jar and steam may be hot, so open it cautiously.

Expert Tips for the Best Salted Caramel Mocha

• Begin with the smaller measurements. Start with 1 tablespoon of cocoa powder and 1 1/2 tablespoons of caramel sauce. Add more after tasting.
• Use freshly brewed, very hot coffee. The heat helps dissolve both the caramel and cocoa powder.
• Stir before adding milk. Completely smooth the coffee, chocolate, and caramel mixture first.
• Do not boil the milk. Warm it just until hot and steaming for a creamy texture.
• Use a large mug. Leave enough space for the milk, whipped cream, and caramel topping.
• Choose a bold coffee. Strong coffee keeps the drink from tasting like caramel hot chocolate.
• Add salt cautiously. You can add another grain or two, but you cannot easily remove too much salt.
• Serve it immediately. The mocha tastes best while the coffee and milk are hot and the whipped cream is beginning to melt into the drink.

Salted Caramel Mocha Variations

Iced Salted Caramel Mocha

Stir the caramel sauce, cocoa powder, and salt into the hot espresso or coffee as directed. Let the mixture cool for several minutes.

Fill a tall glass with ice, pour in the coffee mixture, and add cold milk. Stir well and finish with whipped cream, caramel sauce, and a tiny pinch of sea salt.

Do not try to dissolve the caramel and cocoa directly in cold milk. Mixing them with hot coffee first prevents clumps and caramel from collecting at the bottom of the glass.

Extra-Chocolate Caramel Mocha

Use the full 2 tablespoons of hot cocoa powder. Add a drizzle of chocolate syrup with the caramel topping for an even richer mocha.

Stronger Coffeehouse Mocha

Use a double shot of espresso or brew your coffee extra strong. Begin with the smaller amounts of cocoa and caramel so the coffee remains the leading flavor.

Less-Sweet Salted Caramel Mocha

Use 1 tablespoon of hot cocoa powder and 1 1/2 tablespoons of caramel sauce. Skip the extra caramel drizzle or use only a very small amount over the whipped cream.

Dairy-Free Salted Caramel Mocha

Replace the milk with oat, almond, soy, or another nondairy milk. Check the labels on your caramel sauce and whipped topping if you need the entire drink to be dairy-free.

Richer Caramel Mocha

Replace some or all of the milk with half-and-half. This creates a richer drink, so you may prefer the smaller amount of caramel sauce.

Spiced Salted Caramel Mocha

Add a small pinch of cinnamon or nutmeg to the caramel and cocoa mixture. The warm spices make this variation especially cozy during fall and the holiday season.

Decaf Salted Caramel Mocha

Use a shot of decaffeinated espresso or 3/4 cup of strongly brewed decaf coffee. You will still get the chocolate-caramel flavor with less caffeine.

Troubleshooting Your Homemade Caramel Mocha

Why Is the Cocoa Powder Clumping?

Add the cocoa powder to the mug before pouring in the coffee. The coffee should be very hot. Stir the mixture thoroughly until it is completely smooth before adding the milk.

If a few clumps remain, press them against the side of the mug with the back of the spoon while stirring.

Why Is There Caramel at the Bottom of My Mug?

The caramel was probably not completely dissolved before the milk was added. Pour the hot coffee directly over the caramel and stir while scraping the bottom and sides of the mug.

Why Does My Mocha Taste Too Sweet?

Start with the smaller amounts of cocoa and caramel. To correct an overly sweet drink, stir in a little more strong coffee or warm milk.

Do not add a large amount of salt to counteract the sweetness. Too much salt will overwhelm the entire drink.

Why Does My Salted Caramel Mocha Taste Salty?

Only a small pinch of sea salt is needed. If your caramel sauce is already salted, omit the salt from the mug or use only a few grains as a topping.

Add more warm milk and a little caramel or cocoa to soften a drink that is slightly too salty.

Why Can’t I Taste the Coffee?

Use a darker roast, brew the coffee more strongly, or replace the coffee with one or two shots of espresso. The coffee needs to be bold enough to balance the milk, cocoa, and caramel.

Why Does My Mocha Taste More Like Hot Chocolate?

Reduce the cocoa powder to 1 tablespoon and use stronger coffee. You can also reduce the milk slightly so the coffee flavor remains prominent.

My First Homemade Salted Caramel Mocha

It was a chilly November morning when I first tried making this drink at home. The kitchen slowly filled with the comforting aroma of coffee and warm caramel, which was already a promising start.

I stirred everything together, added an unapologetically generous cloud of whipped cream, and drizzled caramel over the top. The result was better than I expected from such a short ingredient list.

Since then, this caramel mocha has become a cozy winter favorite in our home. It is especially welcome on dark mornings when the day needs a softer beginning—or at least a beginning covered in whipped cream.

Can You Make a Salted Caramel Mocha Ahead?

A salted caramel mocha has the best flavor and texture when served immediately. However, you can measure the cocoa powder, caramel sauce, and salt into your mug the night before. In the morning, brew the coffee, warm the milk, and stir everything together.

You can also combine the coffee, cocoa, caramel, salt, and milk without the toppings. Refrigerate the mixture in a covered container for up to one day.

Reheat it gently in the microwave or in a small saucepan over medium-low heat, stirring occasionally. Add the whipped cream, caramel drizzle, and finishing salt only after the drink has been reheated.

Copycat Starbucks Salted Caramel Mocha FAQs

How Do You Make a Starbucks Salted Caramel Mocha at Home?

Combine caramel sauce, sweetened hot cocoa powder, and sea salt in a mug. Pour hot espresso or strong coffee over the mixture and stir until smooth. Add warm milk, then top the drink with whipped cream, caramel sauce, and a few grains of sea salt.

Can I Make a Salted Caramel Mocha Without Espresso?

Yes. Replace the espresso with 3/4 cup of strongly brewed coffee. Choose a dark roast or brew the coffee a little stronger than usual so its flavor is not lost beneath the chocolate, caramel, and milk.

What Kind of Cocoa Is Best for a Caramel Mocha?

Use sweetened hot cocoa powder or instant hot cocoa mix. It dissolves easily and contains the sweetness needed for the drink.

Plain unsweetened cocoa powder is much more bitter and should not be substituted in the same quantity without adding a separate sweetener.

What Kind of Salt Should I Use?

Fine sea salt works well inside the drink because it dissolves quickly. A few small flakes can be added over the whipped cream, but use them sparingly.

Can I Use Nondairy Milk?

Yes. Oat, almond, and soy milk all work well. Oat milk generally gives the mocha the creamiest dairy-free texture.

How Do I Make the Drink Less Sweet?

Start with 1 tablespoon of hot cocoa powder and 1 1/2 tablespoons of caramel sauce. Taste the drink after adding the milk and add more only when needed.

Can I Make This Salted Caramel Mocha Iced?

Yes. Dissolve the caramel, cocoa, and salt in hot coffee first. Allow it to cool briefly, pour it over ice, and add cold milk and the desired toppings.

Is a Salted Caramel Mocha the Same as a Latte?

A traditional latte is made primarily with espresso and steamed milk. A mocha adds chocolate. This salted caramel mocha also includes caramel sauce and sea salt, giving it a sweeter and more dessert-like flavor.

Can I Double the Recipe?

Yes. Double all the ingredients to make two servings. Prepare the drinks in separate mugs so each person can adjust the cocoa, caramel, and salt to taste.

Can I Use Salted Caramel Sauce?

Yes. When using salted caramel sauce, reduce or omit the additional salt inside the drink. Taste it before adding any salt over the whipped cream.

Related Copycat Recipes

Making favorite coffeehouse and restaurant recipes at home means you can adjust every ingredient to suit your family. Browse the full collection of Copycat Recipes for homemade versions of popular drinks, soups, sauces, appetizers, meals, and desserts.

★★★★★ Loved this recipe? Rate it, leave a comment, and tell me whether you made yours with espresso, strong coffee, or an extra swirl of caramel.

Next Recipe to Try

Keep your homemade Starbucks experience going with more cozy coffee recipes you can recreate in your own kitchen.