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

    Bone-Chilling Cold Brew Recipe

    Think you're ready for spooky-season? If you haven't discovered this Bone-Chilling Cold Brew Recipe, you might not be as ready for your party as you think. Sweet, savory, and super simple to make, this Halloween coffee drink is so delicious it's scary.

  • How to Brew

    Cheerful Eggnog Latte Recipe

    Our eggnog latte recipe will bring you all the festive cheer you need for the holiday season. A dash of nutmeg can go a long way!

  • How to Brew

    Homemade Salted Caramel Frappuccino Recipe

    A Starbucks look alike drink that you can whip up quickly in the comfort of your own home using this caramel frappuccino recipe.

  • How to Brew

    Toasted Chestnut Praline Latte Recipe

    This nutty-flavored toasted chestnut praline latte recipe combines the perfect spices for a warm fireside kind of night.

  • 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.

  • 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!

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