Skip to main content
Cooking With Anadi
RecipesCollectionsTechniquesFree ResourcesAbout
✦ Join the Kitchen
Sign in
Home / Recipes / American / Indulge in Chocolate Heaven with This Rich Cocoa Cappuccino

Indulge in Chocolate Heaven with This Rich Cocoa Cappuccino

Two glass mugs of cocoa cappuccino topped with whipped cream and cocoa powder on a wooden surface.
Indulge in Chocolate Heaven with This Rich Cocoa Cappuccino
Anadi Misra

By Anadi Misra · March 6, 2023

American

About this recipe

Rich, velvety, and indulgent, this mocha cappuccino blends deep cocoa with bold espresso for a café-worthy treat at home. Quick to make and absolutely irresistible.

↓ Jump to Recipe

This post may contain affiliate links. Read our disclosure policy

Watch the recipe

Is it still snowy and cold out? If you didn’t know, in Canada, the snow just never ends! You’re pretty much not guaranteed to go without a snowstorm till May hits!

That being said, it’s never a bad time hot drinks, especially when you’ve got the combination of chocolate and coffee, right? How about you switch up your morning routine with this chocolate cappuccino?

With prices rising, coffee shops are really getting expensive. Of course I encourage you to support local, or to even just go get a coffee outside if you’re looking for some new drink inspiration. As I discuss in my top 5 tips to explore your potential in the kitchen, Make Cooking Fun!, going out and trying to replicate what you enjoyed from outside - either a main dish, a snack, or a drink! - can spark creativity and motivate you! However, as someone who’s really enjoyed going to the coffee shop in the crazy cold winter we’ve had, I knew I had to put the brakes on it when I saw how fast the cost accumulates!

Not only is making your favourite coffee beverage at home monetarily economical, but it allows you to stay in your PJs and not leave the house in a snowstorm! It’s also a thoughtful gesture to be able to surprise a coffee lover with a homemade drink in the morning! If you want to put your heart in a cup for a coffee and chocolate lover in your life, then be sure to make this cappuccino as part of my Live to Cook one-month challenge! You can get started on your cooking journey for free by signing up to my newsletter to get these motivational resources sent right to your inbox, plus you’ll get all of my new recipes delivered directly to you!

To see how to brew your new favourite cappuccino with cocoa powder recipe, then check out the video! If you’re not already, please subscribe to my YouTube channel, and hit the bell button so you’re notified when my recipe videos go live! I love to share videos along with the written recipes so you’ve got all the tools you need! Let’s get brewing!

Two glass mugs of cocoa cappuccino with creamy tan liquid and cocoa powder sprinkled on top.

What Is a Cocoa Cappuccino?

This cappuccino with chocolate is exactly how it sounds - a cappuccino that’s loaded with cocoa goodness!

If you didn’t know, a cappuccino consists of three parts:

  • The coffee base
  • Steamed milk
  • Milk foam

Unlike a latte (where I have plenty of latte recipes on the blog!), a cappuccino is different because the three elements are evenly distributed. Furthermore, a cappuccino differs from a latte because the milk is not blended in with the coffee base. Finally, the milk foam on top of a cappuccino is much thicker than with a latte, because it is spooned out from your espresso machine or your pot.

A regular cappuccino is simply made with espresso and milk. While a simple cappuccino is absolutely delicious, if you’ve followed me for awhile, you know I just love chocolate! I had visited Starbucks once and I tried ordering my own custom cappuccino. I added in a mocha drizzle with a cocoa powder topping. It was so amazing that I thought of making my very own at home!

On my first attempt, I only tasted the cocoa on top. I wanted every sip of the drink to have a rich and warm cocoa experience, so in this recipe, I’ll show you exactly how to do this! Your typical coffee shop has nothing on this awesome cappuccino recipe, and it’s super quick and easy to make with only a few ingredients! You can honestly make this whenever you’re craving some chocolate and it’ll give you a nice caffeine boost too!

Do I need Espresso To make a Cappuccino at Home?▼

No, you don’t. I don’t have an espresso machine, but that hasn’t stopped me from making my favourite coffee beverages!

A French press will help you get a strong brewed coffee that has a comparable taste to espresso, richer than the results from a coffee machine. This is because the coffee has time to have its flavours really develop and give a strong brew. Don’t have a French press either? No worries! Simply make coffee using your countertop coffee machine with a dark roast coffee.

What milk Do I use For This Cappuccino with Cocoa?▼

I’m using full fat milk. A cappuccino from a coffee shop will make your drink with either 2% or whole (3.25%) milk. The fattier milk will allow for a richer and creamier foam and a more wholesome taste. If you don’t drink dairy milk, then feel free to substitute with your favourite plant-based milk. Coconut milk and soy milk are excellent options because they are richer and will give similar results to dairy milk. However, if you want, you really could use almond milk or oat milk, but the reduced fat content may make your drink thinner. Additionally, I personally dislike oat milk because I find the “oatyness” of the milk takes away from the actual flavours of the drink.

Two chocolate cappuccinos with cocoa powder garnish on a wooden board, ready to serve.
How To Froth Milk Without a Steam Wand▼

Even though your favourite coffee spot may use a fancy automatic steam wand to prepare your caffeinated beverages, you can get away with some nifty alternatives to get a very similar result. Check out some other ways to froth milk:

  • French Press: Add steamed milk to a french pressed and simply pump the plunger up and down a couple of times to froth up the milk. You can pick one up for as little $10.
  • Electric Frother or Handheld Frother:Handheld frothers, the kind I have can go for as cheap as $10 while electric frothers can go up to $100.
  • Whisk: Some elbow grease and a good whisk can really be all you need to make great frothed milk. The cheapest alternative, you can find one for as little as $5.
  • Steam Wand: This is the ultimate investment if you are really serious about your coffee. These can range from $100 to $1000 depending on the features of the model.

Tools Required

  • Saucepan
  • Coffee mug
  • French press
  • Frother
  • Measuring cups
  • Measuring spoons
  • Spatula
  • Ladle

Tips for the Richest Cappuccino with Cocoa

  • For a richer tasting cappuccino, you can substitute the steamed milk and milk foam with half and half cream instead.
  • Instead of preparing the cocoa coffee in a saucepan, you can instead choose to use prepare a strong shot of coffee using a french press by brewing freshly ground coffee beans and cocoa powder.
  • Letting the steamed milk sit for a few minutes allows the froth to rise and collect at the top, makes it easier to portion out the milk and foam for the cappuccino.
  • You can make a sweeter cappuccino by adding a sweetener of choice and adjust the amounts to match your preferences.

Ingredients

Scroll to the bottom of this post for the FULL PRINTABLE RECIPE CARD or press the “Jump to Recipe” button to see all ingredient quantities and to save the recipe for later. You can also scale the recipe based on how many cups of this cappuccino you want to make. By default, the recipe will serve two 16 ounce cups. All ingredient quantities will automatically be adjusted for you, so no need to do any mental math!

Ingredients for chocolate cappuccino: lactose-free milk, vanilla extract, cocoa powder, Tim Hortons hazelnut coffee, and a mixing jar.

For the Cocoa Cappuccino Base

  • Coffee
  • Water
  • Semi-sweet chocolate chips
  • Cocoa powder
  • Vanilla extract

For the Milk Foam

  • Milk
  • Vanilla extract

How to Make a Comforting Cappuccino with Cocoa

In a saucepan, add the ground coffee, milk, cocoa powder, vanilla extract and chocolate chips.

Hand holding wooden spoon over saucepan of milk being heated for cappuccino with cocoa.
Sifting cocoa powder into a saucepan of dark liquid on a stovetop while making cappuccino.
Pouring vanilla extract into a saucepan with ground coffee, milk, and cocoa powder on a stovetop.
Pouring cocoa powder from a jar into a saucepan with milk and other cappuccino ingredients.

Mix well until combined and bring the milk up to a simmer.

Stirring cocoa powder and ground coffee into milk in a saucepan with a white spatula on a stovetop.
Stirring a creamy tan cocoa cappuccino mixture in a saucepan with a white spatula.

Then transfer it to a French press to steep for 3-4 minutes or keep warm. Set aside.

Hand pressing down the plunger on a French press filled with steeped cocoa mixture next to a bowl of frothed milk.
Hand plunging a French press filled with brewed cocoa mixture over a wooden cutting board.
Pouring dark cocoa mixture from a milk frother into a glass mug on a wooden board next to a pot of milk.
Spoon pouring frothed milk into a glass mug of brewed cocoa cappuccino on a wooden board.

On another saucepan or in the microwave, heat up the rest of the milk mixed with vanilla extract.

Pouring steamed milk from a measuring cup into a small saucepan on an induction cooktop.
Heating milk with vanilla extract in a saucepan on a stovetop for steaming and frothing.

Once the milk is steaming, use a handheld frother and froth up the milk.

Hand using a milk frother to froth steamed milk in a saucepan on a stovetop.
Hand-held milk frother creating foam in a pot of steamed milk for cappuccino

Pour the coffee to your cups, filling it 1/3 of the way followed by the steamed milk 1/3rd of the way, making sure to reserve the foam. Top with the milk foam to fill the rest of the cup and garnish with cocoa powder. Serve right away.

25 min
2 servings
medium
Two glass mugs of cocoa cappuccino topped with whipped cream and cocoa powder on a wooden surface.
Indulge in Chocolate Heaven with This Rich Cocoa Cappuccino
Anadi Misra

By Anadi Misra · March 6, 2023

American25 min2 servingsmedium
Indulge in Chocolate Heaven with This Rich Cocoa Cappuccino
Anadi Misra

By Anadi Misra · March 6, 2023

American25 min2 servingsmedium
Two glass mugs of chocolate cappuccino with layered steamed milk and foam, hand pouring milk into one cup.
Two glass mugs of cocoa cappuccino with steamed milk and cinnamon dusting, beside a Tim Hortons bag.

If you liked this recipe please let me know in the comments. Tag your post on social media using #cookingwithanadi and mention me @cooking.with.anadi. Thank you!

Recipe by Anadi Misra

Indulge in Chocolate Heaven with This Rich Cocoa Cappuccino

Rich, velvety, and indulgent, this mocha cappuccino blends deep cocoa with bold espresso for a café-worthy treat at home. Quick to make and absolutely irresistible.

5.0 · 1 rating

Saved to your collection
··
·
·

10 min

Prep

15 min

Cook

25 min

Total

2

servings

makes 2 cups

medium

Level

Ingredients

··
·
·

Ingredients

Tap any quantity to scale

For the cappuccino base

  • (60 ml) ground coffeeShop →
  • (360 ml) milk(plus more if needed)
  • (13 g) cocoa powderShop →
  • (16 g) semi-sweet chocolate chipsShop →
  • (5 ml) vanilla extractShop →

For the milk foam

  • (360 ml) milk
  • (2.5 ml) vanilla extractShop →

Instructions

  1. 1

    In a saucepan, add the ground coffee, milk, cocoa powder, vanilla extract and chocolate chips. Mix well until combined and bring the milk up to a simmer. Then transfer the to a french press to steep for 3-4 minutes or keep warm. Set aside.

    In a saucepan, add the ground coffee, milk, cocoa powder, vanilla extract and chocolate chips. Mix well until combined and bring the milk up to a simmer. Then transfer the to a french press to steep for 3-4 minutes or keep warm. Set aside.

  2. 2

    On another saucepan or in the microwave, heat up the rest of the milk mixed with vanilla extract. Once the milk is steaming, use a handheld frother and froth up the milk.

    On another saucepan or in the microwave, heat up the rest of the milk mixed with vanilla extract. Once the milk is steaming, use a handheld frother and froth up the milk.

  3. 3

    Pour the coffee to your cups, filling it 1/3 of the way followed by the steamed milk 1/3rd of the way, making sure to reserve the foam. Top with the milk foam to fill the rest of the cup and garnish with cocoa powder. Serve right away.

    Pour the coffee to your cups, filling it 1/3 of the way followed by the steamed milk 1/3rd of the way, making sure to reserve the foam. Top with the milk foam to fill the rest of the cup and garnish with cocoa powder. Serve right away.

Nutrition per serving

326

Calories

15g

Protein

36g

Carbs

18g

Fat

6g

Fiber

26g

Sugar

160mg

Sodium

Share This Recipe

Did you make this recipe? Tag @cooking.with.anadi on Instagram and hashtag it #cookingwithanadi

Anadi Misra, signed

Tested & written in Anadi’s kitchen


Free weekly newsletter

Like this recipe? Get more every week.

New recipes, cooking tips, and behind-the-scenes from Anadi's kitchen.

No spam. Unsubscribe anytime.

Filed under

dessertsquick recipeseasy recipesdrinkshot drinkscoffeemocha cappuccinomocha cappuccino recipebest mocha cappuccinobest mocha cappuccino recipecappuccino recipe

You might also like

Two red velvet lattes topped with whipped cream and dried cranberries on a wooden serving board.
American

Fall in Love with this Cozy Red Velvet Latte

Warm up with a creamy Red Velvet Latte that feels like dessert in a cup. Quick, easy, and absolutely indulgent, this cozy drink is your new favorite cold-weather treat.

cappuccino
easy cappuccino recipe
easy cappuccino
cappuccino at home
cappuccino easy recipe
cappuccino recipe without machine
cappuccino without machine
how to make a cappuccino without an espresso machine
how to make cappuccino without machine youtube
how to make cappuccino at home with milk frother
cappuccino ingredients
how to make a cappuccino with a milk frother
how to make a cappuccino at home with a french press
make a cappuccino without a machine
how to make cappuccino foam at home
how to froth milk for cappuccino
how to froth milk for cappuccino without a machine
make cappuccino at home
cappuccino recipe with milk frother
make cappuccino with french press
vegetarian
egg-less
halal
gluten-free

Part of

Show Your Love With The Best Valentine’s Day Recipes!
23 minMedium2 lattes
Homemade eggnog latte with cinnamon foam in a glass mug, cinnamon powder in small bowl, on wooden board.
American

How to Make a Cozy Starbucks Eggnog Latte at Home

Make a creamy eggnog latte at home in minutes! This cozy Starbucks copycat recipe is quick, easy, and perfect for the holiday season. Warm up with every sip.

20 minEasy2 lattes
Homemade cafe mocha in a glass mug with whipped cream and chocolate drizzle, surrounded by ingredient bowls.
American

Delicious Homemade Starbucks Cafe Mocha Recipe

Make a creamy homemade Starbucks Cafe Mocha in minutes with rich chocolate syrup and bold espresso. An easy, coffeehouse-quality treat you can enjoy anytime.

10 minEasy1 drinks
Two sugar cookie lattes topped with cinnamon, colorful sprinkles, and whipped cream on a wooden board.
American

Indulge in a Homemade Starbucks Sugar Cookie Latte

Make a creamy homemade Starbucks Sugar Cookie Latte in minutes! This easy copycat recipe features a sweet sugar cookie syrup and rich espresso you can enjoy anytime.

20 minMedium2 lattes
Two tall glasses of cookies and cream Oreo latte topped with whipped cream and whole Oreo cookies.
American

Indulge in This Easy Cookies & Cream Oreo Latte Recipe

Craving a creamy, indulgent treat? This cookies and cream Oreo latte is quick, easy, and absolutely delicious. Make your new favorite coffee shop drink right at home today.

25 minEasy2 lattes
Two Starbucks Mocha Cookie Crumble Frappuccinos with whipped cream and colored straws on a wooden board, with a dog in the background.
American

Starbucks Mocha Cookie Crumble Frappuccino

Make the Starbucks Mocha Cookie Crumble Frappuccino at home in minutes. Creamy, chocolatey, and topped with crunchy cookie crumbles, this easy copycat recipe tastes just like the real thing.

30 minEasy1 medium drink

Comments

No comments yet — be the first to share your thoughts!

Leave a comment

Made it? Add a rating (optional)
1000 left

Follow Along

@cooking.with.anadi

Follow
A tadka is the 60-second move that changes everything: bloom cumin + mustard seeds in hot oil, add a chilli and curry le
My new favourite dressing: soy + toasted sesame for a savoury base, a pinch of sugar to balance, and Calabrian bomba for
One jar of dressing: soy, sesame, garlic, rice vinegar and Calabrian bomba. This dressing is going to add so much flavou
Week one of the new site, and I’m so happy you showed up! 🙌

 Thank you all for visiting and rating your favourite reci
Spontaneous Sunday: no plan, no recipe - just a jacket potato and whatever's in the fridge.

Crispy skin, fluffy middle,

Tag your makes with #cookingwithanadi