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

Here’s how to make a mocha cappuccino: a combination of rich chocolaty espresso with chocolate steamed milk!

Mocha cappuccino
Save this recipe!
Get this sent to your inbox, plus get new recipes from us every week!

Got a craving for chocolate? Try this Mocha Cappuccino: a chocolate-flavored espresso drink! This recipe has a double dose of chocolate: both real chocolate in the espresso and chocolate syrup in the steamed milk. Each sip is rich and dreamy, scented with just the right amount of delicate chocolate sweetness. Here’s what to know about how to make it at home!

What is a mocha cappuccino?

A mocha cappuccino is another name for a mocha or mocha latte: a drink made with espresso, steamed milk and chocolate. A cappuccino is very similar to a latte: it just has a different ratio of milk to espresso. So mocha latte and mocha cappuccino are essentially the same thing.

You can’t order a mocha cappuccino at Starbucks or any other coffeeshop: so order it using the words mocha, café mocha or mocha latte. It’s worth noting that a mocha frappuccino is coffee, milk and chocolate syrup blended with ice: essentially a chocolate coffee milkshake.

The difference between this recipe and our classic Mocha? This one has chocolate syrup in the milk, not just the espresso. The ingredients you need for a mocha cappuccino are:

  • Espresso
  • Milk
  • Chocolate chips
  • Chocolate syrup
Mocha cappuccino

For the espresso

To make a mocha cappuccino, you need a method for homemade espresso! The best way is with a countertop espresso machine, but it can be cost prohibitive. Luckily, there are several other great methods for espresso:

How to make espresso

Steaming or frothing the milk

The other important thing about making a mocha cappuccino: the method for steaming or frothing the milk! Keep in mind: fresh whole milk is best for this process. For vegan, you can use oat milk! If you have an espresso machine you can steam the milk, otherwise you can use one of the various milk frothing methods below. Here’s what to know:

  • Steam the milk: If you’ve got an espresso machine, this is the way to go! It’s a bit technical, but the result is rich, creamy microfoam. And, you can make latte art like we did in the photos! Go to How to Steam Milk.
  • Froth the milk (without a machine): There are several ways to froth milk. The best method is a hand frother, but you can also use a French press or whisk. Go to How to Froth Milk.

How to make a mocha cappuccino

Once you’ve got the espresso and milk methods figured out, making a mocha cappuccino is a breeze! Skip down to the recipe below, or review the following basic idea:

  • Make the espresso. Go to How to Make Espresso.
  • Place chocolate chips in the cup, then add espresso. The heat of the coffee melts the chocolate!
  • Steam the milk and chocolate syrup (espresso machine method) OR, heat the milk and syrup on the stovetop, then froth it. 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 chocolaty milk into the chocolaty espresso and serve!
Mocha Cappuccino

More espresso drinks

Love coffee? There are so many great espresso drinks to try! Here are some favorites:

Save this recipe!
Get this sent to your inbox, plus get new recipes from us every week!
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
Mocha cappuccino

Mocha Cappuccino

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

5 from 1 review

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


  • 1 doubleshot espresso (2 ounces)
  • 1 tablespoon chocolate chips
  • 4 ounces (½ cup) fresh whole milk* (double for two servings when steaming)
  • 1 tablespoon chocolate syrup


  1. Make the espresso: Make the espresso using an espresso machine, manual espresso maker, French press, or Moka Pot. Go to How to Make Espresso for instructions. Place the chocolate chips into the mug and pour the espresso on top.
  2. Steam or froth the milk and chocolate syrup (double batch): Add the chocolate syrup to the milk. Steam the milk with an espresso machine, or heat and then froth the milk using your method of choice (milk frother, French press, whisk or covered jar). It’s easiest to steam or froth 1 cup of milk for 2 drinks, so use 2 tablespoons chocolate syrup. Go to How to Steam Milk or How to Froth Milk for details on each.
  3. 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.


*Fresh whole milk works best; milk that is a few weeks old may not froth. Oat milk works best for a vegan mocha cappuccino.

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

About the authors

Sonja & Alex

Hi, we’re Alex and Sonja Overhiser, married cookbook authors, food bloggers, and recipe developers. We founded A Couple Cooks to share fresh, seasonal recipes for memorable kitchen moments! Our recipes are made by two real people and work every time.

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. Ann Crawford says:

    This sounds amazing. My espresso machine puts the frothed milk in before the espresso. Will it still work in this order?

    1. Alex Overhiser says:

      It should work fine

  2. Sonja Overhiser says:

    Let us know if you have any questions!