My fellow coffee and chocolate enthusiasts, allow me to introduce you to one of the most irresistible, cozy and indulgent drinks on this side of town – the Hot Cocoa Mocha. This recipe is perfect for anyone who loves to enjoy a warm, chocolatey beverage on a chilly day, but with an added kick of caffeine.

What I love most about making my own Hot Cocoa Mocha is that it’s incredibly simple to create at home. With just a few basic ingredients and some know-how, you can whip up a hot mocha in no time! And not only that, but you can also customize it to fit your personal tastes–want more or less chocolate? Prefer a stronger coffee taste? The possibilities are endless!

This recipe is also perfect for serving at gatherings and occasions. Impress your guests with something they’ve never tasted before – a homemade mocha that’s beautifully rich, creamy and has all the flavors of their favorite coffee house version without breaking the bank.

So why settle for plain old hot cocoa or basic coffee when you can indulge in this delicious combination of chocolate and coffee? Get ready to cozy up with a mug of this easy-to-make recipe and enjoy the warmth and comfort it brings. Let’s dive into the delectable world of Hot Cocoa Mocha!

Why You’ll Love This Recipe

Hot Cocoa Mocha
Hot Cocoa Mocha

Dear coffee lover,

If you’re in the mood for a delicious treat that’s perfect for chilly winter days, then look no further than this amazing hot cocoa mocha recipe! It’s the ultimate drink to enjoy by the fire or snuggled up on the couch on a cold day, and I’m here to tell you why you’ll absolutely love it.

First of all, who doesn’t love hot chocolate? This beverage has been a classic wintertime drink for generations, and for good reason! It’s the perfect way to warm up on a cold day, and it’s just so yummy. But hot chocolate can sometimes be a bit too sweet or rich for some folks, which is where this delicious twist on a classic comes in.

By adding coffee to your hot cocoa, you get the best of both worlds: the rich, creamy texture of your favorite cocoa mix (or homemade recipe!) combined with the bold, invigorating flavor of your favorite coffee. Mocha hot chocolate is an easy indulgence that elevates your regular cup of joe into something truly special. Plus, this recipe has whipped cream on top – need I say more?

Another great thing about this recipe is that it is highly customizable. You can make it more chocolaty by using milk chocolate instead of unsweetened cocoa powder, or you can make it less sweet by reducing the amount of sugar. The possibilities are endless when it comes to tweaking this recipe to suit your taste buds.

And finally, not only is this mocha hot cocoa recipe incredibly delicious and easy to make, but it’s also much cheaper than buying one from a coffee shop! Whip up a batch at home and save yourself some money while still getting that same indulgent experience.

So there you have it – all the reasons why you’ll absolutely love this hot cocoa mocha recipe. Don’t just take my word for it – try it out for yourself and see how amazing it is!

Ingredient List

 A cozy mug of heaven
A cozy mug of heaven

All You Need for A Delicious Hot Cocoa Mocha

Get ready to enjoy a warm and cozy delight in the comfort of your own home with this homemade Hot Cocoa Mocha recipe. Below are all the ingredients you need to make this easy mocha that crave with every sip!

Here are Your Recipe Ingredients:

  • 1 cup of hot cocoa mix
  • 1/4 cup of unsweetened cocoa powder
  • 1/4 cup of granulated sugar
  • 2 teaspoons of instant coffee granules
  • 4 cups of milk
  • 1/2 cup of chocolate chips or chopped chocolate
  • Whipped cream, for garnish
  • Chocolate shavings, melted chocolate or chocolate syrup, for garnish (optional)

Don’t Worry About Any Hard-to-Find Ingredients

Most ingredients in this recipe are pantry staples that you can easily find in your kitchen or local grocery store. You can even use pre-packaged hot chocolate mix or cocoa powder to make this recipe. The secret is the combination of cocoa, sugar, instant coffee and milk, which gives your hot cocoa mocha a delicious balance of flavors.

Ingredient Substitutions and Variations

This recipe is pretty straightforward, but there are several tweaks that you can make depending on your preference or dietary restrictions. For instance, you can use Swiss Miss hot chocolate mix instead of unsweetened cocoa powder and sugar. Also, feel free to substitute the milk with non-dairy alternatives, such as almond milk, soy milk or oat milk.

The Recipe How-To

 Chocolatey goodness in a cup
Chocolatey goodness in a cup

Now, it’s time to learn how to make my Hot Cocoa Mocha recipe! Grab your favorite mug and let’s get started.


  • 1 cup of milk
  • 1/4 cup of hot chocolate mix
  • 1/4 cup of hot cocoa mix
  • 2 tablespoons of unsweetened cocoa powder
  • 1 teaspoon of instant coffee granules
  • 1 teaspoon of granulated sugar
  • Whipped cream and chocolate shavings for garnish (optional)


  1. In a small saucepan, heat 1 cup of milk over medium heat until it starts to steam.
  2. Add 1/4 cup of hot chocolate mix, 1/4 cup of hot cocoa mix, 2 tablespoons of unsweetened cocoa powder, 1 teaspoon of instant coffee granules, and 1 teaspoon of granulated sugar to the saucepan.
  3. Whisk the ingredients together until they are combined and the powders are completely dissolved.
  4. Continue heating the mixture until it comes to a low boil.
  5. Remove the saucepan from the heat and pour the mocha into your favorite mug.
  6. If desired, top with whipped cream and chocolate shavings.

That’s it! This easy mocha recipe can be made in just a few minutes and is perfect for warming up on a chilly day.

Substitutions and Variations

 Warm your soul with this mocha
Warm your soul with this mocha

When it comes to mocha recipes, there are endless possibilities for substitutions and variations depending on your taste preferences. Here are some ideas to try out if you’re feeling experimental:

– For a healthier option, use almond milk or oat milk instead of regular milk. You can also substitute honey or maple syrup for sugar.

– Instead of hot cocoa mix, use a homemade mix of unsweetened cocoa powder and granulated sugar. Mix one cup of unsweetened cocoa powder with 1/2 cup of granulated sugar and store in a dry container.

– If you are a coffee lover, try using espresso powder instead of instant coffee granules for a stronger kick of caffeine.

– Add a pinch of cinnamon or nutmeg for a holiday twist on your mocha recipe.

– For those who like it extra rich and decadent, try adding melted chocolate or chocolate syrup to the recipe.

– If you prefer white chocolate over dark or milk chocolate, swap out the bittersweet chocolate for white chocolate chips.

– For an adult version, add a splash of liqueur such as Baileys or Kahlua.

Remember that you can always adjust the ingredient ratios to fit your individual tastes. Experiment with different combinations until you find the perfect mocha flavor profile to suit your preference.

Serving and Pairing

 A winter delight with a twist
A winter delight with a twist

When it comes to serving this delightful hot cocoa mocha recipe, there are many ways to make it look and taste even more tantalizing!

For a truly indulgent experience, top your hot cocoa mocha with whipped cream, chocolate shavings or curls, or even drizzle some melted chocolate or chocolate syrup on top. You can also add a sprinkle of cinnamon to achieve a cozy and comforting cinnamon mocha.

If you’re looking for pairings that make the perfect complementary match, try serving this delicious homemade mocha with a scoop of ice cream or enjoy alongside freshly baked cookies. Moreover, you can serve it next to other traditional coffeehouse items like croissants, muffins, or scones.

For non-alcoholic pairing options, keep an eye on the richness of the chocolate! A smooth and creamy swiss miss will be ideal if you want a milder taste. If you’re looking for something richer and darker, go for whole milk or bittersweet chocolate curls.

Lastly, if you’re feeling adventurous and yet sophisticated at the same time, I recommend trying this homemade mocha as an after-dinner coffee alongside a chocolate peppermint mocha for contrast between sweet and minty.

So go ahead and experiment with various toppings to create your own personalized café-style mocha hot cocoa!

Make-Ahead, Storing and Reheating

 A perfect pick-me-up for any time of day
A perfect pick-me-up for any time of day

One of the best things about this Hot Cocoa Mocha recipe is that you can make it ahead of time for a quick and easy drink during cold wintery days. When storing it, the Hot Cocoa Mocha can be kept in an airtight container in the refrigerator for up to five days.

To reheat, pour your desired amount into a small pot and heat it over medium heat until hot. To avoid scorching the bottom, stir frequently with a whisk or a spoon. For a speedier option, you could also reheat individual portions in the microwave at 30-second intervals, stirring between each one.

If you want to make the Hot Cocoa Mocha ahead of time but save time later by avoiding reheating, you can opt to freeze it instead. To do so, allow the drink to cool completely before transferring it into a freezer-safe container or freezer bag. Make sure to leave enough headspace because it will expand as it freezes.

When you’re ready to serve your frozen Hot Cocoa Mocha again, take it out of from the freezer and thaw it in the refrigerator overnight. Before serving, give it a good stir with your whisk or spoon until its texture becomes uniform again.

Keep in mind that some separation may occur when freezing and thawing – just give the mixture a good stir before serving again to redistribute any ingredients that may have separated out.

Now that you know how versatile this recipe is in terms of storage and reheating options, why not make a big batch ahead of time so you can enjoy your homemade Hot Cocoa Mocha anytime without having to go through all that prep work on a busy day?

Tips for Perfect Results

 Curl up and enjoy this mug of bliss
Curl up and enjoy this mug of bliss

Preparing a perfect mocha hot chocolate can be a bit tricky, as it involves combining the right amount of cocoa and coffee with milk and sweeteners. However, don’t worry, as I’ve got some tips for you to ensure that your homemade mocha hot chocolate turns out smooth, rich, and just perfect.

Firstly, it’s important to use high-quality ingredients for the recipe. Opt for unsweetened cocoa powder or a good-quality mocha hot chocolate mix, along with espresso powder or instant coffee granules. Make sure that the cocoa powder is not lumpy by sifting it through a fine-mesh strainer before adding it to the mixture.

Secondly, it’s essential to use hot water to mix the cocoa powder and coffee granules first to ensure they dissolve completely. This prevents any unpleasant gritty texture in your drink.

When adding milk to the mixture, use whole milk or half-and-half for a creamier texture. You can also incorporate whipped cream into your beverage for added richness and sweetness.

To add an extra layer of flavor and texture to your mocha hot chocolate, consider topping off your drink with chocolate shavings, melted chocolate, or chocolate syrup. You can also garnish your drink with cinnamon or flavored syrups to give it a festive touch.

Finally, remember that practice makes perfect when making mocha hot chocolate. Experiment with different ratios of cocoa powder, coffee granules/mixes, milk/half-and-half/whipped cream until you find the ideal balance of flavors and textures for you.

By following these tips, you’ll be able to create a delicious and indulgent Homemade Mocha Hot Chocolate that could possibly rival that of your favorite café.


As a barista, I have come across many questions and curiosities about coffee and chocolate drinks. In this FAQ section, I will answer some of the most commonly asked questions about this homemade hot cocoa mocha recipe. From substitutions to storage, brewing secrets to nutritional facts, I aim to provide helpful insights into your queries. So, read on for more information!

What is hot chocolate mocha?

When you crave a peaceful and relaxing moment to yourself, treat yourself to a rich and delicious hot beverage. Indulge in the velvety smoothness of Lindt EXCELLENCE 70% dark chocolate blended with a robust espresso shot. This luxurious drink is completed with a layer of frothy milk and chocolate curls, adding to its decadence.

What is hot chocolate and coffee mixed together called?

Mocha, in essence, is a delightful fusion of hot chocolate and cappuccino. The beverage holds true to cappuccino’s composition of espresso and warm milk, but with an indulgent addition of chocolate flavor, be it from chocolate powder, syrup or melted chocolate, that gives it a distinctively sweet and chocolatey kick.

What’s the difference between hot chocolate and hot mocha?

When it comes to warm and chocolaty drinks, there are a variety of ways to dress them up with toppings such as marshmallows, syrups, and chocolate shavings. At its core, however, hot chocolate is simply a warm drink made by combining milk with either melted or powdered chocolate. Meanwhile, mocha takes things a step further by adding coffee to the mix.

What is a hot mocha made of?

Let me tell you about a classic coffee from Starbucks that is sure to satisfy your sweet cravings. This delightful drink blends espresso with bittersweet mocha sauce and steamed milk for a delectably sweet coffee. Complete with a topping of whipped cream and chocolate shavings, you can enjoy this delicious coffee anytime from the comfort of your own home.

Bottom Line

In conclusion, the hot cocoa mocha recipe is the perfect beverage for any occasion. Whether it’s a cold winter day or a cozy night in with friends, this easy and delicious recipe is sure to impress. With its rich, creamy texture and luxurious flavor, it’s no wonder that it has become a favorite among coffee lovers everywhere.

By following my step-by-step instructions and tips, you can take your hot cocoa mocha game to the next level. Don’t forget to try out some of our suggested variations and serving suggestions to switch things up and truly make this recipe your own.

So what are you waiting for? Gather all of your ingredients and get ready to indulge in the ultimate hot cocoa mocha experience. Trust me, your taste buds will thank you for it.

Hot Cocoa Mocha

Hot Cocoa Mocha Recipe

Hot cocoa isn't just for kids!
No ratings yet
Prep Time 5 mins
Cook Time 0 mins
Course Beverage
Cuisine Global
Calories 347.4 kcal


  • 1/4 cup sugar
  • 2 tablespoons hershey's cocoa
  • 2 tablespoons water
  • 1 cup whipping cream
  • 1 1/4-2 cups hot coffee


  • Stir together sugar and cocoa in microwave-safe 2 cup measure. Add water; stir until well blended. Microwave at HIGH (100%) 30 to 45 seconds or until mixture boils.
  • Add whipping cream; stir until well blended. Microwave at HIGH 1 to 1-1/2 minutes or until hot. Combine cocoa mixture and coffee. Serve immediately.

Add Your Own Notes


Serving: 155gCalories: 347.4kcalCarbohydrates: 20.8gProtein: 2.5gFat: 29.9gSaturated Fat: 18.6gCholesterol: 108.7mgSodium: 33.1mgFiber: 1.2gSugar: 16.8g
Keyword < 15 Mins, Berries, Beverages, Easy, Fruit, Low Protein, Microwave, Strawberry
Tried this recipe?Let us know how it was!

Recommended Recipes Just For You