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.

Like Free Coffee? Get your first bag free with an Atlas Coffee World Tour Click here to get the deal


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

View our Google web story here.


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

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