Mocha: The Blend of Coffee and Chocolate, Explained

A mocha is espresso, chocolate and steamed milk. Get the proportions right and it is a balanced drink where you can still taste the coffee. Get them wrong and it is hot chocolate that happens to contain caffeine, which is what most café versions are.

Here is where the name comes from, what goes in one, and how to build it so the coffee survives.

Where the name comes from

Mocha is a port city in Yemen, on the Red Sea, that was the dominant coffee trading hub from the fifteenth to the seventeenth century. Coffee shipped from there was simply called mocha, and it was known for a distinctive chocolatey note in the cup.

So the original meaning had nothing to do with adding chocolate — it described a coffee that tasted faintly of it. The modern drink is a later invention that took the name and made the chocolate literal. Yemeni coffee is still produced today, and it is still expensive and hard to find.

What goes in a mocha

Four components, in this order:

• Espresso — 1 to 2 oz (30–60 ml). The base. A single shot in a large cup is why most mochas taste like dessert.
• Chocolate — about 1 oz (30 ml) of syrup, or 0.5 oz (15 g) of cocoa powder, or 0.7 oz (20 g) of chopped dark chocolate.
• Steamed milk — 6 to 8 oz (180–240 ml).
• A thin foam layer, and whipped cream only if you want it. It is optional, not structural.

The ratio that keeps the coffee present: 1 part espresso, 1 part chocolate, 5 to 6 parts milk. Commercial versions routinely run 1 part espresso to 2 parts chocolate syrup, which is the single reason so many mochas taste flat and sugary.

The method

1. Warm the cup. A 10 to 12 oz (300–350 ml) mug, rinsed with hot water.
2. Melt the chocolate into the espresso. Pull the shot directly onto the chocolate in the bottom of the cup and stir until it dissolves completely. Hot espresso melts chocolate; lukewarm milk does not, which is why chocolate added later leaves grit at the bottom.
3. Steam the milk to 140–150 °F (60–65 °C). Aim for glossy microfoam, not stiff peaks. Past 160 °F (70 °C) the milk loses its own sweetness and you end up compensating with more sugar.
4. Pour, holding back the foam until the end, then let about half an inch sit on top.
5. Taste before adding anything. A well-built mocha usually needs no extra sugar.

Without an espresso machine

A moka pot is the best substitute — it produces a concentrate strong enough to stand up to chocolate and milk. A very strong AeroPress shot works too. Drip coffee does not; it is too dilute and the drink collapses into chocolate milk.

Which chocolate to use

• Dark chocolate, 60–70% cocoa — the best result. Chop it fine so it melts into the shot. Bitterness balances the milk instead of fighting it.
• Unsweetened cocoa powder — cheapest and most controllable, but it clumps. Make a paste with a splash of hot espresso first, then add the rest.
• Chocolate syrup — convenient and consistent, and usually the sweetest option. If you use it, cut the quantity by a third from what a recipe suggests.
• White chocolate — makes a white mocha. Sweeter, with no cocoa bitterness to balance it, so pull a double shot.

Variations worth knowing

• White mocha — white chocolate instead of dark. Much sweeter; use a double shot.
• Zebra mocha (also called a marble or tuxedo mocha) — half dark, half white chocolate. More balanced than white alone.
• Mocha with marshmallows — dropped on top and briefly browned. Sweet, and firmly a dessert.
• Iced mocha — dissolve the chocolate in the hot shot first, then pour over cold milk and ice. Skipping that step leaves chocolate sludge at the bottom.
• Mocha with a pinch of salt or chili — a few grains of salt sharpen the chocolate; a pinch of cayenne or cinnamon gives it length. Both are more interesting than more syrup.

Mocha vs mocaccino vs hot chocolate

Mocaccino is used two ways depending on where you are: in some places it means a cappuccino with chocolate (less milk, more foam than a mocha), and in others it is simply the Italian name for the same drink. If the menu is not clear, ask about the milk volume.

Hot chocolate has no coffee at all. The line between a badly built mocha and a hot chocolate is thinner than most cafés would like to admit.

Which coffee to use

Chocolate covers delicate aromatics, so a mocha is not the place for your most nuanced lot. What you want is body and natural sweetness.

• Tradition ($14.99) — washed and balanced, with the caramel sweetness that sits naturally with cocoa.
• Natural ($19.99) — the fruit notes of a natural lot against dark chocolate is the most interesting version of this drink.

Save the Bronze and Gold lots for filter brewing, where you can actually taste what you paid for.

Frequently asked questions

Is a mocha sweet or bitter?

It depends entirely on the chocolate. Built with 70% dark chocolate and no added syrup, a mocha is only mildly sweet and clearly coffee-forward. Built with commercial chocolate syrup, it is a dessert drink. You control this.

How much caffeine is in a mocha?

About 65 mg from a single shot and 130 mg from a double, plus roughly 5 to 10 mg from the chocolate itself. Less than a standard cup of drip coffee, which runs 95 to 165 mg.

Can I make a mocha with instant coffee?

You can, and it will taste like instant coffee with chocolate. The chocolate hides some of it, which is precisely why the result has no character.

Why does my mocha have chocolate at the bottom?

The chocolate was added to the milk instead of dissolved in the hot espresso first. Pull the shot onto the chocolate and stir before any milk goes in.

What is the difference between a mocha and a latte?

A latte is espresso and steamed milk. A mocha is the same drink with chocolate added. Same coffee base, same milk, one extra ingredient.

Start with beans worth tasting

Our six lots come from a single farm in Antioquia and are roasted after you order, whole bean or ground for espresso. Shipping is calculated at checkout.