Mixpert — Mix Every Drink Like a ProChecking account status…
Mixpert editorial recipe

Café Mocha

A mocha should taste like coffee and dark chocolate in the same sip. Cocoa supplies depth while a little syrup smooths the bitterness without burying the espresso.

Ready in8 minMakes1 servingCalories · estimated per serving166Total sugar · estimated per serving19g
Hot café mocha with fine milk foam and a light cocoa dustingNon-alcoholic
Step by step

Make it like a pro.

  1. 01

    Whisk the cocoa powder and chocolate syrup into the hot espresso until smooth.

  2. 02

    Heat and steam the whole milk to about 145°F, introducing just a little fine foam.

  3. 03

    Pour the milk into the chocolate espresso and finish with its thin foam layer.

Affiliate links

Tools for This Recipe

Helpful equipment for making this recipe at home.

As an Amazon Associate I earn from qualifying purchases.

Easy swaps

  • Use 2% milk for a lighter mocha; it gives a slightly thinner mouthfeel.
  • For a less sweet drink, halve the chocolate syrup and keep the cocoa at one teaspoon.

Mixpert tips

  • Wet cocoa with espresso before adding milk to prevent dry clumps.
  • Do not boil the milk; overheated milk loses its soft sweetness and foam.
Good to know

Café Mocha FAQs

Can I make a café mocha with dark chocolate instead of syrup?

You can, but solid dark chocolate needs to melt into the hot espresso or milk and may make a thicker, less sweet drink. Start with a small amount and taste before adding the cocoa. The recipe's nutrition is based on chocolate syrup, so it cannot be reused for that version.

Is a mocha just hot chocolate with coffee?

A café mocha is built around espresso and steamed milk with chocolate added; the coffee remains a major flavor.

Can I make it without a steam wand?

Yes. Warm the milk gently, then whisk or froth it before pouring over the chocolate espresso.

✦
Your ingredients. Your rules.

Want a version made for you?

Customize with Mixpert AI