Guide · Espresso machines

How to make a mocha at home: espresso, chocolate and steamed milk

A mocha is espresso, chocolate and steamed milk in one cup. Here's how to make one with an espresso machine, coffee pods, instant or a moka pot, plus an iced version.

If you’re wondering how to make a mocha at home, it’s simpler than the café menu suggests: strong coffee, some chocolate stirred into it, and hot, frothy milk poured over the top. The part people get stuck on is the chocolate, because cocoa, hot chocolate powder and real chocolate behave differently. This guide covers that choice, four ways to make the drink and an iced version. We haven’t tested this in person. The steps and quantities come from published recipes by Sage UK, BBC Food, Arla UK and Starbucks at Home UK, all linked below. Read how we compare.

How to make a mocha at home: the short answer

  1. Put your chocolate in the cup first: two teaspoons of drinking chocolate, cocoa with a little sugar, or a couple of pieces of real chocolate.
  2. Brew a shot of espresso (or a little very strong coffee) on top and stir until smooth.
  3. Heat and froth your milk. For dairy milk, Sage UK suggests 60 to 65°C.
  4. Pour the milk in, finish with the foam, and dust with a little chocolate if you like.

Who it isn’t for: anyone who wants a coffee that tastes mainly of coffee. A mocha is sweeter and richer than a latte, and the chocolate softens the coffee flavour.

What a mocha is

Sage UK describes the mocha as a pairing of two classic flavours, coffee and chocolate, and notes that its origins are still disputed (Sage UK mocha recipe). It’s built like a latte, with espresso and textured milk, but with chocolate mixed into the coffee before the milk goes in. Arla UK calls its version a mochaccino: espresso, steamed milk and chocolate (Arla UK mochaccino recipe). For the plain version without chocolate, see our latte at home guide.

Choosing your chocolate: cocoa, hot chocolate or real chocolate

This choice shapes the drink most, and each UK recipe we looked at takes a different route.

  • Drinking chocolate or hot chocolate powder. The easiest option, as it’s already sweetened and dissolves quickly. Sage UK stirs two teaspoons of drinking chocolate into the espresso, and BBC Food suggests about two teaspoons of hot chocolate powder per cup (BBC Food perfect mocha recipe).
  • Cocoa powder. Darker and less sweet, with the sugar under your control. BBC Food mixes one teaspoon of cocoa with one teaspoon of caster sugar. Sage’s Essential Cafe Mocha uses a tablespoon of cocoa with a single espresso. Stir it into the hot coffee first so it doesn’t clump.
  • Real chocolate pieces. The richest option. Arla UK puts two pieces in the glass, pours the espresso over, adds the milk and stirs until the chocolate melts, and suggests chopping it finely so it melts evenly. Arla notes that dark chocolate gives a slightly bitter edge, milk chocolate a creamier sweetness and white chocolate an almost caramel taste.
  • Chocolate syrup. Best for iced mochas, because it mixes into cold milk (see below).

Who it isn’t for: if you’re cutting back on sugar, sweetened powders and syrups add the most. Arla suggests tasting before adding any sweetener, as the chocolate may be sweet enough.

Method 1: how to make a mocha with an espresso machine

This is the closest to a café mocha, following Sage UK’s recipe.

  1. Prepare. Purge the group head, preheat the portafilter and dry it. Grind fresh beans, tap to settle the grounds and tamp level with steady pressure.
  2. Pull the shot. Sage uses the two-cup button and says espresso should start to drop after 8 to 10 seconds, with a flow like warm honey. Stir two teaspoons of drinking chocolate into the espresso.
  3. Texture the milk. Fill the jug with cold milk to the bottom of the spout, purge the wand and set the tip about 1.5cm into the milk. Open the steam and lower the jug briefly to let some air in.
  4. Watch the temperature. Sage gives 60 to 65°C for dairy, or until the jug is too hot to touch. For non-dairy milk it suggests staying under about 55°C, as the milk can separate or curdle.
  5. Swirl and pour. Swirl to remove bubbles, pour into the chocolate espresso and dust with drinking chocolate. Sage’s tip: dusting chocolate into the espresso first helps latte art show up more clearly.

Purge and wipe the wand straight afterwards. For shot basics, see our guide on how to make espresso at home.

Who it isn’t for: anyone who wants a mocha in two minutes without practice. Smooth milk from a home steam wand takes a few goes.

Method 2: a mocha with coffee pods

BBC Food’s tip is to brew a strong double espresso from one or two pods, depending on their strength, straight onto the cocoa and sugar. You’re aiming for around 60ml (four tablespoons) of coffee, in a cup that holds about 250ml. Stir until dissolved, froth the milk in a jug frother or your machine’s milk system, then pour it over. If your machine has no milk system, our guide to the best milk frother compares jug and handheld options.

Who it isn’t for: anyone who wants to fine-tune grind and dose. You’re limited to the strength the capsule gives.

Method 3: how to make a mocha with instant coffee

The quickest and cheapest route, and the one BBC Food’s recipe is built around.

  1. Dissolve one teaspoon of instant coffee in four tablespoons of just-boiled water, as BBC Food suggests.
  2. Mix one teaspoon of cocoa and one of caster sugar (or about two teaspoons of hot chocolate powder) in the cup, pour the coffee in and stir until dissolved.
  3. Heat 150ml of milk in an electric frother, or gently in a pan without letting it simmer or boil, then whisk it frothy with a handheld frother or silicone whisk.
  4. Pour the milk in with the cup slightly tilted, finish with the foam and stir before drinking.

BBC Food notes that semi-skimmed milk won’t froth as well as full-fat, and that barista-style oat milk froths best if you prefer oat. Our guide to instant coffee compares the main UK jars.

Who it isn’t for: anyone hoping for the taste of real espresso. It’s a comforting chocolate coffee, not a café-style mocha.

Method 4: a moka pot or other strong brewed coffee

Arla UK says strong regular coffee works too, suggesting about 40ml brewed at a higher concentration than usual to match espresso. A stovetop moka pot is one way to get that strength; our guide to the best moka pot covers choosing one. Pour it onto your chocolate, stir, then heat the milk in a pan until it starts to steam and whisk it frothy, as Arla does.

Who it isn’t for: anyone without a hob, or anyone expecting café crema.

How to make an iced mocha at home

Cold milk won’t melt chocolate, so iced mochas rely on syrup, or on chocolate mixed into hot coffee first.

  • Quick version. Starbucks at Home UK’s iced mocha recipe stirs two espresso shots into one tablespoon of chocolate syrup in a tall glass, then adds 6 to 8 ice cubes, 200ml of cold semi-skimmed milk and whipped cream.
  • From a hot mocha. Arla UK says you can let its mochaccino cool, pour it over ice and top it with vanilla ice cream.
  • Cold brew version. Sage’s Iced Mocha Cold Brew stirs a tablespoon of homemade espresso chocolate sauce into cold brew over ice, with a topping of cream, milk and sugar whisked until thick but pourable. Sage says the sauce keeps in an airtight container in the fridge for up to two months.

Variations and common problems

  • Flavours. Arla suggests mint or orange chocolate, cinnamon, cardamom or nutmeg, or a little caramel, vanilla or hazelnut syrup.
  • Decaf. Every method works with decaf coffee.
  • Lumpy cocoa: mix it into the hot coffee before the milk.
  • Too sweet: swap drinking chocolate or syrup for cocoa or darker chocolate.
  • Tastes weak: use less milk, a smaller cup or a stronger shot.

Downsides and things to know

  • Recipes vary. Chocolate ranges from Arla’s two pieces to Sage’s tablespoon of cocoa, so start in the middle and adjust.
  • Sugar adds up. Powders, syrups and cream make a mocha much sweeter than a latte.
  • Home versions differ. Pod, instant and moka bases taste different from café espresso.

FAQ

Can you make a mocha with coffee and hot chocolate powder? Yes. BBC Food says about two teaspoons of hot chocolate powder can replace cocoa and sugar, and Sage UK uses two teaspoons of drinking chocolate.

How much milk goes in a mocha? BBC Food and Sage’s Essential Cafe Mocha both use 150ml, and Arla UK uses 200ml.

Is a mocha the same as a mochaccino? They’re very close. Arla UK describes its mochaccino as espresso, steamed milk and chocolate, the same make-up as a mocha.

Topics

  • Espresso at home
  • Milk