Homemade Hot Chocolate Recipe

5 from 59 votes

Make hot chocolate from scratch using real cocoa, milk, and sugar. Simple ingredients, fast method, and better than boxed mixes!

Jump to Recipe ▼Pin
Prep Time 5 minutes
Servings 2 drinks
Comments
20

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

How to Make Hot Chocolate.
Save this recipe!
Type your email & I’ll send it to you!

Homemade hot chocolate is so good!

I didn’t grow up making hot chocolate from scratch, but once I tried it, I never went back. It’s richer, smoother, and tastes way better than anything powdered. I originally switched because the boxed mixes were either too sweet or full of things I didn’t really want, and this version uses simple pantry ingredients instead. Now I just keep everything on hand so I can whisk up a mug whenever someone needs warming up, and it’s great for a hot chocolate bar setup when people come over.

Happy Cooking!
– Yumna

Homemade Hot Chocolate Ingredients

Ingredients to make the recipe
  • Milk: Cow or plant-based. It is your choice, oat milk, soy, coconut milk will all work.
  • Sugar: I like cane sugar for this hot chocolate recipe, but you can use granulated sugar instead.
  • Unsweetened cocoa powder: Just look for an unsweetened cocoa powder. Dutch-processed or natural will work just the same.
  • Vanilla extract: Swap for almond extract or peppermint extract for a festive twist. If you use peppermint, you need just a few drops, it’s strong!
  • Semi-Sweet Chocolate Chips: This is where you can go wild. Sub in dark chocolate chips or white chocolate. Chop up a similar amount of your favorite chocolate bar instead of using chips.
  • Mini Marshmallows: Optional, for topping. Any variety of marshmallow works, even a tiny spoonful of Marshmallow Fluff is fun.
  • Chocolate shavings: shave a chocolate bar with a vegetable peeler, use chopped up chocolate chips, M&Ms or another favorite candy, or buy chocolate sprinkles.

How to Make Homemade Hot Chocolate

Small saucepan with water, cocoa powder and sugar.
Step 1: Pour the water into a small saucepan and bring to a boil. Whisk in the cocoa powder and sugar.
Whisking in the milk.
Step 2: Turn the heat down and whisk in the milk. Cook until the milk is heated but not boiling.
Whisking in the chocolate chips, as they begin to melt, some chips still showing.
Step 3: Mix in the chocolate chips and continue to whisk until the chocolate chips melt and the mixture smooths out.
Whisking final product in the saucepan.
Step 4: Take off the burner and stir in vanilla extract.
How to Make Hot Chocolate.

Homemade Hot Chocolate Recipe

Author: Yumna Jawad
5 from 59 votes
Learn how to make hot chocolate from scratch at home on the stovetop with simple pantry ingredients and a high-quality chocolate bar.
Prep Time5 minutes
Cook Time5 minutes
Total Time10 minutes
Servings2 drinks

Video

Email This Recipe
Enter your email and I’ll send this directly to you. Plus you’ll get new recipes from me every week!

Ingredients
 
 

Instructions

  • Fill a small pot with the water and bring to a boil. Whisk in the cocoa powder and sugar.
  • Reduce heat to medium and whisk in the milk. Cook over medium heat until the milk is heated but not boiling, about 3 minutes
  • Add chocolate chips and continue to whisk until the chocolate chips melt and the mixture becomes smooth, about 2 more minutes.
  • Remove from the heat; stir in vanilla extract.
  • Serve with mini marshmallows, if desired.

Notes

  • My Top Tip: Watch the pot! Truly! This is a super fast recipe but burning does spoil it. Cocoa really tastes best if the milk is not scorched or boiled.
  • Storage: Leftovers can be cooled and kept covered in the fridge for 2 to 3 days. Reheat it on the stovetop to warm through to serve.
  • Freezing: This is best freshly made, but if you have lots of excess, pour leftover, cooled, hot chocolate into ice cube trays. Use the frozen cubes as an addition to your hot or cold coffee. Alternatively, use them to make a frozen hot chocolate drink.
 

Nutrition

Calories: 539kcal, Carbohydrates: 62g, Protein: 18g, Fat: 27g, Saturated Fat: 16g, Polyunsaturated Fat: 1g, Monounsaturated Fat: 8g, Trans Fat: 1g, Cholesterol: 36mg, Sodium: 204mg, Potassium: 998mg, Fiber: 7g, Sugar: 50g, Vitamin A: 444IU, Vitamin C: 1mg, Calcium: 539mg, Iron: 4mg

Nutrition information provided is an estimate. It will vary based on cooking method and specific ingredients used.

Did You Make This Recipe?

I used regular milk, and it tastes delicious. Thank you for sharing great recipes!
Nita

Video Tutorial

Recipe Variations

  • Add some coffee flavor. Add 1 teaspoon of instant espresso powder in with the cocoa powder. The coffee will amplify the chocolate flavor.
  • Spice It Up: Add a pinch of cinnamon, nutmeg, or a dash of cayenne pepper for a spicy twist on classic hot chocolate.
  • Sprinkles: Add a colorful array of holiday or themed sprinkles to your toppings. Kids will especially enjoy this festive touch.

Recipe Tips

  1. Stir vigorously in the beginning to dissolve the sugar. This allows the cocoa powder to get incorporated well before adding in the milk. Work until there is a smooth, even paste. It is hard to get the lumps out once milk is added.
  2. Watch the pot! Truly! This is a super fast recipe but burning does spoil it. Cocoa really tastes best if the milk is not scorched or boiled. Also, if it does boil, it can boil over the pot and make a big mess.
  3. Use chocolate chips or a chocolate bar cut into small chunks. This helps to speed up the process, so the chocolate dissolves faster.
  4. Use full-fat milk for best flavor. Any milk will work, but the fuller fat versions make the most luscious, dessert-quality cocoas.

Recipes to pair with Homemade Hot Chocolate

FAQs

What type of cocoa powder should I use? Is there a difference between Dutch-process cocoa powder and regular?

Dutch-process cocoa powder, as opposed to “natural” cocoa powder, is processed to lessen chocolate’s acidity. This matters in recipes using baking soda, but will not affect hot cocoa, except for the fact that the Dutch-processed type is usually richer and darker.

Why does my homemade cocoa come out gritty?

Gritty hot chocolate is the result of not fully dissolving the cocoa-sugar mix. Whisk, whisk, whisk in the beginning to make sure the cocoa powder is fully incorporated and the sugar is dissolved in the hot water, and keep whisking after adding the milk.

Glass of hot chocolate topped with mini marshmallows

More Holiday Beverage Recipes

5 from 59 votes (53 ratings without comment)

Rate and comment

Recipe Rating




Comments

  1. Michele says:

    I want to try this. At what point would you add cinnamon or peppermint extract?

    1. Yumna J. says:

      I love that idea! You would add it off the heat, just like you would with the vanilla extract in the recipe.

  2. amaya.brennan says:

    Hi I loved the recipe, it made me warm in winter and now I’m all warmed up! thank you so much for this website, it’s amazing, I love it 🤗☕♨️🔥

    1. Yumna J. says:

      Aww, so glad you loved the recipe! Thank you, Amaya!!

  3. Mike Tooke says:

    Very good Hot Chocolate

    1. Yumna says:

      Glad you enjoyed it!

  4. Jeanne says:

    Do you think this could be reheated in a crockpot and served at a party?

    1. Yumna J. says:

      I don’t see why not!

  5. SUSAN SHAW says:

    Delicious. I made it with coconut milk and only had dark chocolate chips instead of semi sweet. And just added whipped cream. Don’t really like marshmallows.Turned out very good. Thanks for sharing. 😎

    1. Yumna J. says:

      So happy to hear that it turned out well for you and thank you for sharing!

  6. Ramu Sanneh says:

    This is my favourite.

    1. Yumna J. says:

      So happy to hear that, Ramu!

  7. Nancy says:

    skip the marshmallows or even whipped cream. A good dollop of frozen vanilla yogurt is THE ONLY WAY TO GO!
    The flavors can’t be matched. We’ve made this (Granny’s) recipe forever but the last 20 years we’ve used frozen vanilla yogurt as a topper. DIVINE❤️❤️

    1. Yumna says:

      Yum, sounds so good!

  8. Betty says:

    If we are to use this recipe for the hot cocoa bombs, we use only the cane sugar and cocoa powder right?

    1. Yumna Jawad says:

      You can also add a few semi-sweet chocolate chips!

  9. Nita Beqiri says:

    I used regular milk and it tastes delicious. Thank you for sharing great recipes!

    1. Yumna Jawad says:

      That’s amazing! You’re so welcome!

  10. Jouhaina says:

    Perfect recipe! Will make all winter long ❄️❄️❄️

    1. Yumna Jawad says:

      Thank you so much! Yay!!