Starbucks Cafe Mocha Copycat Recipe
A Starbucks Cafe Mocha copycat you can make at home in under 10 minutes, with the same rich chocolate-and-espresso flavor and that thick layer of whipped cream on top. If you have a stovetop, a small whisk, and a way to brew strong coffee, you have everything you need.
This recipe costs a fraction of what you’d spend at the drive-through, and once you make it once, you’ll know it by heart.
Why I Love This Recipe
The chocolate here actually tastes like chocolate, not like a faint cocoa whisper, because you’re using real mocha sauce stirred directly into hot espresso.
The whole drink comes together in one mug with one small saucepan. No fancy equipment required.
It’s the version I keep coming back to on slow mornings when I want something that feels like a treat but doesn’t require leaving the house.
Recipe Ingredients
- 2 shots espresso (about 60ml) – Brewed from an espresso machine, stovetop Moka pot, or very strong French press
- 2 tbsp unsweetened cocoa powder – Dutch-process gives a smoother, less acidic chocolate flavor
- 2 tbsp granulated sugar – Adjust up or down by half a tablespoon to taste
- 2 tbsp water – Used to dissolve cocoa and sugar into a quick mocha sauce
- 180ml (6 oz) whole milk – Whole milk steams up the richest, but 2% works fine
- 1 pinch of salt – Just enough to sharpen the chocolate without tasting salty
- Whipped cream – Store-bought is fine; homemade holds its shape longer on top
- Chocolate shavings or cocoa powder for garnish – Optional, but worth the 10 seconds it takes
Variations / Substitutions
- Dairy-free milk – Oat milk froths well and has enough body to hold its own against the espresso; almond milk works too but produces a thinner texture.
- Sweetener swap – Replace the 2 tbsp granulated sugar with 2 tbsp maple syrup for a slightly earthy sweetness that actually pairs well with the cocoa.
- Dark chocolate mocha – Use 1 tbsp cocoa powder and 1 tbsp finely chopped 70% dark chocolate in the sauce for a deeper, slightly bitter finish.
- Extra shot – Add a third shot of espresso if you want more coffee than chocolate coming through.
- Spiced mocha – Stir a pinch of cinnamon and a tiny pinch of cayenne into the mocha sauce before adding milk for a Mexican hot chocolate-style version.
- Iced mocha – Pour the finished mocha (without whipped cream) over a glass of ice, then top with whipped cream and serve immediately.
If you enjoy this, the Starbucks White Chocolate Mocha Copycat Recipe is worth trying next.
How To Make Cafe Mocha
Step 1: Simmer the Mocha Sauce
In a small saucepan over medium heat, combine the 2 tbsp cocoa powder, 2 tbsp granulated sugar, 2 tbsp water, and 1 pinch of salt. Whisk constantly for about 2 minutes, until the sugar fully dissolves and the mixture thickens into a glossy, pourable sauce. Remove from heat as soon as it starts to bubble at the edges.
You’ll know it’s ready when the sauce coats the back of a spoon and looks shiny rather than grainy. If you see any undissolved cocoa specks, give it another 30 seconds on the heat and keep whisking.
Step 2: Brew the Espresso
Brew 2 shots of espresso using your machine, Moka pot, or French press. Pour the hot espresso directly into your mug, then immediately add all of the mocha sauce and stir for about 20 seconds until fully combined. The heat from the espresso keeps the sauce fluid and easy to mix in.
The liquid in your mug at this point should be deep brown and smell like a chocolate bar sitting next to a bag of coffee. That’s exactly where you want to be.
Step 3: Steam the Milk
Warm the 180ml whole milk in the same small saucepan over medium-low heat for about 3 minutes, until it reaches 60 to 65°C (140 to 150°F). You don’t want a full boil, just a gentle steam rising from the surface. Froth it using a small handheld milk frother for 20 to 30 seconds until foamy, or whisk vigorously by hand.
Pour the steamed milk into the mug slowly, holding back the foam with a spoon and spooning it on last so it sits on top of the mocha.
Step 4: Top and Garnish
Add a generous layer of whipped cream over the foam. Dust lightly with cocoa powder or scatter a few chocolate shavings on top, then serve immediately while the whipped cream is still cold and the mocha is still hot underneath.
Recipe Tips
- Use fresh espresso. Espresso that has been sitting for more than a couple of minutes turns sour. Brew it just before you build the drink.
- Don’t skip the salt. A single pinch in the mocha sauce cuts the bitterness of the cocoa without making the drink taste salty at all. It’s a small thing that makes a noticeable difference.
- Watch the milk temperature. Above 70°C (160°F), milk takes on a slightly scalded taste. A simple kitchen thermometer removes all the guesswork.
- Make extra mocha sauce. The sauce keeps in a sealed jar in the fridge for up to 2 weeks. Multiply the sauce recipe by 4 or 5 and you can pull a mocha together on a weekday morning in about 3 minutes.
Scale the mocha sauce batch if you plan to make this regularly:
| Sauce batch | Cocoa powder | Sugar | Water |
|---|---|---|---|
| 1 serving | 2 tbsp | 2 tbsp | 2 tbsp |
| 4 servings | 8 tbsp | 8 tbsp | 8 tbsp |
| 8 servings | 16 tbsp | 16 tbsp | 16 tbsp |
How To Store
- Refrigerate – Store leftover mocha sauce (not the assembled drink) in a sealed jar for up to 2 weeks. The assembled mocha is best drunk right away.
- Serve Cold – If you want an iced version later, let the mocha base (espresso plus sauce, no milk) cool to room temperature, then refrigerate for up to 24 hours. Add cold milk and ice when ready to drink.
What To Serve With Cafe Mocha
A cafe mocha works especially well alongside something buttery and not too sweet, since the bitterness of the espresso and cocoa needs a bit of richness to balance it. A plain butter croissant or a slice of lightly sweetened banana bread are both good choices because neither competes with the chocolate. If you want something savory, a simple egg and cheese breakfast sandwich on a toasted English muffin holds up well against the bold coffee flavor.
Frequently Asked Questions
Can I use instant coffee instead of espresso?
Yes. Dissolve 2 teaspoons of instant espresso powder in 60ml of hot water and use that in place of brewed shots. The flavor won’t be quite as round, but it works on a busy morning.
Why does my mocha sauce taste grainy?
The cocoa powder hasn’t fully dissolved. Return the sauce to low heat and whisk for another minute or so; the graininess disappears once the sugar and cocoa are fully incorporated.
Can I make this recipe without a frother?
Absolutely. Pour the warm milk into a jar with a tight lid and shake it hard for 30 seconds, or whisk it vigorously in the saucepan. The foam won’t be as dense, but it will still sit nicely on top.
Can I double the full recipe for 2 people?
Yes, just double every ingredient. Make the sauce in a slightly larger saucepan so it doesn’t bubble over, and brew 4 shots of espresso instead of 2.
How sweet is this compared to the actual Starbucks version?
A little less sweet, which most people prefer once they try it. If you want to match the Starbucks sweetness level exactly, add an extra half tablespoon of sugar to the sauce.
Cafe Mocha Recipe
Ingredients
Method
- Combine the 2 tbsp cocoa powder, 2 tbsp sugar, 2 tbsp water, and 1 pinch of salt in a small saucepan over medium heat. Whisk for about 2 minutes until the mixture thickens into a smooth, glossy sauce, then remove from heat.
- Brew 2 shots of espresso, pour into your mug, add all the mocha sauce, and stir for 20 seconds until fully combined.
- Warm the 180ml whole milk in the saucepan over medium-low heat for about 3 minutes to 60 to 65°C (140 to 150°F), froth with a handheld frother or whisk for 20 to 30 seconds, then pour over the espresso base, spooning the foam on last.
- Top with whipped cream, dust with cocoa powder or chocolate shavings, and serve immediately.
