Hot Chocolate Recipe (5 Minutes)
Updated Aug 15, 2026
This post may contain affiliate links. Please read our disclosure policy.
The best homemade hot chocolate recipe! It’s rich, creamy and irresistibly chocolatey because it’s made with both cocoa powder and melted chocolate. Plus, this hot cocoa recipe is easy to make in 5 minutes with 5 ingredients on the stovetop.
This homemade hot chocolate recipe is the very best way to warm up on a cold winter day.
And once you learn how to make hot chocolate from scratch, you’ll say, “goodbye” to powdered mixes forever! The ingredient lineup is amazing – whole milk makes this homemade hot cocoa irresistibly creamy, while cocoa powder and semisweet chocolate give it a rich chocolate flavor. Top it with homemade whipped cream or marshmallows for the perfect cup of hot chocolate!
This recipe is easy to make in 5 minutes with only 5 ingredients on the stovetop (or try my crock pot hot chocolate recipe), 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!
Why You’ll Love This Hot Chocolate Recipe
- Ready in 5 minutes. It’s just as easy as powdered mixes but more delicious.
- Made with 5 ingredients. All you need is milk, sugar, cocoa powder, chocolate and vanilla.
- Two kinds of chocolate. Cocoa powder and melted chocolate make it irresistibly chocolatey.
- Easy to customize. Adjust the sweetness, use your favorite chocolate or add extracts to create different flavors.
Plus, it gets rave reviews every time, see what Francine Says:
I love this recipe! It is very rich and delicious. Made it on a cold rainy day and everyone adored it. Thanks for sharing!
– Francine
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!
- 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 unsweetened cocoa powder, not hot cocoa mix. Or use dark cocoa powder for an extra-rich chocolate flavor.
- Granulated sugar. white sugar, organic cane sugar and coconut sugar are all good choices.
- Chocolate. Semisweet or bittersweet (60-70%) chocolate produces the best flavor because it makes the hot chocolate rich without being overly sweet. Use a high-quality chocolate bar, baking chocolate or chocolate chips. Milk chocolate and white chocolate also work great, but it will yield a sweeter hot cocoa – unless you decrease the sugar a bit.
- Vanilla Extract. Use pure vanilla extract for the best flavor.
- Flavor variations. Try my pumpkin spice hot chocolate, peanut butter hot chocolate or peppermint hot chocolate for fun flavors!
Hot Chocolate vs. Hot Cocoa
The terms “hot chocolate” and “hot cocoa’ are often thought of as synonyms, but traditionally hot cocoa is made with cocoa powder, while hot chocolate contains melted chocolate.
This recipe is a delicious hybrid of both! It’s made with unsweetened cocoa powder and real melted chocolate, which gives it a richer, creamier texture and deeper chocolate flavor than hot cocoa made with cocoa powder alone.
How to Make Hot Chocolate
Making hot chocolate from scratch is super easy and only takes 5 minutes. Start by heating the milk, cocoa powder and sugar, then whisk in real chocolate and vanilla until the mixture is smooth and creamy. Here we’ll walk through how to make homemade hot chocolate step-by-step, and don’t forget to watch the video.
Begin by measuring the milk, sugar and cocoa powder into a medium saucepan.
Heat over medium heat, whisking occasionally, until the mixture just begins to bubble but does not boil.
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.
Tips for the Best Homemade Hot Chocolate
- Don’t boil the milk. Heat it until it just begins to bubble. Boiling changes the texture and sometimes makes a skin form on top.
- Finely chop the chocolate. Smaller pieces melt more evenly .
- Use high-quality chocolate. This really matters for the best flavor.
- Adjust the sweetness. If you’re using milk chocolate, you may want to slightly reduce the sugar. Dark or bittersweet chocolate may need more depending on your preferences.
- Serve immediately. Hot chocolate is thickest, smoothest and creamiest when served right away. Or, you can make my crock pot hot chocolate if you want a recipe that can be kept warm longer.
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 (just like my homemade eggnog recipe, which you also need to make), I usually pour it into 4 mugs and it’s plenty for us.
Hot Chocolate 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
How to Store Hot Chocolate
Store leftover homemade hot chocolate in an airtight container (glass jar) for up to 5 days in the refrigerator. I actually love using a splash of leftover hot chocolate in my coffee in the mornings!
Reheat
Reheat hot chocolate gently in a saucepan over low heat, whisking until it’s warm. Or reheat int he microwave. Just be careful not to let it boil as you reheat.
Hot Chocolate Variations
You really can add almost any flavor you like to this hot chocolate recipe. Add a pump or two of your favorite flavored syrup, a dash of cinnamon, etc. Or, try these delicious hot chocolate recipes:
- Peppermint hot chocolate is perfect for Christmas.
- This peanut butter hot chocolate tastes like a liquid peanut butter cup.
- Pumpkin spice hot chocolate is perfect for fall.
- Make this dairy-free hot chocolate for your non-dairy drinkers.
- Crock pot hot chocolate is perfect for a crowd.
Homemade Hot Chocolate Recipe FAQs
I always use milk because it makes the hot chocolate richer and creamier than water. I recommend whole milk for the best flavor and texture, although 2% milk or your favorite non-dairy milk also works.
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
Yes, use dairy-free chocolate and coconut milk. Try this dairy-free hot chocolate recipe.
Use unsweetened cocoa powder. Natural cocoa powder creates a classic chocolate flavor, while Dutch-process cocoa powder produces a darker, smoother flavor. Dark cocoa powder also works if you prefer dark chocolate.
I suggest semisweet or bittersweet, high-quality chocolate for the best results. If you use milk or white chocolate, you may want to decrease the sugar so it’s not overly sweet.
Yes, chocolate chips work great!
Yes. Make the hot chocolate, let it cool and store it in an airtight container in the refrigerator for up to 5 days. Reheat it on the stovetop or in the microwave.
Yes. You can easily double or triple the recipe in a larger saucepan. For a large group, I recommend making Crock Pot Hot Chocolate because it’s easier to keep warm for serving.
If you make and love my recipes, it would mean so much to me if you would leave a comment and rating! And don’t forget to follow along on Instagram, Pinterest, Facebook, TikTok and Youtube – be sure to tag @joyfoodsunshine and use the hashtag #joyfoodsunshine so I can see your creations!
Homemade Hot Chocolate Recipe (Hot Cocoa)
Video
Ingredients
- 2 ½ cups whole milk
- ¼ cup granulated sugar
- 2 Tablespoons unsweetened cocoa powder
- 6 ounces semisweet chocolate
- 1 teaspoon pure vanilla extract
- Homemade Whipped Cream (for serving)
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.
Notes
- 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.
Nutrition
Nutrition information is automatically calculated, so should only be used as an approximation.
I just made this for my kids because I ran out of the store bought one, it’s a hit! And I love it myself too. I didnt know it was so simple and now, im gonna add my own touch to it (I love cinnamon in my hot chocolate).
I’m so glad you love it! YES adding cinnamon is so good!
Delicious!! For an added touch I added a few drops of peppermint extract. If I would’ve had Andes mints, I would’ve added a couple of those instead of the chocolate that would’ve been good.
Love the addition of peppermint!