Rich, creamy, and deeply chocolatey, homemade hot chocolate is one of the simplest ways to make a cold day feel a little more inviting. This version combines cocoa powder with real chocolate for a drink that is smoother and more decadent than hot cocoa made from powder alone, while still being easy enough to make whenever the craving strikes.
A little vanilla rounds out the chocolate flavor, a pinch of salt keeps the sweetness balanced, and an optional touch of cinnamon adds warmth without turning the drink into a heavily spiced cocoa.
Pile on marshmallows, add a cloud of homemade whipped cream, or enjoy it exactly as it comes from the saucepan.
🍫 Homemade Hot Chocolate Recipe
Prep time: 5 minutes
Cook time: 10 minutes
Total time: About 15 minutes
Servings: 4
🛒 Ingredients
- 3 cups whole milk
- 1 cup half-and-half or heavy cream
- 1/4 cup unsweetened cocoa powder
- 1/3 cup granulated sugar
- 4 ounces semisweet or bittersweet chocolate, finely chopped
- 1 teaspoon pure vanilla extract
- 1/4 teaspoon ground cinnamon, optional
- 1/8 teaspoon fine salt
For Serving
- Mini marshmallows
- Whipped cream
- Chocolate shavings
- Cocoa powder
- Cinnamon
- Crushed peppermint candies, optional
🥣 Combine the Cocoa and Sugar
In a medium saucepan, whisk together the cocoa powder, sugar, cinnamon, and salt.
Mixing the dry ingredients together first helps break up some of the cocoa powder’s lumps before the liquid is added.
Pour in about 1/2 cup of the milk and whisk until the mixture forms a smooth chocolate paste.
Once the cocoa is thoroughly incorporated, gradually whisk in the remaining milk and the half-and-half.
🔥 Heat the Hot Chocolate Gently
Place the saucepan over medium heat.
Cook, whisking frequently, until the mixture is steaming hot and the sugar has completely dissolved.
Do not let the milk come to a vigorous boil.
Gentle heating gives the cocoa time to blend into the milk while reducing the chance of scorching the dairy on the bottom of the pan.
🍫 Add the Real Chocolate
Once the milk mixture is hot and steaming, reduce the heat to low.
Add the finely chopped chocolate.
Whisk until the chocolate has completely melted and the hot chocolate looks smooth and glossy.
Using finely chopped chocolate rather than large chunks helps it melt quickly and evenly.
Remove the saucepan from the heat and stir in the vanilla.
Taste and adjust the sweetness if necessary.
☕ Serve Immediately
Divide the hot chocolate among four mugs.
Top with mini marshmallows, whipped cream, chocolate shavings, or a dusting of cocoa powder.
Serve immediately while the drink is hot and silky.
For an especially indulgent cup, add both marshmallows and whipped cream and finish with a little grated dark chocolate.
🍫 Cocoa Powder + Chocolate Makes It Richer
Cocoa powder and solid chocolate contribute different things to the finished drink.
Unsweetened cocoa provides concentrated chocolate flavor without adding much fat or sweetness.
Chopped chocolate contains cocoa butter, which gives the hot chocolate a silkier texture and fuller mouthfeel.
Using both creates a drink that has plenty of chocolate intensity without needing an enormous amount of melted chocolate.
🍫 What Chocolate Is Best for Hot Chocolate?
Semisweet chocolate is an excellent all-purpose choice.
It provides enough sweetness to make the drink feel indulgent without completely overpowering the cocoa.
Bittersweet chocolate creates a darker, less-sweet hot chocolate and is especially good for adults who prefer a stronger chocolate flavor.
Milk chocolate can also be used, but you may want to reduce the granulated sugar because milk chocolate is considerably sweeter.
Chocolate bars generally melt more smoothly than chocolate chips because many chips are formulated to retain their shape during baking.
Either works, however, so use what you have.
🥛 What Milk Is Best?
Whole milk gives homemade hot chocolate a naturally creamy texture without making it excessively heavy.
Adding a little half-and-half or cream makes the finished drink more luxurious.
You can also make the recipe entirely with whole milk if you prefer something lighter.
For an extra-rich dessert-style hot chocolate, increase the proportion of cream.
For everyday hot chocolate, use all milk.
🌱 Dairy-Free Hot Chocolate
This recipe is easy to adapt for a dairy-free diet.
Replace the milk and cream with your favorite unsweetened plant-based milk.
Oat milk is particularly good because its naturally creamy texture works beautifully with chocolate.
Soy milk is another good option, while almond milk produces a slightly lighter drink.
Use dairy-free chocolate and dairy-free whipped topping if needed.
Coconut milk can make an especially rich hot chocolate, although it will contribute a noticeable coconut flavor.
🍯 Can You Use Less Sugar?
Absolutely.
The ideal amount depends partly on the chocolate you choose.
If using sweeter semisweet chocolate, begin with 1/4 cup sugar.
If using dark bittersweet chocolate, you may prefer the full 1/3 cup or even a little more.
Taste the hot chocolate after the chopped chocolate has melted, then adjust the sweetness.
Remember that toppings such as marshmallows and sweetened whipped cream add additional sugar.
🧂 Why Add Salt?
A tiny amount of salt makes chocolate taste richer and prevents the drink from tasting one-dimensionally sweet.
You do not want enough salt to taste it directly.
About 1/8 teaspoon for a four-serving batch is plenty.
If your chocolate already contains noticeable salt or you are adding salted caramel, reduce or omit the additional salt.
🌿 Is Cinnamon Necessary?
No.
Cinnamon adds a gentle warmth that works particularly well on cold evenings, but classic hot chocolate is delicious without it.
For just a hint of spice, use 1/4 teaspoon.
For a completely straightforward chocolate-and-vanilla drink, leave it out.
You can also sprinkle cinnamon over the whipped cream instead of stirring it into the entire batch.
🌶️ Mexican-Inspired Hot Chocolate
For a warm, spicy variation, add:
- 1/2 teaspoon ground cinnamon
- Pinch of cayenne pepper
- Tiny pinch of ground cloves, optional
Start cautiously with the cayenne.
You want warmth at the end of each sip rather than enough heat to overwhelm the chocolate.
A little vanilla complements the spices beautifully.
🌿 Peppermint Hot Chocolate
Peppermint and chocolate make a natural winter combination.
Prepare the hot chocolate as directed, then add 1/8 teaspoon peppermint extract after removing the saucepan from the heat.
Taste before adding more.
Peppermint extract is very strong and can quickly dominate the drink.
Finish with whipped cream and crushed peppermint candies or a small candy cane.
☕ Mocha Hot Chocolate
For a coffee-and-chocolate version, whisk 1 to 2 teaspoons instant espresso powder into the milk mixture.
You can also replace about 1/2 cup of the milk with strong brewed coffee.
Top with whipped cream and chocolate shavings.
This is an easy way to turn homemade hot chocolate into a cozy café-style mocha without an espresso machine.
🍊 Orange Hot Chocolate
Chocolate and orange work especially well together.
Add a few wide strips of orange zest to the milk while it heats.
Remove the zest before adding the chopped chocolate.
You can also finish each mug with a tiny amount of finely grated fresh orange zest.
Avoid adding a large amount of orange juice because its acidity and additional liquid can affect the texture of the dairy.
🥜 Hazelnut Hot Chocolate
For a quick hazelnut version, whisk a spoonful of chocolate-hazelnut spread into each mug.
You can also stir several tablespoons into the entire saucepan after the chocolate melts.
Because chocolate-hazelnut spread is already sweet, reduce the granulated sugar slightly.
Top with whipped cream and finely chopped toasted hazelnuts if desired.
🍯 Salted Caramel Hot Chocolate
Drizzle caramel sauce into the mugs before adding the hot chocolate.
Pour in the hot chocolate and top with whipped cream.
Finish with another drizzle of caramel and the tiniest pinch of flaky sea salt.
The salt should provide contrast rather than make the drink noticeably salty.
🍪 Cookies and Cream Hot Chocolate
Crush a few chocolate sandwich cookies and sprinkle them over whipped cream.
For more cookie flavor, blend a spoonful of fine cookie crumbs into the finished drink.
Keep some larger crumbs for the topping so you still get texture.
This variation is particularly fun for kids or a hot chocolate bar.
☁️ Top It with Homemade Whipped Cream
Fresh whipped cream turns a simple mug of hot chocolate into something that feels much more special.
Keep the whipped cream at soft or medium peaks so it slowly melts into the warm chocolate.
For a homemade version, use our Homemade Vanilla Whipped Cream: Easy 4-Ingredient Recipe.
You can also flavor the whipped cream with cinnamon or cocoa powder.
🔥 Toast the Marshmallows
Regular mini marshmallows are always good, but lightly toasted marshmallows add a caramelized flavor reminiscent of a campfire.
Place marshmallows on a foil-lined baking sheet and put them briefly under the broiler.
Watch them constantly.
Marshmallows can go from pale to burned within seconds.
Once toasted, transfer them carefully to the tops of the mugs.
Never place mugs under the broiler unless you know they are specifically rated for that use.
☕ Make a Hot Chocolate Bar
Hot chocolate is especially easy to turn into a self-serve dessert for a winter party, Christmas gathering, or family movie night.
Prepare a large batch and keep it warm, then arrange toppings so everyone can customize a mug.
Good choices include:
- Mini marshmallows
- Whipped cream
- Chocolate shavings
- Crushed peppermint
- Cinnamon
- Caramel sauce
- Chocolate sauce
- Toffee pieces
- Mini chocolate chips
- Sprinkles
- Crushed cookies
Include a few spoons so guests can stir their toppings into the drink.
🔥 Can You Keep Hot Chocolate Warm in a Slow Cooker?
Yes.
A slow cooker is useful when serving hot chocolate to a group.
Prepare the recipe on the stovetop, then transfer it to a slow cooker set to WARM.
Stir occasionally so a skin does not form on top and chocolate does not settle toward the bottom.
Avoid allowing the hot chocolate to boil.
If it thickens while sitting, stir in a little additional milk.
🥄 Why Is My Cocoa Powder Lumpy?
Cocoa powder does not always dissolve easily when dumped directly into a large amount of milk.
Making a paste first solves much of the problem.
Whisk the cocoa, sugar, and a small portion of milk until smooth before gradually adding the remaining liquid.
If you still have persistent lumps, pour the drink through a fine-mesh strainer before serving.
🥣 How to Make Hot Chocolate Thicker
Real chocolate naturally makes this recipe thicker than a cocoa-only drink.
For an even richer texture, increase the chopped chocolate by another ounce or use a little more cream.
Another option is to whisk a very small amount of cornstarch—about 1 teaspoon—with cold milk before adding it to the saucepan.
Do not use too much unless you specifically want an extremely thick European-style drinking chocolate.
Traditional American-style hot chocolate should still be easy to sip.
🍫 Hot Chocolate vs. Hot Cocoa
The names are often used interchangeably in everyday conversation, but there can be a useful distinction.
Hot cocoa is typically made primarily with cocoa powder, sugar, and milk or water.
Hot chocolate often includes actual melted chocolate, giving it a richer texture and more pronounced chocolate flavor.
This recipe uses both cocoa powder and chopped chocolate, so hot chocolate is the better description.
🌡️ Don’t Boil the Milk
There is no need to bring hot chocolate to a rolling boil.
Heat the milk until it is steaming and hot enough to melt the chopped chocolate.
Boiling can cause dairy to scorch or develop an unpleasant cooked flavor, particularly if the bottom of the saucepan becomes too hot.
Moderate heat and frequent whisking give you much more control.
🥛 Can You Use Water?
You can, but milk produces a much creamier drink.
If you want to lighten the recipe, replace up to 1 cup of the milk with water rather than making the entire drink with water.
For a very rich hot chocolate, move in the opposite direction and use more milk and cream.
⏰ Can You Make Hot Chocolate Ahead?
Yes.
Prepare the hot chocolate completely, allow it to cool, and transfer it to a covered container in the refrigerator.
Reheat it gently in a saucepan over low to medium-low heat, whisking occasionally.
If it has thickened in the refrigerator, add a splash of milk until it reaches your preferred consistency.
Add whipped cream, marshmallows, and other toppings only after reheating.
❄️ How to Store Leftover Hot Chocolate
Cool leftover hot chocolate and refrigerate it in a tightly covered container.
Because it contains dairy, it should not be left sitting at room temperature for an extended period.
Reheat only as much as you plan to drink.
Warm it gently on the stove or in the microwave, stirring periodically until evenly heated.
🧊 Turn Leftovers into Frozen Hot Chocolate
Leftover hot chocolate does not have to be reheated.
Chill it thoroughly, then blend it with ice and a little additional milk for an easy frozen chocolate drink.
Add whipped cream and chocolate shavings to turn it into dessert.
You can also freeze leftover hot chocolate in ice cube trays and use the cubes in iced coffee or blended chocolate drinks.
🍨 Make Hot Chocolate Affogato
For an especially indulgent dessert, place a scoop of vanilla ice cream in a heatproof bowl or mug.
Pour a small amount of very hot chocolate over the ice cream.
Serve immediately.
It is not a traditional Italian affogato, which is made with espresso, but it uses the same hot-over-cold idea and makes a wonderfully simple chocolate dessert.
🥐 What to Serve with Hot Chocolate
Hot chocolate pairs naturally with cookies, pastries, and simple baked treats.
Try it with shortbread, sugar cookies, croissants, cinnamon rolls, biscotti, brownies, or slices of banana bread.
For a holiday breakfast, serve it with sweet rolls, muffins, or scones.
For an autumn variation, your mug also pairs nicely with the seasonal drinks and treats in 3 Fall Drinks That Beat the Pumpkin Spice Latte.
❄️ A Cozy Cold-Weather Classic
There is nothing complicated about homemade hot chocolate, which is part of its appeal.
Warm milk and cream gently, whisk in cocoa and sugar, melt in real chocolate, and finish with vanilla.
In about 15 minutes, you have a smooth, deeply chocolatey drink that feels much more special than an instant packet.
Keep it classic with marshmallows, pile on homemade whipped cream, or use the basic recipe as a starting point for peppermint, mocha, orange, salted caramel, or spicy hot chocolate.
When the weather turns cold, this is one recipe worth keeping close to the stove.
🔗 Related Articles
- Homemade Vanilla Whipped Cream: Easy 4-Ingredient Recipe
- 3 Fall Drinks That Beat the Pumpkin Spice Latte
- Delicious and Easy Pan de Muerto Recipe
