Homemade Hot Chocolate From Scratch

By Stephanie Manley Updated 08/26/26

Nothing banishes winter chills quite like wrapping your hands around a steaming mug of homemade hot chocolate. This classic comfort beverage evokes childhood memories with each sip, yet boasts a richness that store-bought packets can’t match. Skip the artificial flavors and preservatives by making this simple, gluten-free treat from scratch using ingredients you likely already have in your pantry. In just 15 minutes, you can create a decadent hot chocolate experience that will forever change how you think about this winter favorite.

Add this site as a preferred Google source!

homemade hot chocolate and marshamallows.

This post contains affiliate links. As an Amazon Associate, I earn from qualifying purchases.

Why This is the Best Recipe for Homemade Hot Chocolate

The secret to perfect hot chocolate lies in the method, not just the ingredients. By first creating a chocolate paste with cocoa powder, sugar, and a small amount of water, you develop a concentrated base that ensures smooth integration without the clumps that often plague homemade versions. This technique, combined with slowly warming the milk while continuously whisking, creates the ideal texture and temperature without scalding. The tiny pinch of salt enhances the chocolate flavor without adding saltiness, balancing the sweetness and creating depth that packet mixes can never achieve.

Hot Cocoa Ingredients

For the Hot Chocolate Base:

  • Cocoa powder – Forms the chocolate foundation of the drink
  • Sugar – Balances the natural bitterness of cocoa powder
  • Salt – Enhances the chocolate flavor and balances sweetness
  • Water – Creates the initial paste that prevents lumps
  • Milk – Provides creaminess and body to the finished drink
homemade hot chocolate ingredients.

Ingredient Notes

This recipe calls for cocoa powder, but should you choose Dutch-processed cocoa powder or natural cocoa powder? Both options will work here, and the choice is yours.

Dutch-processed cocoa powder produces a smoother, less bitter, and darker-colored hot chocolate than natural cocoa. Ghirardelli Majestic Premium Cocoa Powder is an excellent choice for anyone who prefers Dutch-processed cocoa powder.

I recommend using Hershey’s Unsweetened Cocoa or Ghirardelli 100% Unsweetened Ground Cocoa.

Believe it or not, the tiny amount of salt in this recipe is necessary to bring out the chocolate’s flavor. You can use any salt in your cupboard, but sea salt flakes, like Maldon Salt, have the ideal saltiness level for this drink.

How to Make Hot Chocolate

To make homemade hot chocolate on the stovetop:

  1. Place cocoa, sugar, and salt in a small saucepan.
sugar, cocoa powder, and salt in a saucepan.
  1. Pour cold water slowly into the pan and stir or whisk until the mixture is well combined.
chocolate mixture and a whisk in a saucepan.
  1. Place the pan over medium heat and stir until the mixture is smooth. Let the chocolate mixture come to a boil, and then reduce it to a simmer.
  2. Simmer for about 3 minutes, until the sugar and cocoa powder dissolve and the chocolate mixture thickens.
chocolate mixture for hot cocoa in a saucepan.
  1. Pour milk into the saucepan. Heat while whisking continuously until the hot chocolate starts to steam.
cooked hot chocolate in a saucepan.
  1. Pour the hot chocolate into mugs.
  2. Top with marshmallows or whipped cream if desired.
homemade hot chocolate with marshmallows.

How to Make Hot Chocolate Video

I hope you try making homemade hot chocolate soon. You can see in this video how easy it is to make, and it tastes wonderful.

Want to Save This Recipe?
Enter your email below & we’ll send it straight to your inbox.
Plus you’ll get great new recipes from us every week!

Perfect Homemade Hot Chocolate From Scratch

Stovetop hot chocolate made with cocoa powder, sugar, and milk. Cooking a chocolate paste first keeps every cup smooth and lump-free.
PRINT PIN SAVE RECIPE
5 from 1 vote
Servings : 4
Prep Time3 minutes
Cook Time5 minutes
Total Time8 minutes

Ingredients
 

  • 2 tablespoons cocoa powder
  • 1 tablespoon sugar
  • 1/8 teaspoon salt
  • 1/3 cup water
  • 2 1/2 cups milk
  • small marshmallows to garnish (optional)
  • whipped cream to garnish (optional)

Instructions

  1. Combine the cocoa powder, sugar, and salt in a small saucepan and stir them together while dry.
  2. Pour in the water slowly, whisking as you go, until the mixture is smooth with no dry pockets.
  3. Set the pan over medium heat and bring the mixture to a boil, whisking regularly.
  4. Simmer for 3 minutes, whisking, until the mixture darkens and thickens into a glossy paste.
  5. Pour in the milk while whisking to work it into the paste.
  6. Heat the mixture over medium, whisking constantly, until it is steaming and hot throughout. Do not let it come to a boil, since boiled milk develops a scalded flavor and forms a skin.
  7. Taste and adjust the sugar if you want it sweeter, whisking until any addition fully dissolves.
  8. Pour into mugs and top with marshmallows or whipped cream.

Video

Notes

Do not shorten the three-minute simmer. It looks like nothing is happening, but that is the window where the cocoa starch hydrates. Cutting it to one minute gives you a drink that tastes fine hot and separates as it cools.
Watch the pan the moment the milk goes in. Milk goes from steaming to boiling over faster than almost anything else on a stove, and the foam climbs the sides with very little warning. Medium heat and a moving whisk are enough.
A skin on top is harmless and is just milk proteins drying at the surface. Whisk it back in, or press a piece of plastic wrap onto the surface if the hot chocolate has to wait a few minutes before serving.
If you want a thicker, more European-style cup, add a tablespoon of chopped dark chocolate along with the milk. The cocoa butter in the bar gives a body that cocoa powder alone cannot.

Nutrition

Calories: 105kcal | Carbohydrates: 10g | Protein: 4g | Fat: 5g | Saturated Fat: 2g | Cholesterol: 15mg | Sodium: 139mg | Potassium: 201mg | Fiber: 0g | Sugar: 10g | Vitamin A: 245IU | Calcium: 172mg | Iron: 0.1mg
Tried This Recipe?Leave a comment and rating to let people know how you liked it! Tag me on Instagram @copykatrecipes
Course: Drinks
Cuisine: American

How to Serve Homemade Hot Chocolate

The sky is the limit when it comes to garnishing hot cocoa. Sure, you can go the classic whipped cream or store-bought mini-marshmallow route, but there are so many other ways for you to enjoy this beverage. Try some of the following suggestions or come up with your own!

  • Some folks can’t get enough of the hot stuff, and believe it or not, chili peppers go amazingly well with chocolate. Try stirring in a small pinch of ancho chile powder to really get things warmed up, or why not add a shot of Ancho Reyes Original liqueur for a boozy version?
  • A teaspoon of vanilla extract gives this hot cocoa an extra dimension of flavor. Add the vanilla with the milk so that it never boils.
  • Peppermint chocolate rim. Dip the rim of the hot chocolate mug into melted chocolate and then sprinkle with crushed candy canes. It is like drinking Christmas from a cup.
  • Salted caramel and hot chocolate is a fabulous pairing. Add a dollop of whipped cream to your hot chocolate and then drizzle with Ghirardelli Sea Salt Caramel Sauce. Or sprinkle a few pieces of salted caramel pecans on top of the whipped cream instead.

How to Store Hot Chocolate

Although it is best to make hot cocoa when you want to drink it, you can keep it overnight in the fridge. Let the hot chocolate cool entirely on the counter, and then pour it into a container with a lid. Float a piece of plastic wrap on the surface to prevent a skin from forming.

Do try to freeze this hot chocolate recipe.

How to Reheat Homemade Hot Chocolate

It is quite easy to reheat hot chocolate. Reheating on the stovetop is better, but you can also use a microwave.

To reheat on the stovetop:

  1. Pour the cold hot chocolate into a small saucepan.
  2. Heat over medium-low heat while constantly stirring to prevent the hot chocolate from coming to a boil.

To reheat in a microwave:

  1. Pour the cold hot chocolate into an oversized mug.
  2. Heat for a minute and stir. Continue to heat and stir in 30-second increments until the hot cocoa is warm enough.
homemade hot chocolate topped with marshmallows.

What to Eat with Hot Chocolate

What Goes Well With Hot Cocoa? Chocolate treats and desserts pair up nicely with hot cocoa and give the ultimate chocolate indulgence experience!

Looking for more great beverages to warm up to when it is cold?

Check out more of my easy drink recipes and the best winter recipes here on CopyKat!

More Ideas

REVEALED Olive Garden Copycat Recipes

yes, you CAN make it at home! I’ll show you how.

5 from 1 vote

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating




4 Comments

  1. for the hot chocolate recipe “For this recipe, you need a few ingredients. You need milk, sugar, milk, water, and a tiny pinch of salt”.

    So, this makes hot chocolate without any actual chocolate??

    1. Obviously a missed word in the description. If you read the actual recipe, cocoa is included.

  2. Since it has been discontinued I miss my favorite mix. Bran Muffins with Date Mic was by Jiffy Mix. It made wonderful bran muffins and there were also recipes to use with the mix to make variations. Can anyone provide a “hack” of that Mix?