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

How do I make a hot cup of cocoa? ›

Mix sugar, cocoa and salt in large mug. Heat milk in microwave at high (100%) 1-1/2 minutes or until hot. Gradually add hot milk to cocoa mixture in mug, stirring until well blended.

What makes a cup of hot chocolate a solution? ›

(A solute is anything the solvent dissolves.) In hot chocolate, the hot water or milk acts as the solvent to dissolve the cocoa powder, the solute.

Is hot chocolate a hom*ogeneous or heterogeneous mixture? ›

Cocoa and hot milk make a hom*ogeneous mixture (hot chocolate) but if you add marshmallows you will have a heterogeneous mixture. A hom*ogeneous mixture has particles mixed together evenly like sugar and lemon juice to make lemonade.

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 is the best cocoa powder for hot chocolate? ›

Unsweetened cocoa powder: a high-quality cocoa powder or cacao powder is essential. I highly recommend using Ghirardelli's 100% cocoa. I think it has the best flavor for hot chocolate (and trust me, I've tried quite a few!)

What can I add to hot cocoa to make it 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

Is hot chocolate made with milk or water? ›

Hot chocolate can be made with dark, semisweet, or bittersweet chocolate grated or chopped into small pieces and stirred into milk with the addition of sugar. Cocoa usually refers to a drink made with cocoa powder, hot milk or water, and sweetened to taste with sugar (or not sweetened at all).

How to get cocoa powder to mix with milk? ›

Pour 12 ounces milk (any kind) into a glass and slowly add 1 tablespoon unsweetened cocoa powder while blending with an immersion blender, spoon, or a small whisk. An immersion blender or a small whisk works best because they reduce the clumping of the cocoa powder.

How to make cocoa powder? ›

All you need is organic cocoa nibs, a food press and a blender or food processor. Pour organic cocoa nibs into the press to separate the wet (oil) from the dry (powder). The separated oil will be processed into cocoa butter. The dry pressed nibs are poured into a blender to make a fine coco powder.

Is chocolate drink a true solution? ›

Well-stirred hor chocolate is a suspension as it is prepared by mixing chocolate with hot water and milk. A suspension is a heterogeneous mixture that is distributed throughout in another phase. After stirring the hot chocolate well, the chocolate settles down at bottom of a cup, and therefore, it is a suspension.

Is black coffee a compound? ›

Answer and Explanation:

Given chemical compound is black coffee. Coffee is a chemical mixture of sugar, water, milk, and coffee powder. Here, coffee is a heterogeneous mixture.

Is chocolate drink colloid? ›

Chocolate Milk would be classified as a colloid. A colloid is an intermediate step between hom*ogeneous and heterogeneous. The mixture will look flush and hom*ogeneous but if you let the chocolate milk sit then the chocolate will fall to the bottom and the mixture will now look heterogeneous.

What are the 7 steps of making chocolate? ›

The Chocolate Making Process
  1. Step 1: Cleaning. ...
  2. Step 2: Roasting. ...
  3. Step 3: Shell Removal. ...
  4. Step 4: Nibs are ground. ...
  5. Step 5: Cocoa is separated from Cocoa Butter. ...
  6. Step 6: Other ingredients are added to the Chocolate Liquor. ...
  7. Step 7: Conching machines knead the Chocolate Paste.

How do you dissolve cocoa powder in hot water? ›

Pro-Tip: Try adding a small amount of water to the hot chocolate powder to make a paste, mixing it well until all the lumps are dissolved before filling the cup up the rest of the way with hot water. As well, the product will mix more thoroughly if the cocoa mix is put in cup first before the water.

Is there a difference between cocoa powder and hot cocoa mix? ›

Cocoa Powder: Hot chocolate starts with cocoa powder, which provides a chocolatey flavour. However, hot chocolate mix is distinct from plain cocoa powder, as it often contains added sugar, powdered milk, and sometimes additional flavourings like vanilla or spices.

Can you microwave milk for hot cocoa? ›

Time It Right: Start with 1 minute for a standard mug of milk. After this time, stir the milk quickly and check the temperature by dipping a finger in (be cautious). If it needs more warmth, microwave in further 20-second intervals, stirring and checking after each.

References

Top Articles
Latest Posts
Article information

Author: Melvina Ondricka

Last Updated:

Views: 6251

Rating: 4.8 / 5 (48 voted)

Reviews: 95% of readers found this page helpful

Author information

Name: Melvina Ondricka

Birthday: 2000-12-23

Address: Suite 382 139 Shaniqua Locks, Paulaborough, UT 90498

Phone: +636383657021

Job: Dynamic Government Specialist

Hobby: Kite flying, Watching movies, Knitting, Model building, Reading, Wood carving, Paintball

Introduction: My name is Melvina Ondricka, I am a helpful, fancy, friendly, innocent, outstanding, courageous, thoughtful person who loves writing and wants to share my knowledge and understanding with you.