How to Make a Mocha: Espresso, Chocolate and Steamed Milk

A mocha is a latte with chocolate in it: espresso and steamed milk, sweetened and flavoured with cocoa, chocolate sauce or melted chocolate. To make one, stir a tablespoon of cocoa and two teaspoons of sugar into a hot double espresso until smooth, then top it up with about 180 ml of milk steamed as you would for a latte.

The order in that sentence is the whole technique. Get the chocolate fully dissolved in the coffee before the milk goes in, and the drink is smooth from the first sip to the last.

The recipe

1. Put the cocoa and sugar in a warmed cup. A level tablespoon of cocoa weighs about 5 g.
2. Pull a double espresso straight onto them and stir until there are no dry specks left and the mixture looks like a smooth, glossy syrup.
3. Steam the milk as for a latte — growing it by about a third and stopping at 60–65 °C.
4. Pour the milk into the chocolate espresso, giving it one stir halfway to make sure nothing has settled.
5. Finish with a dusting of cocoa, or whipped cream if you want it richer.

Wikipedia's summary of the drink describes exactly this structure: like a caffè latte, a mocha is espresso and hot milk with added chocolate and sweetener, typically cocoa powder and sugar, though many cafés use chocolate syrup instead and some use dark or milk chocolate.

Why the paste matters

Cocoa powder is the part of the cocoa bean left after much of the fat has been pressed out — but not all of it. The USDA lists unsweetened cocoa at about 14 g of fat per 100 g, and that fat is what makes cocoa clump: dry particles coated in fat resist water, so a spoonful dropped into milk forms lumps that float, wet on the outside and dry within.

Food scientists who study powdered drinks describe the fix. A 2025 review of how instant powders rehydrate, published in Foods, notes that for fat-containing powders such as cocoa, warm water helps melt or disperse the fat and improves wetting, and that adding sugar — particularly larger crystals — has been found to improve how cocoa powder rehydrates. Stirring cocoa with sugar and a small amount of very hot espresso does both at once: the heat softens the fat, the sugar helps keep the particles apart, and the small volume lets you work out every lump before any milk goes in.

The same logic applies to real chocolate. Chopped dark chocolate melts smoothly into a hot double espresso; stirred straight into a large cup of milk, it tends to sink and stay in pieces.

Cocoa, sauce or chocolate

Each gives a different drink.

Dutch-process cocoa has been treated with an alkali, usually potassium carbonate, to reduce cocoa's natural acidity. That makes it darker and less bitter than natural cocoa. It is not the same chemically, either: the USDA lists alkalised cocoa at 78 mg of caffeine per 100 g against 230 mg for natural cocoa.

Chocolate sauce is mostly sugar. The USDA's entry for chocolate syrup has about 50 g of sugar per 100 g, so two tablespoons — about 39 g — bring roughly 19 g of sugar and 109 kcal before the milk is counted.

Dark chocolate brings cocoa butter as well as cocoa solids, which is why a mocha made with it is noticeably thicker and richer than one made with cocoa powder.

Caffeine and theobromine

Chocolate contains two stimulants. One is caffeine, in small amounts. The other is theobromine, a close chemical relative that is far weaker: compared with caffeine it binds less strongly to the adenosine receptors that make you feel tired, and it has limited effects on the central nervous system. It lingers, though, with a half-life of six to eight hours.

Using the USDA's figures, here is what the chocolate adds to a double espresso, which holds about 76 mg of caffeine at the agency's average of 212 mg per 100 g:

• 1 tablespoon (5.4 g) of natural cocoa: about 12 mg caffeine, 111 mg theobromine.
• 2 tablespoons (39 g) of chocolate syrup: about 2 mg caffeine, 74 mg theobromine.
• 20 g of 70–85% dark chocolate: about 16 mg caffeine, 160 mg theobromine.

So a homemade mocha with natural cocoa has roughly 88 mg of caffeine — a little more than a latte with the same shot. Large café mochas made with more shots carry proportionally more. The caffeine guide compares other drinks.

Calories and sugar

A mocha is a treat, and the numbers show why. With 180 ml of whole milk (about 110 kcal at the USDA's 61 kcal per 100 g), a tablespoon of cocoa (about 12 kcal), two teaspoons of sugar (about 32 kcal) and the espresso (3 kcal), the cocoa version comes to roughly 155 kcal. Swap the cocoa and sugar for two tablespoons of chocolate sauce and it rises to roughly 220 kcal, with about 28 g of sugar counting the milk's lactose. Whipped cream adds more on top.

If you want a lighter mocha, the cocoa-and-sugar version gives you the most chocolate flavour for the fewest calories, and you can cut the sugar to a teaspoon without losing much.

Where the name came from

The name comes from Mokha, the port on Yemen's Red Sea coast that was famous for its coffee trade from the 15th to the 17th century. Europeans called coffee imported from Arabia "Mocha", even when much of it came from elsewhere, and the word meant Yemeni coffee until around the turn of the 20th century. Some believe the chocolate association grew from the chocolatey flavour that Yemeni coffee can have. Recipes pairing chocolate and coffee under the mocha name then began to appear, including one for a "Chilled Mocha" of milk, coffee and cocoa in 1920.

Coffee and chocolate had been mixed long before that. In 18th-century Turin, a mixture of chocolate, coffee and cream evolved into the bicerin, served in a small glass so its layers could be seen.

Variations

• White mocha uses white chocolate in place of dark or milk chocolate.
• Black-and-white, tuxedo or zebra mocha mixes white and dark chocolate sauces.
• Iced mocha: make the chocolate paste with the hot espresso as above, then add cold milk and ice. The iced latte guide covers the method.
• Mocha without a machine: use 60–80 ml of strong moka pot coffee to make the paste, then add milk heated in a pan.

For more espresso drinks, see the types of coffee drinks guide.