Homemade Hot Chocolate Recipe (Hot Cocoa) (2024)

By Laura

Posted Nov 01, 2020, Updated Nov 29, 2023

5 from 48 votes

22 Comments

Jump to Recipe

This post may contain affiliate links. Please read our disclosure policy.

The best homemade hot chocolate recipe. This hot cocoa is smooth, creamy and made with two forms of chocolate for a rich, deep chocolate flavor. It’s easy to make in 5 minutes with 5 ingredients.

Homemade Hot Chocolate Recipe (Hot Cocoa) (2)

Say hello to the most delicious hot chocolate recipe – seriously it’s the absolute best. This hot cocoa is rich, creamy and so intensely chocolatey it will make you say, “goodbye” to powdered mixes once and for all.

This recipe is easy to make in 5 minutes with only 5 ingredients (including two forms of chocolate) on the stovetop, so you can quickly whip up a batch to warm up after a day outside skiing or sledding, to enjoy with a side of cookies of course!

Homemade Hot Chocolate Recipe (Hot Cocoa) (3)

Homemade Hot Chocolate Recipe: Ingredients & Substitutions

This hot cocoa recipe is best when made as written. If you’re looking for an allergy-friendly hot chocolate recipe, try this Dairy-Free Hot Chocolate – which can be Paleo and vegan!

Homemade Hot Chocolate Recipe (Hot Cocoa) (4)
  • Whole milk.Any milk, dairy or non-dairy, should work very well in this recipe. Just remember, the higher the percentage of fat in your milk, the creamier the final product will be. Use whole or 2% milk for the best results. Or you can make it with half whole milk and half heavy cream or half and half. For a dairy-free version I recommend full-fat coconut milk.
  • Cocoa Powder.Use pure, unsweetened cocoa powder. For a dark chocolate cocoa, use dark cocoa powder.
  • Granulated sugar.white sugar, organic cane sugar and coconut sugar are all good choices.
  • Chocolate.I recommend using semi-sweet or bittersweet chocolate. You can use milk chocolate or white chocolate, just be aware that the end result will be sweeter. For a dairy-free/vegan version, use dairy-free chocolate! You can also use bakers chocolate (100% cocoa) and just increase the amount of sugar to suit your tastes.
  • Vanilla Extract. Use pure vanilla extract for the best flavor.
Homemade Hot Chocolate Recipe (Hot Cocoa) (5)

How to Make Hot Chocolate

So many people wonder, “How do you make hot chocolate from scratch?” Well, this hot cocoa recipe is so easy you’ll forget about store-bought mixes once and for all.

It only takes 5 minutes to make, but as always we’ll walk through the process together, and don’t forget to watch the video.

Begin by measuring the milk, sugar and cocoa powder into a medium saucepan.

Homemade Hot Chocolate Recipe (Hot Cocoa) (6)

Heat over medium heat, whisking occasionally, until the mixture just begins to bubble but does not boil.

Homemade Hot Chocolate Recipe (Hot Cocoa) (7)

When the mixture just begins to bubble, turn off the heat and add the chocolate and vanilla and whisk until the chocolate is melted and the mixture is smooth.

Homemade Hot Chocolate Recipe (Hot Cocoa) (8)

Serve

This homemade hot cocoa recipe makes either 2-4 servings depending on the size of servings you’d prefer. Since this hot chocolate recipe is so rich, I usually pour it into 4 mugs and it’s plenty for us.

Add Toppings

This homemade hot cocoa recipe is perfect on its own. But if you’re looking to jazz it up with some fun toppings, here are some suggestions:

  • Homemade Whipped Cream (obviously)
  • Marshmallows (any variety, homemade marshmallows are delicious).
  • Shaved chocolate
  • Dusting of cocoa powder
  • Holiday sprinkles
  • Crushed candy canes
  • Chopped peppermint bark
Homemade Hot Chocolate Recipe (Hot Cocoa) (9)

Store

If you have leftovers, store in an airtight container (glass jar) for up to 5 days in the refrigerator.

Homemade Hot Chocolate Recipe (Hot Cocoa) (10)

Homemade Hot Chocolate Recipe FAQs

What are good toppings for hot chocolate?

Homemade Whipped Cream (obviously)
Marshmallows (any variety, homemade marshmallows are delicious).
Shaved chocolate
Dusting of cocoa powder
Holiday sprinkles
Crushed candy canes
Chopped peppermint bark

Can I make this dairy free?

Yes, use dairy-free chocolate and coconut milk. Try this dairy-free hot chocolate recipe.

Is hot chocolate better with milk or water?

Milk! I always make hot chocolate with milk.

What other hot chocolate recipes can I make?

I have so many hot cocoa recipes on my site! Try these:
Making hot chocolate for a crowd? Try this crockpot hot chocolate!
This peanut butter hot chocolate recipe is like drinking a warm peanut butter cup – YUM!
As I mentioned before, this dairy-free hot cocoa is paleo and vegan! I also have a recipe for Dairy-Free Hot Cocoa Mix, which you can keep on hand in the pantry and just add water to serve.
For a fun twist, make this Peppermint Hot Chocolate in your blender!
This mocha latte is another fun, warm drink that’s healthy but sweet.

Homemade Hot Chocolate Recipe (Hot Cocoa) (11)

If you make and love our recipes, it would mean so much to me if you would leave a comment and rating! And don’t forget to follow along with us on Instagram, Pinterest, Facebook, and Youtube – be sure to tag @joyfoodsunshine and use the hashtag #joyfoodsunshine so we can your creations!

Homemade Hot Chocolate Recipe (Hot Cocoa) (12)

Homemade Hot Chocolate Recipe (Hot Cocoa) (13)

SavePinPrint

Homemade Hot Chocolate Recipe (Hot Cocoa)

Laura

The best homemade hot chocolate recipe. This hot cocoa is smooth, creamy and made with two forms of chocolate for a rich, deep chocolate flavor. It’s easy to make in 5 minutes with 5 ingredients.

Course beverage, Dessert, Drinks

Cuisine American

Servings 4 Servings

Calories 397

Prep Time2 minutes minutes

Cook Time5 minutes minutes

Total Time7 minutes minutes

Ingredients

Instructions

  • Add milk, sugar and cocoa powder to a medium saucepan.

  • Heat over medium heat, whisking occasionally, until the mixture just begins to bubble but does not boil.

  • Add chocolate and vanilla and whisk until the chocolate is melted and the mixture is smooth.

  • Pour into 4 small mugs and serve with homemade whipped cream.

Video

Notes

*6 oz chocolate is 1 cup.

Ingredient Substitutions

  • Whole milk.Any milk, dairy or non-dairy, should work very well in this recipe. Just remember, the higher the percentage of fat in your milk, the creamier the final product will be. Use whole or 2% milk for the best results. Or you can make it with half whole milk and half heavy cream or half and half. For a dairy-free version I recommend full-fat coconut milk.
  • Cocoa Powder.Use pure, unsweetened cocoa powder. For a dark hot chocolate use dark cocoa powder.
  • Granulated sugar.white sugar, organic cane sugar and coconut sugar are all good choices.
  • Chocolate.I recommend using semi-sweet or bittersweet chocolate. You can use milk chocolate or white chocolate, just be aware that the end result will be sweeter. For a dairy-free/vegan version, use dairy-free chocolate! You can also use bakers chocolate (100% cocoa) and just increase the amount of sugar to suit your tastes.
  • Vanilla Extract. Use pure vanilla extract for the best flavor. You can also add other extracts like peppermint, etc.

Store

If you have leftovers, store in an airtight container (glass jar) for up to 5 days in the refrigerator.

Nutrition

Serving: 0.5cup | Calories: 397kcal | Carbohydrates: 44g | Protein: 8g | Fat: 22g | Saturated Fat: 12g | Cholesterol: 18mg | Sodium: 71mg | Potassium: 484mg | Fiber: 4g | Sugar: 36g | Vitamin A: 268IU | Calcium: 202mg | Iron: 3mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Did you enjoy this recipe? Have a question? Leave a comment below!

Try these recipes

Peppermint Hot Chocolate

Crock Pot Hot Chocolate

Peanut Butter Hot Chocolate

Dairy Free Hot Chocolate

Best Christmas Cookie Recipes

Homemade Eggnog Recipe

Homemade Hot Chocolate Recipe (Hot Cocoa) (2024)

FAQs

Is hot chocolate and hot cocoa the same thing? ›

Hot Chocolate is made using solid chocolate melted in warm milk or cream. Hot Cocoa, however, is made from a powdered base of cocoa with added sugar and dissolved in hot water or hot milk.

How do I make a hot cup of cocoa? ›

Cocoa powder on a spoon

Add 2 tablespoons hot water and combine until it forms a paste. Add the milk, leaving an inch from the rim. Microwave on high for 1 minute, being careful the milk does not boil over. Stir in sweetener and serve.

Can you use hot chocolate mix as cocoa? ›

In short, you can use hot chocolate powder as a cocoa powder substitute in a pinch, but you may not experience the depth of flavour you want. Because most brands of hot chocolate powder include sugar or sweetener, you may wish to reduce the amount of sugar you add to your baking recipe.

What is better, hot chocolate or hot cocoa? ›

If you're looking for something thick, rich and packed with chocolatey flavor, hot chocolate is the way to go. For convenience and nostalgia, it doesn't get much better than a cup of hot cocoa with some marshmallows on top.

Which is healthier cocoa or hot chocolate? ›

Warming chocolate drinks are undoubtedly one of winter's greatest pleasures, but if you're drinking a highly processed hot chocolate, you simply aren't reaping the same health benefits as you could be with cacao. Not only is cacao more satisfying and fulfilling, it's also far better for you and the planet!

Is hot chocolate made better with milk or water? ›

Although hot chocolate doesn't necessarily need an even more creamy, decadent taste, using milk certainly enriches the experience. We suspect that milk adds a creamier taste than water alone, and when combined with the notes of chocolate, the smooth undertones of the milk simply add a delicious backdrop.

What makes hot chocolate better? ›

The 15 Best Things To Add To Hot Chocolate
  1. Sprinkle in warm spices. Take inspiration from the flavors of Mexican hot chocolate, and add warm spices like cinnamon, cayenne, and chile powder to your hot chocolate for a delightfully spicy drink. ...
  2. Mix in Nutella. ...
  3. Spike it. ...
  4. Swap regular sugar for maple syrup. ...
  5. Add a rim.
Dec 4, 2023

What is real hot chocolate made of? ›

Hot chocolate starts in powder form (usually a blend of cocoa powder, sugar, and often includes dairy powder and flavorings or spices) and is typically made with water. Drinking chocolate, or sipping chocolate, is exactly what it sounds like – luxurious, melted chocolate you can drink!

Do I need milk for hot cocoa? ›

Milk is an essential ingredient to easy hot chocolate. I do not recommend using water for making hot chocolate as the cocoa will be thin and lacking in body and creaminess.

How do you make instant hot cocoa better? ›

An easy way to add extra flavor to any cup of cocoa—be it out of the box or homemade—is to add a touch of your favorite spices. A sprinkle of cinnamon, cardamom, ginger, nutmeg or even cayenne can all be welcome warming additions.

What gives hot cocoa its flavor? ›

Milk, cream, sugar, and a combination of chocolate chips—dark or semisweet—and cocoa powder give this hot chocolate its rich, chocolatey flavor. If you're planning a party, it's easy to scale the recipe up for a larger crowd using a 6-quart or larger crockpot, and many foods go with hot chocolate.

How to make chocolate from scratch? ›

Instructions
  1. Roast cocoa beans to 130c for about 25-35 minutes.
  2. Cool your beans for 6 hours.
  3. Crack and winnow.
  4. Place 700 grams of cocoa nibs in grinder and grind 24 hours. ( pre heat grinder or add some hot air)
  5. Add 300 grams of sugar after 24 hours.
  6. Grind for another 24 hours.
  7. Remove from machine, through a sieve.
Sep 1, 2020

What can I use if I dont have cocoa powder? ›

10 Substitutes for Cocoa Powder
  • Chocolate Chips. Chocolate chips are the perfect cocoa powder substitute for cookies and muffins, giving a little chocolate hit with every bite. ...
  • Cacao Nibs. ...
  • Dark Chocolate. ...
  • Couverture. ...
  • Drinking Chocolate. ...
  • Carob Powder. ...
  • Chocolate Spread. ...
  • Chocolate Protein Powder.
Feb 22, 2024

Can you replace hot chocolate with cocoa powder? ›

Can you make hot chocolate with cocoa powder? Of course! You'll need to use warm milk or a milk substitute rather than water though. Cocoa powder has a much more intense flavour than hot chocolate and Food Thoughts Organic Cocoa Powder is sugar-free, so you may want to add sugar if you prefer a sweeter drink.

Why do people call hot chocolate hot cocoa? ›

Terminology. A distinction is sometimes made between "hot cocoa", made from cocoa powder (ground cacao beans from which much of the cocoa butter has been removed), and "hot chocolate", made directly from bar chocolate, which already contains cocoa, sugar, and cocoa butter.

Is chocolate and cocoa the same thing? ›

Cocoa and chocolate are both made from the beans of the cocoa pod. They are difference in the step of extracting, and the components inside are not the same. Chocolate is the fermentation of cocoa beans to produce microorganisms and accelerate many nutrients in cocoa beans for maximum efficiency.

Is hot cocoa just hot chocolate milk? ›

Essentially, yes. Hot chocolate can be a mix of cane sugar, cocoa powder, and/or melted chocolate. Chocolate milk can also be made up of the same ingredients. Chocolate milk is known to be a little sweeter and hot chocolate is known to be a little richer.

What's the difference between drinking chocolate and cocoa? ›

The two products have a basic ingredient in common — cacao — but are processed and blended differently. Hot cocoa is often flat and sweet, while drinking chocolate is rich and complex in flavor, and can be sweetened or unsweetened.

Top Articles
Latest Posts
Article information

Author: Lidia Grady

Last Updated:

Views: 5969

Rating: 4.4 / 5 (45 voted)

Reviews: 84% of readers found this page helpful

Author information

Name: Lidia Grady

Birthday: 1992-01-22

Address: Suite 493 356 Dale Fall, New Wanda, RI 52485

Phone: +29914464387516

Job: Customer Engineer

Hobby: Cryptography, Writing, Dowsing, Stand-up comedy, Calligraphy, Web surfing, Ghost hunting

Introduction: My name is Lidia Grady, I am a thankful, fine, glamorous, lucky, lively, pleasant, shiny person who loves writing and wants to share my knowledge and understanding with you.