Cappuccino vs Mocha: What the Chocolate Changes
Both start with espresso and steamed milk. One adds a thick cap of foam, the other adds chocolate, and that single ingredient changes nearly everything else.

A cappuccino is espresso, steamed milk and a deep layer of foam. A mocha is espresso, chocolate and steamed milk, usually in a bigger cup and often under whipped cream. They share a base and very little else once you drink them.
| Cappuccino | Mocha | |
|---|---|---|
| Espresso | 1 or 2 shots | 1 or 2 shots |
| Milk | Steamed, about 120ml | Steamed, proportioned like a latte |
| Foam | Thick cap, the milk grown by about a third | Little, and often whipped cream instead |
| Also in it | Nothing | Chocolate: sauce, melted chocolate, or cocoa and sugar |
| Served in | 150 to 180ml | Larger and milkier than a cappuccino |
| Vessel | Cup | Large cup or glass |
| Caffeine | 60 to 75mg a shot, so 60 to 150mg | 60 to 75mg a shot; the chocolate adds a little, and theobromine |
| The ratio that defines it | Roughly equal thirds espresso, milk and foam | Chocolate stirred into the hot shot before any milk goes in |
| Where it comes from | Named after the Capuchin friars' robes; the Italian drink as we know it is 20th century | Named for the Yemeni port of Mocha, which shipped the coffee Europe first knew |
Ranges, not averages: cafes pour these differently, and a figure pretending to be exact would be worse than the range. Figures from italian tradition, as set out on our cappuccino page and our cappuccino vs mocha page.
The two builds side by side
- Cappuccino. A shot or two of espresso, steamed milk, and a thick cap of foam, traditionally in roughly equal thirds, served in a cup of around 150 to 180ml.
- Mocha. Espresso stirred together with chocolate, either a sauce, melted chocolate or cocoa and sugar, then topped with steamed milk. Proportioned more like a latte, so it is larger and milkier, and whipped cream is common.
So the honest summary is that a mocha is a chocolate latte, not a chocolate cappuccino. The foam that defines a cappuccino is mostly absent.
Chocolate changes more than the flavour
It adds sugar, and sugar masks bitterness. That is why a mocha tastes gentle even when the espresso underneath is dark and strong, and why cafes often build mochas on a darker roast that would taste harsh in a cappuccino.
It adds body. Chocolate brings cocoa solids and fat, so a mocha feels heavier in the mouth than a cappuccino of the same size, which is almost the opposite of the light, airy texture the cappuccino's foam is there to give.
And it hides the coffee. In a cappuccino the espresso is the main event and a poor shot has nowhere to go. In a mocha the chocolate carries the cup, which is either a kindness or a problem depending on why you ordered it.
Where the name comes from
Cappuccino is named after the Capuchin friars, whose habit is the brown of coffee with enough milk in it to lighten the colour. The word travelled through Vienna, where a Kapuziner meant coffee with cream added until it reached that shade, and the Italian drink we mean today arrived later, with the espresso machine, in the twentieth century. So the name is older than the drink it now describes.
Mocha is the port of Mokha in Yemen, which shipped much of the world's coffee for centuries. Coffee from that region was known for a rich, faintly chocolatey character, and the name drifted from the bean to the chocolate drink. It has nothing to do with the moka pot, which is spelled differently and named after the same town.

Mochaccino, and the mocha against a macchiato
Mochaccino usually means the same drink as a mocha. In some cafes, particularly in Australia, it is closer to a cappuccino with chocolate: more foam, a smaller cup and a cocoa dusting. If the difference matters to you, ask how it is built.
A macchiato is a different animal altogether: an espresso marked with a spoonful of foam, tiny and mostly coffee. The large chain drink called a caramel macchiato is a third thing again. All three are untangled in what a macchiato actually is.
Caffeine and calories
Caffeine follows the shots. A cappuccino and a mocha built on the same espresso carry almost the same amount. Chocolate adds a little caffeine and some theobromine, its milder cousin, but not enough to change how the drink feels.
Calories are a different story. The chocolate, the extra milk and the cream can take a mocha to several times a cappuccino of similar size. Where that number comes from is set out in calories in coffee.
Which to order
Order a cappuccino when you want to taste the coffee and like a light, foamy texture. Order a mocha when you want something closer to a hot chocolate with a coffee backbone, or when the cafe's espresso is not one you would drink on its own. For a version made with real chocolate and spice at home, the spiced mocha in our Christmas coffee drinks is the one worth making.
Getting the chocolate right
Most disappointing mochas come from a syrup that tastes of sugar before it tastes of cocoa. Stir the chocolate into the hot espresso before any milk goes in, because the shot is hot and concentrated enough to melt it smoothly while milk would only cool it. If you use cocoa powder, mix it into a paste with a spoonful of hot water and a little sugar first, or it floats in dry clumps. A small pinch of salt makes the chocolate taste more like itself.
Common questions
What is the difference between a cappuccino and a mocha?
A cappuccino is espresso with steamed milk and a thick layer of foam. A mocha is espresso with chocolate and steamed milk, usually larger and often topped with whipped cream, so it is closer to a chocolate latte.
Is a mocha stronger than a cappuccino?
It usually has the same espresso, so the same caffeine. It tastes milder because the chocolate's sugar masks the coffee's bitterness.
Is a mochaccino the same as a mocha?
Usually yes. In some cafes a mochaccino is built like a cappuccino with chocolate, with more foam and a smaller cup, so it is worth asking.
What is the difference between a mocha and a macchiato?
A macchiato is an espresso marked with a spoonful of milk foam, small and mostly coffee. A mocha is a large, sweet drink of espresso, chocolate and steamed milk.