How to Make Mocha at Home

A mocha is espresso, chocolate and steamed milk. Melt the chocolate into the hot espresso first, then pour the milk over it. That order is the difference between a smooth, glossy drink and one with grainy cocoa sitting at the bottom of the mug.

It sits between a latte and a hot chocolate. More coffee than a hot chocolate, sweeter and richer than a latte, and the one cafe drink most people can make convincingly at home without much equipment.

What you need

• 1 double shot of espresso, or 60 ml of strong brewed coffee
• 15 to 20 g of dark chocolate, chopped, or 1 tablespoon of cocoa powder
• 150 ml of milk
• Sugar to taste, though good chocolate often needs none
• Whipped cream and cocoa dusting, optional

The chocolate is the ingredient that decides how good the drink is, which is why bottled syrup versions taste thin and one dimensional. Chopped dark chocolate between 55 and 70 percent gives depth and body. Dutch process cocoa powder is the next best option and dissolves more easily.

The method

1. Put the chocolate in the mug. Chopped chocolate or cocoa goes in first, at the bottom, with the sugar if you are using any.

2. Pull the espresso directly over it. The heat of a fresh shot is what melts the chocolate, so this has to happen while the coffee is at full temperature. Stir immediately until you have a glossy, lump free base.

3. Heat and texture the milk to 60 to 65 degrees. You want it silky with a light foam rather than stiff and bubbly. The technique is covered properly in the guide to using a milk frother, and any handheld unit handles this comfortably.

4. Pour the milk in slowly, holding back the foam with a spoon until the end, then let the foam settle on top.

5. Finish it. Whipped cream, a dusting of cocoa or a few chocolate shavings, depending on how indulgent you want it.

The whole thing takes about four minutes once the espresso is ready.

Getting the espresso right

A mocha carries a lot of sugar and fat, so a weak coffee base disappears entirely. Use a double shot rather than a single, and choose a medium dark roast with chocolate or nutty notes rather than a bright fruity one, which gets buried.

If you have a machine, this is straightforward. The semi automatic espresso range covers everything from a first setup upward, and a mocha is one of the more forgiving drinks to practise on.

Without a machine, a moka pot is the closest substitute and produces something concentrated enough to hold up. The moka pot collection has traditional and modern versions, and either works here. An AeroPress brewed at a tight ratio also does the job. Regular filter coffee will taste watery against the chocolate, so brew it noticeably stronger than usual if that is all you have.

Freshly ground beans matter more than the equipment. A bag from the coffee bean range with a visible roast date will improve a mocha more than any upgrade you could make.

Choosing the chocolate

Milk chocolate is worth avoiding. It has too little cocoa solids and too much sugar, so the drink ends up tasting like sweetened milk with a faint coffee note.

Making an iced mocha

The build changes slightly, because hot espresso poured over ice dilutes fast.

Melt the chocolate into the hot espresso as usual, then let that base cool for two or three minutes. Fill a tall glass with ice, pour in cold milk, then add the chocolate espresso base over the top. Stir once. Adding the base last gives you the layered look before you mix it, and it stops the chocolate settling at the bottom.

Make the base slightly stronger than you would for a hot mocha, since the melting ice will thin it further as you drink.

White chocolate mocha

Same method, different balance. Use 20 to 25 g of white chocolate and skip the sugar entirely, because white chocolate is considerably sweeter than dark. It also melts at a lower temperature and can seize if the espresso is very hot, so stir it in steadily rather than dumping the shot over it.

A pinch of salt in a white chocolate mocha stops it becoming cloying. It sounds odd and it works.

Mocha vs mochaccino vs latte

These names get used loosely and the distinctions are genuinely blurry.

A mocha is espresso, chocolate and steamed milk in latte proportions, so roughly one part coffee to three parts milk. A mochaccino, where the term is used consistently, follows cappuccino proportions instead, meaning less milk and a thicker foam layer. In practice most cafes treat the two as the same drink.

A latte is the same build without the chocolate. If you can already make a decent one, a mocha is a single extra step, and the guide on making a latte at home covers the milk pouring in more depth than this piece needs to.

Where it goes wrong

Grainy texture at the bottom. The chocolate met milk before it met espresso, or the espresso had already cooled. Melt it in the shot first, while it is hot.

Too sweet. Cut the sugar entirely and let the chocolate carry it. Most recipes assume syrup, which is already sweetened.

Coffee flavour disappears. Move to a double shot and a darker roast. A single shot cannot compete with 15 g of chocolate and 150 ml of milk.

Chocolate seizes into lumps. Water got into the melting chocolate, or the temperature swung too fast. Chop it finer and stir continuously as the espresso goes in.

Variations worth trying

• A pinch of cinnamon or chilli powder in the chocolate base, which is the classic Mexican treatment
• A drop of peppermint extract for a seasonal version
• Salted caramel sauce alongside the dark chocolate
• Oat milk instead of dairy, which suits chocolate particularly well and froths reliably

Whichever direction you go, add flavourings to the chocolate base rather than the finished drink so they distribute evenly.