Coffee
Classic Café Mocha
A balanced hot mocha with real cocoa syrup, bold espresso, and silky steamed milk—chocolate-forward without burying the coffee.
Inspired by European and American café mochas
Prep
5 min
Cook
7 min
Serves
2 servings
Difficulty
Easy
Method
Recipe notes
Blooming cocoa in a small amount of water prevents a powdery drink and builds a syrup that integrates with espresso. This version deliberately uses restrained sugar so both roasted coffee and bittersweet chocolate remain identifiable; add sweetness only after the finished drink is tasted.
Planning, storage, and serving
Storage and reheating
Refrigerate leftover mocha without whipped cream in a covered container for up to 2 days. Reheat gently to 150°F while whisking; boiling can flatten the coffee and form a milk skin.
Make-ahead tips
The cocoa syrup can be refrigerated for up to 1 week. Warm and whisk it before combining, but brew espresso and steam milk immediately before serving.
What to serve with it
- - A butter croissant
- - Fresh berries
- - Almond biscotti
Equipment needed
- - Espresso machine or moka pot
- - Small saucepan and whisk
- - Milk steamer or frother
Difficulty explained
A smooth cocoa base and controlled milk temperature make this approachable even without advanced latte-art skills.
Nutrition estimate
Calories
220
Protein
7g
Carbs
32g
Fat
8g
Sat. fat
5g
Fiber
2g
Sugar
27g
Sodium
105mg
Estimated nutrition per serving. Values are approximate and can change materially with brands, substitutions, optional toppings, portion size, and cooking method.
Alternatives
Apply a reviewed substitution to this temporary working copy. The published recipe stays unchanged.
Strong brewed coffee
Use strong, fully chilled brewed coffee when espresso is unavailable.
2% milk
Use the same amount of 2% milk for a straightforward lower-fat swap.
Unsweetened oat milk
Use an equal amount of unsweetened oat milk for a widely available dairy-free swap.
Type the ingredient you're missing — we'll find what you can use instead.
Pitfalls to Watch Out For
- Adding dry cocoa directly to milk creates floating clumps; bloom it into a smooth syrup first.
- Boiling the milk makes it taste cooked and hides the espresso, so stop heating near 150°F.
- Pouring old espresso into the drink produces a dull bitter edge; combine each shot promptly.
Nutrition Context
- Milk supplies protein and calcium, while cocoa contributes a small amount of fiber and minerals.
- Whipped cream is optional and accounts for much of the added saturated fat beyond the milk itself.
FAQ
Can I make this without an espresso machine?
Yes. Use strong moka-pot coffee, or brew coffee at roughly double normal strength and reduce the milk slightly.
Why is my mocha grainy?
The cocoa was not fully bloomed or the milk overheated. Whisk the syrup smooth before adding espresso and keep milk below a boil.
Can I make it less sweet?
Start with 2 tablespoons sugar. Cocoa is bitter, so taste the completed mocha before deciding whether it needs more.
Can I serve it iced?
Cool the cocoa-espresso mixture, pour it over sturdy ice, and add cold milk. Do not pour steaming liquid into a non-heatproof glass.
What cocoa works best?
Natural cocoa tastes brighter; Dutch-process cocoa is darker and smoother. Either works if it is unsweetened.
What sides pair best with this dish?
A butter croissant, berries, or crisp almond biscotti balances the mocha's creamy chocolate body.