Recipes
Homemade Mocha Recipe
Homemade Mocha: Coffee, Cocoa and Warm Milk
Make a small chocolate paste first, then add coffee and milk for a cocoa-forward drink you can sweeten to your taste.
Jump to recipe
In this guide 5 chapters
Make the chocolate part simple
A mocha brings coffee and chocolate into the same cup. This version starts with unsweetened cocoa so you can choose the sweetness instead of inheriting it from a large pour of sauce. The important kitchen move is wetting the cocoa in a little liquid before adding the whole drink.
Cocoa does not vanish into a perfectly clear solution. A smooth-looking paste disperses it more evenly and helps you find dry pockets before the mug is full. You may still notice a little settling as the drink sits; a gentle stir is enough.
For a Coffee Crate starting option, Resurrection Espresso is a medium roast blend of coffees from Guatemala and Costa Rica, described with milk chocolate and nutty sweetness. Those are tasting notes, not added chocolate or nuts; the cocoa in this recipe is a separate ingredient.
For one cocoa-forward mug
- 36 to 45 g prepared espresso, or 60 ml prepared moka coffee
- 180 ml cold milk or plant drink
- 2 teaspoons unsweetened cocoa powder
- 2 teaspoons sugar, then more only if wanted
- 1 tablespoon/15 ml hot water for the cocoa paste
- Optional: a small spoonful of whipped cream
Choose a mug holding at least 300 ml, a spoon or small whisk, and suitable milk-heating equipment. Cocoa brands vary in bitterness and intensity; these amounts are a starting recipe rather than a promise that every tin tastes the same. Sweetened hot-chocolate mix is a different ingredient, so use its own label as a guide.

Make the drink from the bottom up
- Mix the cocoa and sugar in your mug, pressing out any obvious dry lumps.
- Add the hot water gradually while stirring. Scrape along the bottom and sides until there are no dry pockets.
- Prepare the coffee separately, then stir it into the cocoa mixture. Keep sugar and cocoa out of the machine’s water tank and coffee basket.
- Warm the milk using your machine or frother directions, or gently in a saucepan with stirring and a thermometer. Do not boil it or shake it hot in a sealed jar.
- Pour the milk into the mug and stir again. Let the mocha reach a comfortable drinking temperature. Taste before adding another teaspoon of sugar or the optional topping.
A little foam makes a pleasing top; you do not need a mound. If you are using a steam wand, steam plain milk and add it to the flavored base unless your manufacturer expressly supports another workflow. Clean the wand immediately as directed.
Find the balance you actually want
For more chocolate, add another teaspoon of cocoa on the next cup while keeping the milk and coffee steady. For a gentler cocoa flavor, start with one teaspoon. More cocoa can also taste more bitter, so do not interpret every bitter mocha as a brewing fault.
If you want more coffee flavor, first reduce the milk to 150 ml. Taste a little of the coffee base before combining it: unpleasant bitterness in the base and bitterness from cocoa are different things to investigate. The taste troubleshooting guide helps you separate them.
A chocolate sauce can replace the cocoa-and-sugar mixture when convenience matters. Start with its labeled beverage serving, taste, and adjust; sauce concentrations differ. You do not need sauce, cocoa and a large separate sugar addition all at once.
An iced option, and a second mug
For an iced mocha, prepare the cocoa paste and coffee first, then cool that small mixture in an open heat-safe vessel. Add it to 150 ml cold milk and ice in a suitable glass and stir. For a frosty blended drink, use the dedicated blended coffee recipe and begin with cold ingredients.
To make two hot mochas, double the ingredients into two mugs and heat only as much milk as your equipment supports. Keep the second drink’s milk refrigerated until needed rather than leaving a large pitcher on the counter. If you want a seasonal flavor, our peppermint mug explains how to add measured peppermint syrup without confusing it with extract.
Sources & further reading
Our teaching is written for Coffee Crate. Named recipes remain credited to their creators; manufacturer instructions apply to the equipment specified.
- Hershey’s Perfectly Chocolate Hot Cocoa (opens in a new tab) ↗Ingredient-maker example of wetting cocoa before adding milk; this coffee recipe uses its own quantities.
- Breville BES840 instruction book (opens in a new tab) ↗Named-machine reference for steaming, hot surfaces and cleaning; follow the instructions for your own equipment.
Sources checked 2026-10-16.