Café Mocha Recipe
A café mocha made with chopped dark chocolate melted into hot espresso, then topped with steamed milk. Ratios, melting method, swaps and common fixes.
Before you start
A café mocha is a latte with chocolate dissolved into it, and the quality of that chocolate decides the drink. Powdered mixes lean on sugar and milk solids; a real bar of dark chocolate melted straight into hot espresso gives a deeper, slightly bitter cocoa flavor that matches the coffee rather than covering it.
The technique hinges on melting. Chop the chocolate finely and stir it into the shot the moment it finishes, while the coffee is near 90°C (195°F), so it forms a smooth, glossy base before any milk goes in. A 60 to 70 percent cacao bar gives a balanced sweetness; adjust with a little sugar if you prefer it sweeter. Finish with silky steamed milk, and whipped cream only if you want dessert.
Ingredients
- 20 g (¾ oz) dark chocolate, 60 to 70% cacao — finely chopped
- 1 to 2 tsp granulated sugar — optional, to taste
- 1 small pinch fine salt — optional; sharpens the chocolate
- 18 g espresso coffee beans — ground fine for a double shot
- about 36 g (1¼ oz) water, as brewed espresso
- 200 ml (scant 7 oz) cold whole milk
- to finish whipped cream or cocoa powder — optional
Method
- Chop the chocolate into fine shards so it melts in seconds. Put it in the mug with the sugar and salt, if using.
- Pull a double shot of about 36 g in 25 to 30 seconds directly over the chocolate.
- Stir immediately with a small whisk or spoon for about 20 seconds until the chocolate is completely melted and the mixture looks smooth and glossy, with no specks.
- Steam the milk to 60 to 65°C (140 to 150°F) with a thin layer of microfoam, about 1 cm (½ inch), similar to a latte.
- Pour the milk into the chocolate espresso in a steady stream, finishing with the foam on top. Add whipped cream or a dusting of cocoa if you like and serve hot.
Tips for success
- If the chocolate refuses to melt fully, set the mug in a bowl of hot water for a minute and stir again rather than microwaving the espresso.
- Taste the chocolate espresso before adding milk. That is the moment to add more sugar, because sugar dissolves poorly in the finished drink.
- Milk chocolate makes a sweeter, milder mocha; reduce or skip the added sugar if you use it.
Substitutions
- Dark chocolate
- Use 1 tbsp unsweetened cocoa plus 2 tsp sugar whisked with the espresso into a paste. The flavor is sharper and the body lighter than with bar chocolate.
- Whole milk
- Oat milk pairs especially well with chocolate and foams nicely. Skim milk works but tastes noticeably thinner against the cocoa.
- Espresso
- 120 ml of strong French press coffee can replace the shot and some of the milk; melt the chocolate into the hot coffee the same way.
Variations
- Mexican mocha
- Add a pinch of ground cinnamon and a tiny pinch of cayenne to the chocolate before the espresso goes in.
- Mocha breve
- Steam half-and-half instead of milk for a richer, dessert-like drink.
Troubleshooting
- Grainy bits of chocolate at the bottom
- The pieces were too large or the espresso had cooled. Chop finer and stir the moment the shot finishes.
- It tastes bitter rather than chocolatey
- High-cacao bars over 75 percent are very dry. Add a teaspoon of sugar or blend in a few grams of milk chocolate.
- The drink is lukewarm
- Melting chocolate pulls heat out of the coffee. Warm the mug first and steam the milk to the top of the range.
Storage
Serve right away; the chocolate can settle if the drink stands. Leftover chopped chocolate keeps in a sealed container in a cool, dry place. Do not keep steamed milk drinks at room temperature longer than 2 hours.
About this page
Written and reviewed by the MyDrinkAI editorial team. Last reviewed . Amounts and timings are a careful starting point, not a lab-tested formula; ingredients, equipment and kitchens vary. This recipe has no ratings or nutrition estimate.