How to Make a Mocha Latte at Home

A mocha latte is espresso or strong coffee combined with chocolate and steamed milk, usually served hot with a light layer of foam. This simple café-style version uses cocoa powder, sugar, milk and espresso; adjust the sweetness or chocolate to suit your taste. You’ll need about 10 minutes and a way to brew strong coffee, though an espresso machine is optional.

What You’ll Need

1 shot espresso, about 1 fl oz (30 ml), or ¼ cup (60 ml) very strong brewed coffee
1 cup milk (240 ml), dairy or unsweetened plant milk
1 tablespoon unsweetened cocoa powder (5 g)
1 tablespoon granulated sugar (12 g), or to taste
1 tablespoon hot water (15 ml), for mixing the cocoa
Optional: 1 tablespoon chocolate chips (15 g), whipped cream, or a pinch of cinnamon

You’ll also need a mug, a small saucepan or microwave-safe container, and a spoon or whisk. A milk frother is helpful but not essential. For a sweeter, richer mocha, use chocolate chips in addition to—or instead of—some of the cocoa and sugar.

Step-by-Step

Brew the coffee. Pull one espresso shot, about 1 fl oz (30 ml), or make ¼ cup (60 ml) of concentrated brewed coffee. If using a regular coffee maker, use a stronger-than-usual brew; a full mug of standard-strength coffee can overwhelm the chocolate and milk. Pour the coffee into your serving mug.
Make a smooth chocolate paste. In a small bowl or directly in the mug, stir together 1 tablespoon cocoa powder (5 g), 1 tablespoon sugar (12 g), and 1 tablespoon hot water (15 ml). Mix until no dry cocoa pockets remain. This small amount of liquid helps the cocoa dissolve evenly rather than clump in the milk.
Combine the chocolate and coffee. Add the chocolate paste to the hot coffee and stir until evenly blended. If using chocolate chips, add them now and stir until melted. Taste the mixture before adding milk: cocoa varies in bitterness, so you can add a little more sugar if you prefer a sweeter drink.
Heat the milk. Warm 1 cup (240 ml) milk in a small saucepan over medium-low heat, stirring occasionally, until steaming but not boiling, about 2–3 minutes. For best texture, aim for roughly 150–160°F (65–71°C); a thermometer is optional. If heating in a microwave, use a microwave-safe container and heat in 20–30-second bursts, stirring between bursts. Stop when the milk is hot and steamy.
Froth the milk, if you like. Use a handheld frother for 20–30 seconds, or whisk briskly for about 30 seconds. You can also pour the hot milk into a clean jar, filling it no more than halfway, secure the lid, and shake carefully for 20–30 seconds. Remove the lid before reheating; never microwave a sealed jar. Frothing is optional—the drink will still taste good without foam.
Pour and serve. Slowly pour the hot milk into the mug, holding back the foam with a spoon if you want to spoon it on top. Finish with the foam, a dusting of cocoa or cinnamon, or whipped cream. Serve promptly while hot.

Common Mistakes

Adding dry cocoa straight to milk: Cocoa tends to float and form lumps. Mix it first with sugar and a spoonful of hot water to make a paste.
Using weak coffee: A lightly brewed cup can disappear under the milk and chocolate. Use espresso or concentrated coffee, and keep the coffee amount to about ¼ cup (60 ml) if it is not espresso.
Boiling the milk: Boiling can create a cooked flavor and make the milk less pleasant to pour. Heat only until steaming, then take it off the heat.
Expecting every milk to foam the same way: Milk type and brand affect foam. Whole dairy milk usually makes a creamy texture; plant milks vary, and some separate or produce less foam. An unsweetened barista-style plant milk often froths more reliably.
Overdoing the sweetener: Chocolate chips, sweetened milk and whipped cream can all add sweetness. Start with the listed amount, taste, then adjust.

Tips

For a deeper chocolate flavor, use Dutch-process cocoa or add 1 tablespoon (15 g) dark chocolate chips. Dutch-process cocoa tastes smoother and less sharp than many natural cocoas.
For a less sweet drink, reduce the sugar to 1–2 teaspoons (4–8 g). If your chocolate chips are sweetened, you may not need the full tablespoon.
For a dairy-free mocha, use oat, soy, almond or another milk you enjoy. Oat and soy varieties often give a fuller texture, but results depend on the product.
If you do not have an espresso machine, make strong coffee with a moka pot, AeroPress, French press or drip brewer. The flavor will differ from espresso, but concentrated coffee works well here.
For an iced mocha, dissolve the cocoa and sugar in hot water, stir in the coffee, then add cold milk and ice. Make the coffee mixture a little more concentrated because melting ice dilutes it.
Keep the recipe flexible: try a tiny pinch of salt to round out the chocolate, or add a drop of vanilla extract after heating the milk.

Troubleshooting

The cocoa is clumpy: Whisk it with the hot water until smooth before adding it to coffee. If lumps remain, press the paste against the side of the mug with the back of a spoon, or pass it through a small fine-mesh strainer.

The mocha tastes too bitter: Add sugar in small increments, about ½ teaspoon (2 g) at a time, and stir. You can also add a little more milk. Check that you used unsweetened cocoa rather than accidentally adding an unusually large amount.

It tastes watery or weak: Use a more concentrated coffee next time, or reduce the milk slightly. If you have already poured the drink, add a small amount of extra espresso or strong coffee.

The milk has no foam: The drink does not need foam to be a mocha latte. For another try, use cold milk before heating if frothing with a handheld frother, keep the frother head near the surface at first, and use a milk variety that foams well.

The chocolate settles at the bottom: Stir the cocoa paste thoroughly into the coffee before pouring the milk. Give the finished mocha another stir before drinking, especially if you used melted chocolate chips.

Frequently Asked Questions

Is a mocha latte the same as a mocha?
A mocha, or caffè mocha, is commonly an espresso-and-milk drink flavored with chocolate. “Mocha latte” usually describes the same combination; café recipes vary in sweetness, chocolate and foam.

Can I make this without espresso?
Yes. Use ¼ cup (60 ml) of strong brewed coffee in place of one espresso shot. Brew it concentrated enough to stand up to the milk.

Can I use chocolate syrup instead of cocoa?
Yes. Stir 1–2 tablespoons (15–30 ml) of chocolate syrup into the hot coffee, then add milk. Syrup is already sweetened, so skip or reduce the sugar and adjust to taste.

Can I make a mocha latte without a milk frother?
Yes. Warm the milk and whisk it briskly, or pour it into a jar no more than halfway full, close it, and shake. Remove the lid before reheating, and handle hot milk carefully.

How do I make it iced?
Mix the cocoa, sugar and hot water into a smooth paste, stir in espresso or strong coffee, then add cold milk. Pour over ice and stir; use extra-strong coffee so the melting ice does not make it too weak.

Can I prepare a mocha latte ahead?
It is best freshly made because the foam fades and the coffee flavor changes as it sits. If you need to hold it briefly, refrigerate it within 2 hours and use within 3–4 days; reheat gently and whisk before serving. Do not leave milk-based drinks at room temperature for more than 2 hours.

More recipes to cook

Safety notes: safe minimum internal temperatures from USDA FSIS; raw and undercooked fish guidance from the U.S. FDA. Food safety notes

Spotted an error? Tell us and we will correct it (corrections policy).