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.

5 min read By Coffee Crate Reading Room
Jump to recipe
A homemade mocha dusted with cocoa sits beside dark chocolate pieces and a small whisk.
In this guide 5 chapters
  1. Make the chocolate part simple
  2. For one cocoa-forward mug
  3. Make the drink from the bottom up
  4. Find the balance you actually want
  5. An iced option, and a second mug

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.

Espresso in a navy ceramic cup and saucer beside a small spoon
A little inspiration for your next coffee break. Follow the recipe for its ingredients and amounts. AI-created editorial imagery

Make the drink from the bottom up

  1. Mix the cocoa and sugar in your mug, pressing out any obvious dry lumps.
  2. Add the hot water gradually while stirring. Scrape along the bottom and sides until there are no dry pockets.
  3. 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.
  4. 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.
  5. 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.

Sources checked 2026-10-16.