Café Mocha
A mocha should taste like coffee and dark chocolate in the same sip. Cocoa supplies depth while a little syrup smooths the bitterness without burying the espresso.
Non-alcoholicMake it like a pro.
- 01
Whisk the cocoa powder and chocolate syrup into the hot espresso until smooth.
- 02
Heat and steam the whole milk to about 145°F, introducing just a little fine foam.
- 03
Pour the milk into the chocolate espresso and finish with its thin foam layer.
Tools for This Recipe
Helpful equipment for making this recipe at home.
Browse home machines for brewing espresso-based drinks.
Browse on AmazonMilk frotherZulay Kitchen Handheld Electric Milk FrotherZulay KitchenA handheld frother for adding foam to lattes and other café drinks.
View on AmazonAs an Amazon Associate I earn from qualifying purchases.
Easy swaps
- Use 2% milk for a lighter mocha; it gives a slightly thinner mouthfeel.
- For a less sweet drink, halve the chocolate syrup and keep the cocoa at one teaspoon.
Mixpert tips
- Wet cocoa with espresso before adding milk to prevent dry clumps.
- Do not boil the milk; overheated milk loses its soft sweetness and foam.
Café Mocha FAQs
Can I make a café mocha with dark chocolate instead of syrup?
You can, but solid dark chocolate needs to melt into the hot espresso or milk and may make a thicker, less sweet drink. Start with a small amount and taste before adding the cocoa. The recipe's nutrition is based on chocolate syrup, so it cannot be reused for that version.
Is a mocha just hot chocolate with coffee?
A café mocha is built around espresso and steamed milk with chocolate added; the coffee remains a major flavor.
Can I make it without a steam wand?
Yes. Warm the milk gently, then whisk or froth it before pouring over the chocolate espresso.


