How to Make a Café Mocha at Home: 5-Step Recipe

A cafe mocha is espresso, chocolate, steamed milk, and whipped cream in one cup. It is based on the Italian moccaccino, a cappuccino with a touch of chocolate, made larger and richer. The full 16-ounce version uses a double espresso, chocolate syrup, frothed milk, and whipped cream on top.

Making a cafe mocha at home takes about 10 minutes and produces a better result than most prepared versions. You control the chocolate-to-espresso ratio and the quality of every ingredient.

Prep time: 5 minutes  |  Total time: 10 minutes  |  Servings: 1

What You Need

How to Make It: 5 Steps

1. Pour 2 teaspoons of chocolate syrup into a large, heavy 16-ounce cup.
2. Add a freshly pulled double espresso shot (2 ounces). Use a standard double espresso pulled to 2 ounces with good crema.
3. Pour 12 ounces of frothed milk into the cup on top of the espresso and chocolate. Do not wait long before pouring , the espresso crema fades quickly.
4. Add whipped cream on top, then drizzle with a little more chocolate syrup or dust with cinnamon powder.
5. For a nicer presentation, add a small piece of dark chocolate on top.

Tips and Variations

For a smaller 8-ounce version, use a single espresso shot and 6 ounces of frothed milk. Use less chocolate to keep the ratio balanced. It is a good starting point for dialing in the chocolate level before committing to a full cup.

Chocolate syrup is the standard approach but real chocolate and cocoa powder both work. Melt a small square of dark chocolate directly in the cup before adding espresso. Or mix 1 teaspoon of cocoa powder into a teaspoon of hot water, then add the espresso. Real chocolate produces a more complex, less sweet mocha.

If the drink comes out too strong, replace the double espresso shot with a single one. You lose some of the espresso-forward character, but the chocolate fills in the body. A medium roast or dark roast espresso works better than light roast in a mocha. The bolder flavor holds up against the chocolate and milk. Our Brewtal Awakening dark roast is built for this kind of preparation.

For an iced version, add the chocolate syrup to the bottom of a glass filled with ice. Pull the double espresso shot and pour it over the ice. Top with cold milk rather than frothed milk and stir to combine. Skip the whipped cream or add it after. See our espresso signature drinks guide for more coffee drink ideas. Our light vs dark roast guide helps pick the espresso base. Our coffee custard recipe is another chocolate-espresso pairing.

Frequently Asked Questions

A cafe mocha is a coffee drink made from espresso, chocolate, steamed milk, and whipped cream. It is based on the Italian moccaccino, a cappuccino with chocolate, made larger and richer. The chocolate can be syrup, cocoa powder, or melted chocolate.

A latte is espresso and steamed milk. A cafe mocha adds chocolate to that base. The mocha is sweeter and richer than a latte. Both use espresso and steamed milk, but the mocha adds chocolate for a distinct sweeter character.

No. A Moka pot or AeroPress produces a strong enough concentrated shot to work in a mocha. The result will not have espresso crema, but the coffee flavor holds up well against the chocolate and milk. A standard drip coffee is not strong enough and will produce a weak result.

A 16-ounce cafe mocha made with a double espresso contains roughly 130 to 160 milligrams of caffeine. The chocolate adds a very small additional amount. The caffeine content depends on the espresso roast and extraction more than the chocolate.

Chocolate syrup is the easiest option and works well. For more depth, use unsweetened cocoa powder mixed into a paste with hot water. For the richest result, melt a small square of dark chocolate in the cup before pulling the espresso. The darker the chocolate, the more it complements a bold espresso.

Yes. Use oat milk, almond milk, or coconut milk instead of dairy. Oat milk froths well and has a neutral flavor that works in a cafe mocha. Coconut milk adds its own sweetness. Almond milk is thinner and does not froth as well but works in an iced version.

Get the Espresso That Makes the Mocha

This drink is only as good as the espresso it starts with. Browse our premium coffee collection, our flavored coffee, or our coffee pods for fast mocha prep.

Roasted fresh in Florida and shipped within 1 to 2 business days of roasting. Subscribe with the Blackout Coffee Club and save 19% on every order.

Learn more about how we source and roast on our About Blackout Coffee page.

Follow Blackout Coffee on Instagram and Facebook for more coffee recipes, drops, and brewing guides.