How to Make Cafe-Quality Mocha at Home
This article may contain affiliate links. If you make a purchase through these links, we may earn a small commission at no extra cost to you. This helps us keep creating free content.
A mocha, real mocha, not the sugar bomb from a chain cafe, is one of the most satisfying coffee drinks you can make. Rich espresso, quality chocolate, steamed milk. When done right, it is like a drinkable dessert that still tastes like coffee. When done wrong, it is hot chocolate with a vague coffee aftertaste. Here is how to do it right.
What You Need
- A double shot of espresso (or strong AeroPress/moka pot brew)
- 1-2 tablespoons of high-quality cocoa powder OR 20-30g of chopped dark chocolate
- 1 tablespoon of sugar (adjust to taste)
- 6-8 oz of milk (steamed)
- Optional: whipped cream, chocolate shavings
The Method
Philips 3200 LatteGo
Superautomatic with auto-frother, one-touch lattes.
As an Amazon Associate we earn from qualifying purchases.
Step 1: Make the chocolate base. This is the secret to a great mocha. Instead of squirting chocolate syrup into a cup, create a proper chocolate sauce. Mix cocoa powder (or chopped chocolate) with sugar and 2 tablespoons of hot water. Stir until it forms a smooth, thick paste. If using real chocolate, microwave in 15-second bursts, stirring between, until melted and smooth.
Step 2: Pull your espresso. A double shot (about 36g) directly into the cup with the chocolate base. Stir immediately so the heat from the espresso melts and integrates the chocolate. This is your mocha foundation, it should taste like rich, bittersweet chocolate-coffee.
Step 3: Steam your milk. Steam 6-8 oz of whole milk until it is hot and velvety with a thin layer of microfoam. You are not making latte art here, just smooth, creamy steamed milk. If you do not have a steam wand, heat milk in a saucepan until it just begins to simmer, then whisk vigorously or use a French press to froth it.
Step 4: Combine. Pour the steamed milk over the espresso-chocolate base. Stir gently to integrate. Top with a small dollop of whipped cream and a dusting of cocoa powder if you want the cafe presentation.
The difference between a homemade mocha and a cafe mocha comes down to two things: using real chocolate instead of flavored syrup, and properly integrating it with the espresso before adding milk. Get those right and you are producing a genuinely cafe-quality drink for a fraction of the price. If you want to nail the espresso base, our dial-in guide walks you through pulling the perfect shot.
Published by the Brewed Barista editorial team. Published October 26, 2026.
Editorial responsibility: see Imprint.
Spotted an error or have something to add? corrections@brewedbarista.com
Explore more
All articles on Brewed Barista →
Coffee Knowledge, Delivered
New recipes, gear reviews, and barista tips — every Friday in your inbox.
🎁 Free bonus: Espresso Starter Guide (PDF)
You might also like
How to Make Dalgona (Whipped) Coffee at Home
That fluffy, cloud-like coffee that took over social media is surprisingly easy to make. Here's how to nail it in under 5 minutes.
How to Make the Perfect Cortado at Home (No Fancy Gear Required)
The cortado is the most underrated espresso drink out there. Equal parts espresso and steamed milk, zero pretension. Here's how you nail it at home.
What Is a Ristretto? The Short Shot Explained
A ristretto is espresso's intense little sibling — same dose, less water, bigger flavor. Here's what it is, how to pull one, and when to order it.