How to Prepare Your CoffeeMocaccino
What you need
Ingredients run from the top of the cup to the bottom; the last item is the bottom layer. Values are normalized to a true 100% stack.
- Grind
- Fine — espresso grind
- Water temperature
- Espresso 90–94°C; milk steamed to about 55–60°C
- Total time
- 4 min
A mocaccino is Italy's layered answer to chocolate and coffee together: melted dark chocolate at the base of a glass, a shot of espresso poured over it, then steamed milk and foam to finish, so the three colours stay visible before the first stir. It's served in a glass rather than a cup specifically so the layering shows. The name borrows from Mokha, the Yemeni port once famous for trading coffee prized for its naturally chocolatey notes — fused with the diminutive ending of 'cappuccino.' Italy's own professional bar academy also codifies a second, simpler bar build — chocolate and cream with no milk at all — so if you order one and get a smaller, creamier cup instead of a layered glass, that's the other legitimate version, not a mistake.
Steps
Melt the chocolate at the bottom of a glass
A little hot milk or a short burst of gentle heat turns the chocolate smooth and pourable before anything else goes in — chocolate dropped in cold and left to the coffee's heat alone tends to clump rather than melt evenly.
Pull an espresso and pour it over the chocolate
Pouring the hot shot directly onto the melted chocolate and giving it a brief stir blends the two into a single dark layer, which is what the steamed milk will sit on top of.
Steam whole milk into a compact foam
The same technique and whole-fat milk a cappuccino uses, stretched into a stable, fairly dense foam rather than a very airy one, so it holds its own layer rather than collapsing into the coffee below.
Pour the milk in to build three visible layers
Poured gently rather than straight down the middle, the frothed milk settles on the surface of the coffee-chocolate mix instead of mixing straight through it, leaving the drink's signature dark base, coffee middle, and pale foam top.
Finish with cocoa powder or chocolate shavings, optional
A dusting on top is common but not required — the layered colours underneath are the point, and the garnish is decoration rather than part of the measured recipe.
Cup ready
Time to enjoy your Mocaccino
Brewed the way they do it in Italy. What next?
Tips
- Use a clear glass, not an opaque mug — the whole appeal of a mocaccino is seeing the three layers before you stir them together.
- Whisk the melted chocolate smooth before the espresso goes in — any lumps left in the base will stay lumps all the way through the drink.
- A short, strong single espresso stands up to the chocolate and milk better than a longer, thinner one — this is one drink where pulling it a touch short is the right call.
Common mistakes
- Using sweetened milk chocolate instead of dark chocolate or unsweetened cocoa — the standard recipe is built on dark chocolate's bitterness balancing the milk's sweetness, and milk chocolate throws that off.
- Skipping the milk because you've seen a cream-topped version elsewhere — Italy's bar academy does codify an espresso-and-cream mocaccino with no milk, but it's a distinct, smaller bar build, not a shortcut version of this one.
- Pouring the milk in too fast — a hard, direct pour mixes straight through the coffee-chocolate layer below and the drink loses its layered look entirely.
Variations
Within the Italian tradition, the preparation above takes these familiar shapes:
Italian Caffè Marocchino
A smaller, milkier-but-less-milky cousin served in a tiny glass — cocoa powder, a modest 30 ml of steamed milk, and espresso, with no melted chocolate layer underneath.
FAQ
Is a mocaccino the same as what English speakers call a mocha?
Functionally, yes — both are espresso, chocolate, and steamed milk built the same way, and 'mocaccino' is Italy's own name for essentially the same drink, built with Italian bar technique and usually served in a glass to show the layers.
Why do some mocaccino recipes have no milk in them at all?
Italy's own professional bar academy, the Accademia Italiana Maestri del Caffè, codifies a second, different mocaccino: chocolate at the base of a small glass, a straight espresso on top, finished with whipped cream — no milk anywhere in it. It's a real, separately documented bar recipe, distinct from the glass of chocolate-coffee-and-milk most people picture and order. This page follows the milk-based version, since it's by far the more widely documented and commonly served build, and notes the cream-only version here rather than silently picking one as the only truth.
Where does the name 'mocaccino' come from?
From Mokha (also spelled Moca), the port in Yemen that was the major world coffee market from the 15th to the 17th century — its beans were prized for a naturally chocolate-like note, which is also where the English word 'mocha' comes from — combined with the diminutive ending of 'cappuccino.'
The Atlas
Help keep this preparation honest
The Atlas is only as trustworthy as the sources behind it. If a step on this page is off — or you know a preparation that belongs here — tell us. Two references is all we ask.