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

    Spanish Cafe Con Leche Recipe

    If you have an espresso means and steaming milk, you have to try this Spanish cafe con leche recipe tomorrow morning!

  • How to Brew

    What Is A Latte?

    Are you a lover of lattes? Interested in learning more about them, and how to make one yourself? We've got everything you need to know right here!

  • Coffee Facts

    Coffee for Foodies: Get Your Caffeine Fix with these Coffee Based Recipes

    Sometimes your morning coffee, your midday pick-me-up, and your afternoon cup just aren't enough to satisfy your need for java. We get it. That's why we've created this list of coffee for foodies so you can get your caffeine fix with these coffee based recipes when the other cups just aren't cutting it.

  • How to Brew

    Morning Mocha Smoothie Bowl Recipe

    Not enough time in your morning routine to squeeze in your morning cup of Joe AND a nutritious breakfast? Then this morning mocha smoothie bowl recipe is perfect for you!

  • How to Brew

    Spiced Cinnamon Dolce Latte Recipe

    This spiced cinnamon dolce latte recipe is perfect for any weather and reccomended if you are in the mood for a perfectly spiced drink.

  • How to Brew

    Effortless Iced Espresso Recipe

    An easily crafted recipe for anyone with cravings for a stronger and bolder iced coffee drink that can be sweetened to your liking.

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