This Hot Salted Caramel Mocha brings rich coffee, smooth chocolate, and buttery caramel into one cozy mug. A small pinch of salt keeps the sweetness balanced. Whipped cream and a caramel drizzle make it feel like a café treat. It takes just a few minutes to make at home.
Why I Love This Recipe
I love a mocha with enough coffee flavor to stand up to the chocolate. Caramel adds a soft, buttery sweetness, while a little salt makes each sip taste more balanced. My favorite part is the whipped cream slowly blending into the drink.
- Rich flavor: Cocoa and espresso give the drink a deep chocolate-coffee taste.
- Simple ingredients: Store-bought caramel sauce keeps the steps easy.
- Balanced sweetness: A small pinch of salt cuts through the sweet caramel.
- Easy to adjust: Use your favorite milk or swap in decaf espresso.
What You’ll Need
- Servings: 1
- Prep Time: 3 minutes
- Cook Time: 4 minutes
- Total Time: 7 minutes
- Serving Mug: A clear heat-safe round glass mug with a single handle on the right side, at least 12 ounces in capacity
For the mocha
- 3/4 cup whole milk
- 2 tablespoons freshly brewed espresso
- 1 tablespoon unsweetened cocoa powder
- 1 1/2 tablespoons regular caramel sauce, divided
- 1/16 teaspoon fine sea salt
For the topping
- 2 tablespoons prepared sweetened whipped cream
Tools You Need
- Espresso machine or another espresso brewer
- Small saucepan
- Whisk
- Measuring spoons and cup
- Kitchen thermometer
- Clear heat-safe round glass mug with a single handle on the right side
How to Make Hot Salted Caramel Mocha
Make a smooth chocolate base, warm the milk, and finish with your toppings.
Step 1: Mix the Chocolate Base
Add 2 tablespoons freshly brewed espresso, 1 tablespoon unsweetened cocoa powder, 1 tablespoon caramel sauce, and 1/16 teaspoon fine sea salt to your serving mug.
Stir for 30 seconds, until the cocoa is evenly blended and the salt dissolves.
Step 2: Warm the Milk
Add 3/4 cup whole milk to a small saucepan.
Heat over medium-low heat for about 3–4 minutes, until it reaches 150°F (65°C).
Whisk gently as it heats, and don’t let the milk boil.
Step 3: Blend the Mocha
Pour the 3/4 cup warmed whole milk into the mug holding the chocolate base.
Stir for 15 seconds, until the drink is smooth and evenly chocolate-brown.
Step 4: Top and Serve
Spoon 2 tablespoons prepared sweetened whipped cream onto the mocha.
Drizzle the remaining 1/2 tablespoon caramel sauce over the whipped cream.
Serve right away, while the whipped cream still holds its shape.
Why This Recipe Works (Quick Science)
Cocoa powder does not fully dissolve like sugar. Stirring it into a small amount of espresso first helps wet the tiny cocoa particles and break up clumps. Adding the milk afterward makes it easier to get a smooth drink.
Whole milk adds body and softens the sharp edge of coffee. Gentle heat keeps its flavor mild. The small amount of salt helps balance bitterness and brings out the caramel flavor without making the drink taste salty.
Common Mistakes to Avoid
- Adding too much salt: Use a level 1/16 teaspoon. Salt should support the flavor rather than take over.
- Using salted caramel without adjusting: The listed salt amount is for regular caramel sauce. Leave out the added salt at first if your sauce is already salted.
- Skipping the cocoa base: Cocoa stirred straight into a full mug of milk can leave clumps.
- Boiling the milk: Stop heating at 150°F (65°C) for a mild flavor and smooth texture.
- Overfilling the mug: Leave space for the whipped cream and caramel drizzle.
Pro Tips
- Use a thick caramel sauce that you enjoy on its own. Thin caramel coffee syrup will give a different texture and sweetness.
- If your cocoa is clumpy, sift it before measuring.
- A stronger espresso gives a clearer coffee taste under the chocolate and caramel.
- Add the toppings just before serving so they stay neat.
Substitutions and Variations
- Coffee swap: Replace the 2 tablespoons espresso with 1/4 cup strong brewed coffee. The drink will be slightly larger and less rich.
- Decaf: Use the same amount of decaf espresso.
- Dairy-free: Use unsweetened oat milk, dairy-free caramel sauce, and dairy-free whipped topping in the same amounts.
- Less sweet: Reduce the caramel mixed into the base to 2 teaspoons and leave off the finishing drizzle.
- More coffee flavor: Increase the espresso to 1/4 cup and use a mug with room for the larger drink.
What to Serve With Hot Salted Caramel Mocha
A plain butter cookie or a slice of toast makes a simple pairing. A lightly sweet almond biscotti adds crunch without piling on more sweetness. For a richer treat, serve it with a small piece of dark chocolate.
Macros Information
Estimated per serving, including whipped cream and caramel drizzle:
- Calories: 255
- Protein: 7 grams
- Carbohydrates: 35 grams
- Fat: 11 grams
- Saturated Fat: 7 grams
- Fiber: 2 grams
- Sugar: 28 grams
- Sodium: 260 milligrams
These are estimates and will vary with the milk, caramel sauce, and whipped cream you use.
Frequently Asked Questions (FAQ)
Q: Can I make this without an espresso machine?
A: Yes. Use 1/4 cup strong brewed coffee in place of the 2 tablespoons espresso. A moka pot is another option for a bold coffee base.
Q: Is caramel sauce the same as caramel syrup?
A: No. Sauce is usually thicker and may contain butter or cream. Coffee syrup is thinner, so it may make a lighter drink with a different level of sweetness.
Q: Can I use salted caramel sauce?
A: Yes. Leave out the added sea salt at first. Taste the mixed drink before adding any more.
Q: Why does my mocha have cocoa clumps?
A: The cocoa may not have been fully wetted in the espresso base. Stir that base until smooth before adding milk. Sifting clumpy cocoa also helps.
Q: Can I use chocolate syrup instead of cocoa powder?
A: Yes. Start with 1 tablespoon chocolate syrup in place of the cocoa. The drink will be sweeter, so reduce the caramel in the base if needed.
Q: Do I need to froth the milk?
A: No. This recipe uses gently warmed milk and a whipped cream topping. Gentle whisking is enough.
Q: Can I leave off the whipped cream?
A: Yes. The mocha still tastes rich without it. You can also leave off the finishing caramel drizzle for a simpler drink.
Q: Can I make the drink ahead?
A: It tastes best fresh. If needed, refrigerate the untopped mocha in a covered container for up to 2 days. Reheat gently while stirring, then add the toppings.
Q: Can I turn it into an iced mocha?
A: Yes. Make the chocolate base with freshly brewed espresso, then let it cool. Stir in cold milk and serve over clear ice cubes in a larger glass before adding the toppings.
Final Thoughts
This Hot Salted Caramel Mocha is an easy way to bring a café favorite home. Keep the cocoa base smooth, heat the milk gently, and let the caramel and salt work together. Leave a comment and share your favorite milk or caramel choice. Happy sipping!
