Mocha
A perfect blend of coffee, chocolate and comfort
Espresso and cocoa whisked smooth, topped with steamed, frothy milk and whipped cream, ready in about 15 minutes

One tablespoon = 15 ml; one teaspoon = 5 ml.
About Mocha
Mocha is a delightful combination of rich espresso, velvety chocolate and steamed milk, topped with frothy foam or whipped cream. Smooth, indulgent and full of flavour, it is a café classic that brings together the best of coffee and chocolate, whether you want a morning boost or a cosy afternoon treat.
The secret is to whisk the cocoa and sugar into the hot espresso until a smooth paste before the milk goes in, and to heat the milk gently, never boiling, so it froths into a fine, velvety microfoam.
Kitchen testing has not been documented for this recipe. Cooking times are estimates and vary with the stove, cookware and batch size. Follow the doneness checks in the method.
Make it work for your kitchen
Also known as Café mocha, Mocha latte, Mochaccino.
Original quantities serve 1. Cooking times, pan size and frying-oil depth do not scale, cook in extra batches instead.
Before you start
Warm the mug
Fill your mug with hot water while you gather the ingredients, then pour it out just before assembling. A warm mug keeps the mocha hot for longer.
PreparationMeasure the chocolate
Measure the cocoa powder, sugar and a pinch of salt into the mug so they are ready for the hot espresso.
PreparationSet up the equipment
For Mocha, have these tools clean and ready: Espresso machine or coffee maker for strong coffee; small saucepan or milk steamer; whisk or milk frother; mug or heatproof glass; measuring spoons and cups. Choose the cooking method before starting and use the tools for that method.
Before cookingCheck ingredients and labels
Allergen notes for this version: Milk. Check packaged ingredients and substitutions against these notes. Measure the ingredient list for your selected servings and keep optional additions separate.
Before measuring
Chef’s note
Whisk the cocoa into the hot espresso until it is a smooth paste, and froth the milk until velvety but not too bubbly.
Step-by-step cooking method
1 Prepare the equipment / Make the espresso
Gather all the ingredients and equipment. Warm your mug with hot water if you like. Brew 1-2 shots of espresso, or make strong coffee, about 60 ml.
2 Measure the cocoa / Add sugar (optional)
Empty the mug warming water, then add the listed 1 tbsp cocoa powder to the mug, or use chocolate sauce. Add sugar to taste. A pinch of salt can enhance the flavour (optional).
3 Add the hot espresso / Whisk until smooth
Pour the hot espresso into the mug with the cocoa and sugar. Whisk well until the chocolate is evenly dispersed into a smooth paste.
4 Heat the milk / Froth the milk / Check the texture
Pour the milk into a saucepan and heat over medium heat until hot but not boiling, about 60-65°C. Froth the milk using a frother, whisk or steam wand until velvety and foamy. The milk should be smooth and creamy with fine microfoam, not large bubbles.
5 Pour the milk / Stir gently
Slowly pour the steamed milk into the chocolate coffee. Stir gently to combine the coffee, chocolate and milk.
6 Add extra foam
Spoon extra foam on top if desired.
7 Add whipped cream (optional) / Chocolate garnish / Add chocolate shavings (optional)
Top with whipped cream for an indulgent finish. Drizzle with chocolate sauce or sprinkle with cocoa powder. Add chocolate shavings or a light dusting of cocoa powder.
8 Final touch / Serve hot / Enjoy your mocha / Customise / Share and repeat
Make sure the mocha looks inviting and delicious. Serve immediately while hot. Take a moment to savour the rich flavours. Feel free to adjust the sweetness, use dairy-free milk, or try different toppings. Make another cup and share it.
Chef’s tips
- Use freshly ground coffee beans for the best flavour.
- Choose good-quality cocoa powder or real chocolate for a richer taste.
- Warm your mug before serving to keep the mocha hot for longer.
- Froth the milk until it is velvety and smooth, not too bubbly.
- For an extra treat, top with whipped cream and a drizzle of chocolate sauce just before serving.
- Adjust the sweetness to your taste.
Common mistakes & quick fixes
- Weak coffee
- Use stronger coffee or 2 espresso shots.
- Grainy cocoa
- Whisk with a little hot espresso to make a smooth paste, then add the remaining espresso.
- Milk too hot
- Heat to about 60-65°C, not boiling.
- Bubbly milk foam
- Froth gently for a smooth microfoam.
- Too sweet
- Reduce the sugar next time.
- Bland flavour
- Use high-quality cocoa or real chocolate.
Variations & serving ideas
White mocha: Use white chocolate in place of cocoa.
Iced mocha: Pour the coffee, chocolate and cold milk over ice.
Caramel mocha: Add caramel sauce.
Mint mocha: Add a little peppermint syrup or essence.
Spiced mocha: Add cinnamon or nutmeg.
Dairy-free mocha: Use almond, oat or soy milk.
Perfect result check
| Flavour | Rich coffee and chocolate flavour with well-balanced sweetness. |
|---|---|
| Texture | Smooth and velvety, with creamy steamed milk and fine foam. |
| Appearance | Beautifully presented, aromatic and satisfying. |
| Temperature | Served hot. |
Storage & reheating
| Serving | Best enjoyed fresh and hot | Add fresh milk foam or whipped cream just before serving. |
|---|---|---|
| Refrigerator | Up to 24 hours | Store without whipped cream. Reheat gently on the stove or in the microwave, stirring well. |
| Long-term | Not recommended | Not ideal for long-term storage. |
Know when to change the heat
| Stage | Heat | What to look for |
|---|---|---|
| Espresso and chocolate | Hot espresso, no extra heat | Cocoa evenly dispersed into a smooth paste, with no dry lumps. |
| Milk | Medium heat | Hot, about 60-65°C, steaming but never boiling. |
Helpful answers before you cook
What is the difference between a mocha and a latte?
A mocha is a latte with chocolate added: espresso and steamed milk, plus cocoa or chocolate sauce, often topped with whipped cream.
Can I make a mocha without an espresso machine?
Yes. Use about 60 ml of strong brewed coffee in place of the espresso, and froth the milk with a whisk or handheld frother.
Why is my mocha grainy?
The cocoa was not fully dissolved. Whisk it into the hot espresso until completely smooth before adding the milk.
How hot should the milk be?
About 60-65°C: hot and steaming but not boiling. Boiling milk spoils the foam and flavour.








Leave a cooking note