This post may include affiliate links; for details, see our disclosure policy.

What is a mocha? This popular drink pairs espresso, milk and chocolate for a deliciously rich sip. Here’s how to make a mocha at home!

How to make a mocha

What’s better than the flavor pairing of coffee and chocolate? The mocha is one of the most famous espresso drinks, possibly because it’s so rich and chocolaty it’s like drinking chocolate pudding. Did you know you can make a barista-quality mocha in the comfort of your own home? This one comes out just like one at a coffee house: no shortcuts like hot chocolate mix or whipped cream. Let’s get started!

What is a mocha?

A mocha or mocha latte is a drink made with espresso and steamed milk that’s flavored with chocolate syrup. There’s lots of variation on exactly what constitutes this espresso drink: it’s up to the barista! This drink can be made with various levels of espresso shots, quantities of steamed milk, and amounts of chocolate syrup. The mocha rose to popularity with Starbucks culture starting in the 1980’s in America.

This recipe is how to make a mocha…the real way! It’s made like a latte or a cappuccino with steamed milk. Some recipes use hot chocolate mix and coffee: essentially a cheater’s version. This one is much tastier: and easy to make. Instead of a chocolate syrup, we went for real chocolate chips and maple syrup for sweetness. Here’s how to do it!

How to make a mocha

Start with espresso

The first component to a mocha is the espresso! Technically in this drink you could use very strong coffee, since mochas can be more free form. But the truest form of this coffee drink has espresso! Here’s what you’ll need to make it:


The milk to use for a mocha

The other main ingredient for this espresso drink is milk! But not just any milk will do. Here’s what to know about the best milk for a mocha:

  • Most importantly: use milk that’s as fresh as possible! Milk that’s nearing its expiration date does not foam as well.
  • The best milk for a mocha? Whole milk. It froths the best because it has the highest milk fat. You can also use 2% milk. It works fairly well, but you lose a bit of the richness.
  • Want a vegan mocha? Use oat milk. Oat milk froths up the best of any dairy milk and has great flavor. Go to How to Froth Milk for more details.

How to steam milk for a mocha: with an espresso machine

If you happen to have an espresso machine, you can use it to steam the milk for a mocha. Steamed milk is what puts the latte in mocha latte. But unlike our Perfect Latte, here you don’t have to worry quite as much about getting the perfect micro-foam texture that’s like wet-paint. In fact, this mocha has fluffier foam and is a bit more like a cappuccino. Here’s how to steam milk with an espresso machine (or go to How to Steam Milk):

  • Hold the steaming wand just below the surface of the milk until it doubles in size and is very foamy.
  • Lower the steaming wand slightly until the milk reaches 150 degrees Fahrenheit. Use a thermometer or judge by when your hand can’t hold the pitcher for more than a few seconds.
How to froth milk with a milk frother

How to froth milk for a mocha (cheater method!)

Most people don’t have an espresso machine: which is AOK for a mocha! You can heat the milk and froth it using one of various tools. More details are at How to Froth Milk, but here are our top choices for the home barista:

  • Handheld milk frother. A handheld milk frother is only $10 and works great! It gets the milk extremely frothy, which is perfect for this mocha.
  • French press. If you have a French press for making coffee, it’s great for making foam! It makes a nice frothy foam with bubbles a little larger than the frother.
  • Whisk. The most basic of tools! A whips up the milk pretty well: it has a bit larger bubbles but that’s perfectly acceptable here.
  • Covered jar. Simply place the milk in a covered jar and shake. Easy peasy!
How to make a mocha

How to make a mocha at home

There are many variations on a mocha, and it will come out differently depending on the equipment you use above. That’s ok! A mocha is a little more of a free-form drink than the exacting latte, flat white, cappuccino or macchiato. Don’t worry so much about the steaming and frothing. The best part is the chocolate!

  • Place chocolate chips in a cup, then add espresso. The heat of the coffee melts the chocolate.
  • Steam the milk and syrup (espresso machine method): Add a little maple syrup or simple syrup to get just the right sweetness.
  • OR, heat the milk and syrup on the stovetop, then froth it (non-machine method). Heat the milk in a pan until it reaches 150 degrees Fahrenheit is perfect: that’s where the milk is hot to the touch but not simmering. Then froth using your desired method to froth the milk until it’s very foamy..
  • Serve. Pour the frothed milk into the chocolaty espresso and serve! And that’s it! How to make a real mocha that’s rich, chocolaty and tastier than any other one you’ve had. (Promise.)

Mocha variations

There are several ways to vary a mocha, both hot and cold! Here are few different options once you’ve tried the standard:

This mocha recipe is…

Vegetarian and gluten-free. For vegan, plant-based, and dairy-free, use the oat milk variation.

clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
How to make a mocha

How to Make a Mocha

  • Author: Sonja Overhiser
  • Prep Time: 10 minutes
  • Cook Time: 0 minutes
  • Total Time: 10 minutes
  • Yield: 1 drink 1x


What is a mocha? This popular drink pairs espresso, milk and chocolate for a deliciously rich sip. Here’s how to make a mocha at home!


  • 2 espresso shots (2 ounces)
  • 1 tablespoon chocolate chips
  • 4 ounces (½ cup) fresh whole milk*
  • ½ tablespoon maple syrup (or simple syrup)
  • For the garnish: chocolate shavings


  1. Make the espresso: Make a doubleshot of espresso, following the instructions in How to Make Espresso. Place the chocolate chips into the mug and pour the espresso on top.
  2. Steaming method (espresso machine): Place the milk and syrup in a pitcher. Hold the steaming wand just below the surface of the milk until it doubles in size and is very foamy. Lower the steaming wand slightly until the milk reaches 150 degrees Fahrenheit (use a thermometer or judge by when your hand can’t hold the pitcher for more than a few seconds). Go to How to Steam Milk for full instructions.
  3. Foaming method (without espresso machine): Heat the milk and syrup to 150 degrees Fahrenheit, which is “scalding”: hot to the touch but not simmering. Measure with a food thermometer, or you can approximate by testing with your finger. Use a milk frother, French press or whisk to froth the milk until it’s very foamy (or shake it in a covered jar). For a mocha you’ll want a good amount of froth. We recommend reading How to Froth Milk if this is your first time frothing. For the French press method, note that it’s useful to have at least 1 cup to have more milk to work with: this makes enough for 2 drinks.
  4. Serve: Swirl the milk container a few times. Pour milk and foam into center of the chocolaty espresso. If desired, top with chocolate shavings for garnish.


*Whole milk works best; milk that is a few weeks old may not froth. You can also use oat milk for a vegan mocha. The milk frother works well; for the French press pump vigorously until frothy, about 25 times. Do not overwhip, as the foam will deflate!

  • Category: Drink
  • Method: Espresso
  • Cuisine: Coffee
  • Diet: Vegetarian

Keywords: How to make a mocha

About the authors

Sonja & Alex

Meet Sonja and Alex Overhiser: Husband and wife. Expert home cooks. Authors of recipes you’ll want to make again and again.

Leave a Comment

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

This site uses Akismet to reduce spam. Learn how your comment data is processed.


  1. Just made this recipe and it is so good! I just got an espresso machine and love it. Thank you for this easy recipe!

  2. As far as I know the protein content of the milk determines how well it can be steamed to create nice (micro)foam – not the fat content. Am I mistaken?

    1. They both play a factor! Lower fat milks have a finer, more stable foam but they don’t taste as rich. If you can find a higher-protein, low fat milk it might give best results.