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
Cooking Tools
Pantry match
Uses the current servings and temporary recipe changes.
Missing 7 ingredients
- • 3 tablespoons unsweetened cocoa powder
- • 3 tablespoons granulated sugar
- • 1 small pinch fine sea salt
- • 3 tablespoons hot water
- • 1/2 teaspoon vanilla extract
- • 4 shots freshly brewed espresso
- • 1 1/2 cups whole milk
View ingredient-by-ingredient match
- 3 tablespoons unsweetened cocoa powderMissing
- 3 tablespoons granulated sugarMissing
- 1 small pinch fine sea saltMissing
- 3 tablespoons hot waterMissing
- 1/2 teaspoon vanilla extractMissing
- 4 shots freshly brewed espressoMissing
- 1 1/2 cups whole milkMissing
Optional ingredients are not counted as required.
Cook smarter
- Read the full method once before starting.
- Prep ingredients first for a smoother cook.
- Use the print button for a cleaner kitchen copy.
Guided cooking
Cook one clear step at a time
Your place is saved on this device.
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.
Recipe calculator
Nutrition facts
Updating nutrition…
Alternatives
Apply a reviewed substitution to this temporary working copy. The published recipe stays unchanged.
Browse reviewed options
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.