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

What makes hot chocolate taste better? ›

The 15 Best Things To Add To Hot Chocolate
  1. Add an extract. A quick and easy way to add flavor to your hot chocolate is by adding a splash of your favorite extract. ...
  2. Sprinkle in warm spices. ...
  3. Mix in Nutella. ...
  4. Swirl in caramel. ...
  5. Spike it. ...
  6. Infuse it with orange. ...
  7. Swap regular sugar for maple syrup. ...
  8. Add a shot (of coffee)
Dec 4, 2023

What is the difference between hot cocoa and hot chocolate? ›

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 long does homemade hot cocoa powder last? ›

Working in two (or more) batches, depending on the size of your food processor, pulse the ingredients in a food processor until the chocolate is finely ground. Store the dry mix in an airtight container for up to 3 months.

How to thicken homemade hot chocolate? ›

Cornflour/Cornstarch: Mix a small amount with cold milk or water to create a smooth paste. Whisk this into your hot chocolate towards the end of the cooking process until it thickens. Double Cream: Stirring in a splash of double cream can instantly enrich and thicken your drink, giving it a velvety texture.

Is hot chocolate best made 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 type of milk is best for hot chocolate? ›

Dairy Milk: Full cream dairy milk remains a classic choice for a rich, velvety hot chocolate. Plant-Based Milks: Soy, oat, almond, and coconut milks offer delightful plant-based alternatives, each adding a unique twist.

What is the best kind of hot chocolate? ›

We'd be remiss not to include Swiss Miss in our taste test because when it comes to hot chocolate mix, it's by far the most well-loved. Swiss Miss makes a variety of flavors of powdered hot chocolate mix from seasonal favorites like pumpkin spice to mix made with unicorn-shaped marshmallows.

Is it good to drink hot cocoa before bed? ›

Drinking hot chocolate milk at night can potentially help improve sleep quality, thanks to the soothing psychological effects of consuming a warm drink and the tryptophan content in cocoa. Plus, milk contains calcium and vitamin D, nutrients important for overall health, including the regulation of sleep.

Is hot cocoa better for you than coffee? ›

Mood-boosting effects: Drinking hot chocolate has been shown to increase levels of serotonin and endorphins in the brain, which can improve mood and reduce stress. A healthier option: Compared to coffee, hot chocolate contains less fat and calories and is a good source of antioxidants.

How unhealthy is hot chocolate? ›

Hot chocolate

If it's made with full-fat milk and topped with whipped cream, this will add more calories, and it will be high in saturated fat, which could affect your cholesterol levels. For a heart-healthy version, mix unsweetened cocoa powder with hot low-fat milk and low-calorie sweetener, if needed.

Can I use 2 year expired cocoa powder? ›

Cocoa powder is very unlikely to ever give you food poisoning. However, it might give you an upset stomach if it's gone rancid. To check, just give it a good sniff. If it doesn't smell unpleasant, feel damp or have signs of mould, it's usually fine to eat, even years after the expiry date.

How to make instant hot chocolate better? ›

Other Ways to Upgrade Your Hot Chocolate:
  1. caramel.
  2. a scoop of ice cream.
  3. cinnamon, nutmeg or vanilla extract.
  4. orange zest.
  5. a tablespoon of fresh-brewed espresso or coffee.
  6. peppermint stick.
  7. dark, milk, or white chocolate shavings.
  8. coconut or almond milk (use in place of regular milk)
Dec 1, 2015

Why put cornstarch in hot cocoa? ›

The cornstarch version thickened quickly, making the hot chocolate very thick and creamy, and in the end we decided on a combination of cornstarch and confectioner's sugar, for the ideal texture and sweetness.

What is a substitute for cornstarch in hot chocolate? ›

Substitute cornstarch with plain flour.

It has the same effect, you just need to make sure you cook it for extra couple of minutes, to make sure the flour is cooked (yes, flour can be cooked). I recommend adding the flour while cooking the hot chocolate, so you have a little more control of the thickness.

How do you make hot chocolate even better? ›

  1. Marshmallows and whipped cream are classic hot chocolate add-ins for a reason. ...
  2. Alcohol of all kinds can be added to hot cocoa to create a festive co*cktail. ...
  3. For hot chocolate that will offer an energy boost, add in some coffee or espresso. ...
  4. Nothing is more seasonal than some refreshing peppermint.
Dec 24, 2018

Why does Mexican hot chocolate taste better? ›

The most significant difference is in the ingredients. Mexican hot chocolate uses various spices, including cinnamon, cloves, and ancho chili pepper.

How do you reduce the bitterness in hot chocolate? ›

Use Milk or Cream

Adding milk or cream to dark chocolate can significantly reduce its bitterness. The fats in milk or cream soften the intense flavours of the cocoa, creating a smoother and less bitter taste. This method is especially effective when making hot chocolate or chocolate sauces.

What makes chocolate taste better? ›

Cocoa Bean Quality: The quality of the cocoa beans used is paramount. Fine-flavored cocoa beans, such as Criollo and Trinitario varieties, are often considered superior due to their complex and nuanced flavors.

References

Top Articles
Latest Posts
Article information

Author: Wyatt Volkman LLD

Last Updated:

Views: 6487

Rating: 4.6 / 5 (46 voted)

Reviews: 85% of readers found this page helpful

Author information

Name: Wyatt Volkman LLD

Birthday: 1992-02-16

Address: Suite 851 78549 Lubowitz Well, Wardside, TX 98080-8615

Phone: +67618977178100

Job: Manufacturing Director

Hobby: Running, Mountaineering, Inline skating, Writing, Baton twirling, Computer programming, Stone skipping

Introduction: My name is Wyatt Volkman LLD, I am a handsome, rich, comfortable, lively, zealous, graceful, gifted person who loves writing and wants to share my knowledge and understanding with you.