A glass cup and saucer holding chocolaty mocha, with a creamy white top and chocolate shavings

Looking for a mocha coffee recipe? Try expert barista Celeste Wong’s step-by-step guide, then check out her guide to how to make a cappuccino and Baileys coffee.

Celeste says, ‘A mocha is any kind of drink that combines coffee and chocolate flavours. I really enjoy a mocha when I’m feeling decadent or when I can’t decide between a hot chocolate or cappuccino. Mochaccinos can be made either hot or cold, but it’s important to get the milk nice and frothy. The chocolate and coffee should balance each other out, so it’s not too sweet or too coffee-forward in flavour. Of course, if you like it sweeter, feel free to go a little heavier on the chocolate!’

Make your espresso for this coffee using Celeste’s pick of the best compostable and reusable coffee pods. We’ve also tried and tested the best coffee machines, including the best bean-to-cup machines, coffee pod machines and espresso machines.

  • 499
  • Total time 5 minutes
  • Difficulty Easy


  • milk chocolate pieces 20g, finely chopped, plus extra grated to serve (or, mix ½ tbsp hot chocolate powder and 1 tbsp boiling water)
  • double espresso 60ml
  • steamed foamed milk 130ml


  • Step 1

    Tip the chocolate pieces (or hot chocolate sauce) into a 230ml heatproof cup or mug. If you don’t like your mocha too sweet, opt for cocoa powder.

    Step 2

    Pour the espresso over the chocolate or sauce in the cup or mug. If you don’t have an espresso machine, you could use compostable coffee pods, very strong stovetop coffee or concentrated instant coffee. Stir to melt the chocolate, if necessary, and combine it with the espresso.

    Step 3

    Next, steam your milk. Mocha milk should be frothy and thick, and can afford to be a touch hotter than cappuccino or latte milk. If you are using an espresso machine steam wand, hold the wand just under the surface, making sure you don’t let any cold air in. It shouldn’t make any hissing noises or be spitting milk drops anywhere. Try to use steam jets to spin the milk around in a whirlpool-like motion, pulling the jug downwards slowly as the milk heats. This is called ‘stretching’ the milk, and helps produce more foam. If you have a separate steamer attachment on your bean-to-cup machine, steam the milk separately in a silver jug for pouring. You can use an electric milk frother (heat the milk first in the microwave or on the hob, making sure it doesn’t boil). Or, pour the warm milk into a French press, then carefully plunge the filter up and down to push air through the hot milk and create foam. Pour the milk into the cup and stir well to combine.

    Step 4

    Garnish the mocha with grated chocolate or a dusting of cocoa or hot chocolate powder.

Try more of Celeste Wong’s best coffee recipes

[image id=”146944″ size=”landscape_thumbnail” align=”none” title=”Cold brew iced latte” alt=”Cold brew iced latte” classes=””]

Nutritional data

  • kcals 167
  • fat 4.6g
  • saturates 2.8g
  • carbs 23.6g
  • sugars 22.3g
  • protein 8.0g
  • salt 0.3g

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top