How to Brew

Deliciously Rich Mocha Cappuccino Recipe

Just so you know, if you click on a product on and decide to buy it, we may earn a small commission.


There are plenty of reasons to love the classic cappuccino. It’s creamy and delicious, and with only three ingredients — espresso, milk, and foam — it’s not hard to learn to make one on your own. 

Thanks to the simplicity of this drink, there are plenty of opportunities to give your cappuccino an upgrade and experiment with different flavors and add-ins, which is exactly why we’re introducing you to the mocha cappuccino. 


While the mocha on the menu at your local cafe is likely referring to a latte with chocolate added, the term can apply to any coffee drink with chocolate, including the cappuccino. So, while the mocha cappuccino’s name makes it sound more complicated than it really is, this drink is simply made by combining cappuccino’s three basic components with chocolate syrup or powder (or in some cases, both!).

If you have an espresso maker with a built-in steaming wand at home and are willing to put time and energy into perfecting your microfoam, you can make a mocha cappuccino at home in just a few minutes. If you’re itching to sharpen your barista skills, fire up your brewer and gather a few ingredients; this recipe is for you.


Mocha Cappuccino Recipe


  • 1/4 cup of strong brewed coffee
  • 2 tablespoons of cocoa powder
  • 1/3 teaspoon of vanilla
  • 1/2 cup of hot milk
  • 2 tablespoons of chocolate syrup
  • A frother or steam wand


Step 1:

The first step is to fire up your at-home brewer. If you’re making regular coffee, you can use whatever brewing method you prefer — automatic drip machine, pour-over, French press, whatever you like. If you want something a little bit stronger, though, use your espresso machine to pull a shot of the dark roasted java.

Coffee For Recipe

Step 2:

Once your brew is in a mug, add chocolate syrup and cocoa powder, and stir until the wet ingredients are well-blended and the powder has dissolved. 

Ingredients In Coffee

Step 3:

Next, pour vanilla extract and hot milk into a frothing pitcher and steam (or froth) the liquid until it’s bubbly. We used two percent milk, but feel free to use your favorite non-dairy substitute if you’d like. 

Frothed Milk

Step 4:

Pour the freshly frothed mixture over the coffee, then top the drink with milk foam and a sprinkle of cocoa powder, and you’re all done!

Cappuccino art


And there you have it — a homemade mocha cappuccino; it’s easy to make and even easier to love. Interested in learning more about the cappuccino? Read all about the famous Italian drink here!

Happy Caffeinating!

Mocha Cappuccino Recipe

Deliciously Rich Mocha Cappuccino

Yield: 1
Prep Time: 5 minutes
Cook Time: 5 minutes
Total Time: 10 minutes

A perfect cappuccino recipe for anyone looking for a creamy cup of coffee with a chocolaty taste and a smooth finish.


  • ¼ cup of strong brewed coffee
  • 2 tablespoons cocoa powder
  • ⅓ teaspoon vanilla
  • ½ cup of hot 2% milk
  • 2 tablespoons chocolate syrup


    1. Stir together coffee, cocoa powder, and chocolate syrup. 
    2. Combine vanilla and milk. 
    3. Froth milk and vanilla until bubbly and foamy.
    4. Place coffee mixture into a mug and pour over milk. Spoon milk froth out to place on top of your mug. 
    5. Sprinkle with cocoa powder and enjoy!
Share the goods

Recommended Reads

  • How to Brew

    Hario V60 Recipe: Perfecting Your Brew With A Pour-Over

    This step-by-step Hario V60 recipe will help you achieve the perfect cup of coffee by pulling out all the great flavors from your roast!

  • How to Brew

    Dalgona Coffee (Whipped Coffee) Recipe

    Dalgona Coffee, better known as whipped coffee, has taken social media by storm. Now, you can make it in the comfort of your own home with our delicious Dalgona Coffee recipe! Check it out here!

  • How to Brew

    Dirty Horchata Cocktail Recipe

    If black coffee wasn't strong enough for you, maybe this dirty horchata cocktail will satisfy your needs! Check out our recipe here.

  • Coffee Facts

    14 Tasty Almond Milk Coffee Recipes

    Love almond milk but not sure how to incorporate it into your coffee routine? You're in luck! We've created a list of 15 tasty almond milk coffee recipes for you to try. Happy caffeinating!

  • How to Brew

    Indulgent Caramel Cappuccino Recipe

    Just when you thought cappuccino's couldn't get any better, BAM! This caramel cappuccino might be your new go-to coffee choice!

  • How to Brew

    Smoked Butterscotch Latte Recipe

    This customer favorite coffee drink is the perfect change in flavor that you've been looking for! Make this not-so-seasonal recipe!

Brew like a Barista
from home

The Home Barista Coffee Course 14-lesson video course about brewing consistently amazing coffee at home. Stream or download the entire course to learn how to make coffee as good as your local barista for a fraction of the cost.

Learn more
Skip to Recipe