How to Make a Mocha at Home: Recipe and Ratio
A mocha is a latte with chocolate: an espresso (single or double), melted chocolate or chocolate syrup, and steamed milk. The build is roughly one third coffee and chocolate to two thirds milk, served in a 240 to 350 ml cup. Reach for about 15 to 30 ml of chocolate syrup, or roughly 20 g of dark chocolate, with milk steamed to 60 to 65 degrees Celsius. The chocolate is what sets it apart from a latte, and the espresso is what sets it apart from a hot chocolate.
- Coffee base: single or double espresso, about 30 to 60 ml
- Chocolate: 15 to 30 ml syrup or about 20 g dark chocolate
- Milk: 120 to 180 ml of steamed milk, fine microfoam
- Build: one third coffee and chocolate, two thirds milk
- Serving volume: 240 to 350 ml in a cup
- Milk temperature: 60 to 65 degrees Celsius, never boiled
What a mocha is
The mocha, or caffè mocha, is the chocolate coffee of the specialty repertoire. Its name traces back to the port of Mokha in Yemen, for centuries one of the great trading posts of the coffee world. The beans shipped from there sometimes carried naturally cocoa-like notes, and that flavour memory eventually attached itself to the word mocha. Today the term no longer points to an origin but to a build: espresso, chocolate and milk.
The simplest way to picture a mocha is as a latte with chocolate. You start from the same pairing of espresso and steamed milk, then add chocolate syrup or melted dark chocolate. The coffee brings the bitterness and body, the chocolate the roundness and sweetness, the milk the glue that holds it together. The usual structure is that of a milk coffee: about one third coffee and chocolate to two thirds milk, in a 240 to 350 ml cup.
The other useful marker is the line with hot chocolate. A mocha contains an espresso, so caffeine and a real seam of coffee running through the sweetness. Take that espresso away and you are left with a hot chocolate. That is also why the choice of chocolate matters: a bolder dark chocolate stands up to the espresso, where a very sweet syrup can smother it. As for variations, a white mocha swaps the dark chocolate for white chocolate, and an iced mocha is built over ice with cold milk.
Ingredients and equipment
For a mocha at home, everything comes down to balancing three elements: a clean espresso, a good chocolate and well-steamed milk.
- 18 to 20 g of freshly ground coffee for espresso, fine grind (double basket)
- 15 to 30 ml of chocolate syrup or about 20 g of dark chocolate (melted dark chocolate gives a cleaner cocoa note, syrup dissolves more easily)
- 120 to 180 ml of cold whole milk (whole milk steams to a silky texture most easily; a barista oat drink also works)
- An espresso machine with a steam wand, a milk jug and a 240 to 350 ml cup
- Scales, a small spoon and ideally a thermometer to target 60 to 65 degrees Celsius
- Whipped cream and cocoa powder, optional, to finish
The step-by-step method
Success comes down to two moves: melting the chocolate properly into hot coffee, then steaming the milk without scalding it. Order matters, because dark chocolate only dissolves cleanly in a hot liquid.
- Melt the chocolate in the espresso. Drop 15 to 30 ml of chocolate syrup, or about 20 g of dark chocolate, into the bottom of the cup. If you are using dark chocolate, this is where it starts to melt under the heat of the espresso. Syrup, for its part, blends in with a single stir.
- Pull the espresso. Pull a single or double espresso, about 30 to 60 ml, in 25 to 30 seconds, straight onto the chocolate. Stir at once for a smooth coffee-and-chocolate base with no lumps. A double espresso makes a more coffee-forward mocha; a single shot keeps it softer.
- Steam the milk. Pour 120 to 180 ml of cold milk into the jug. Hold the steam wand just under the surface to add a little air, then submerge it to spin a whirlpool that smooths the foam. Cut the steam at around 60 to 65 degrees Celsius. You want fine, silky microfoam, more generous than for a cortado but not as thick as for a cappuccino.
- Build the mocha. Pour the steamed milk slowly over the coffee-and-chocolate base until the cup reaches 240 to 350 ml, keeping a little foam on top. Crown it with whipped cream and a dusting of cocoa, or lay a latte art pattern if the texture allows. Serve at once.
Mocha vs latte vs cappuccino vs hot chocolate: the table
These four drinks cross over around the same trio of espresso, milk and chocolate, but each doses those elements differently. The figures below are common specialty coffee references.
| Drink | Serving volume | Coffee base | Chocolate | Profile |
|---|---|---|---|---|
| Mocha | 240 to 350 ml | single or double espresso | syrup or melted dark chocolate | chocolate coffee, soft and round |
| Latte | 240 to 350 ml | single or double espresso | none | milky, soft coffee, neutral |
| Cappuccino | 150 to 180 ml | single or double espresso | none | strong coffee, thick foam |
| Hot chocolate | 240 to 300 ml | none | melted chocolate | pure chocolate, no coffee |
In short: the mocha is the only one of these four to bring coffee and chocolate together. It starts from the same base as a latte, but the chocolate pushes it toward dessert. The cappuccino, tighter and foamier, keeps the coffee up front with no chocolate. And the hot chocolate drops the coffee altogether. Add an espresso to a hot chocolate and you have, in effect, circled back to a mocha.
Frequently asked questions about the mocha
What is the difference between a mocha and a latte?
A mocha is simply a latte with chocolate added. Both build on an espresso lengthened with steamed milk, but the mocha folds in chocolate syrup or melted dark chocolate, which brings a cocoa note and a darker colour. The latte stays milky and neutral, while the mocha leans toward dessert. That share of chocolate is the whole difference.
How much chocolate goes in a mocha?
Use about 15 to 30 ml of chocolate syrup, or roughly 20 g of melted dark chocolate, for a mocha in a 240 to 350 ml cup. The aim is to taste the cocoa without burying the espresso. A bolder chocolate lets you use a little less; a sweet syrup may call for slightly less chocolate and a tighter espresso to keep the balance.
Is a mocha the same as a hot chocolate?
No. A mocha contains an espresso, so caffeine and a real coffee bitterness, on top of the chocolate and milk. A hot chocolate has no coffee: it is chocolate melted into hot milk, softer and sweeter. The mocha is the bridge between the two, a coffee-and-chocolate drink, while hot chocolate stays a pure chocolate drink.
What temperature should the milk be for a mocha?
Aim for about 60 to 65 degrees Celsius, never boiling. Past that the milk tastes scalded and the sugar in the chocolate masks the aromas. Milk held in that range stays silky, builds gently and melts the chocolate better. If you use melted dark chocolate rather than a syrup, dissolve it in the hot espresso before adding the milk.
Go further: How to make a cappuccino · How to make an iced latte · Specialty coffee FAQ · Coffee glossary · All guides