Hot Chocolate Recipe: Rich Homemade Hot Chocolate in 10 Minutes
The best hot chocolate recipe uses both cocoa powder and real chocolate. For 2 mugs, heat 2 cups of whole milk until steaming, whisk in 2 tablespoons cocoa powder, 2 tablespoons sugar and a pinch of salt, then add 2 oz of chopped semisweet chocolate and whisk until melted. Finish with 1/2 teaspoon vanilla. It takes about 10 minutes on the stove and tastes richer than any packet. French, white and healthy versions are below.
What You’ll Need
Small saucepan – Heats milk evenly without scorching
Silicone whisk – Blends cocoa smoothly and won’t scratch the pan
Semisweet chocolate bars – Melts smoother than chips
Dutch process cocoa powder – Deep, smooth chocolate flavor
Large mugs – Room for whipped cream and marshmallows
Handheld milk frother – Makes it frothy like a cafe drink
Gourmet marshmallows – The classic topping
Hot Chocolate Recipe
Ingredients (2 mugs)
- 2 cups whole milk
- 2 tablespoons unsweetened cocoa powder
- 2 tablespoons sugar
- Pinch of salt
- 2 oz semisweet chocolate, finely chopped (about 1/3 cup)
- 1/2 teaspoon vanilla extract
- Whipped cream or marshmallows, optional
Instructions
- Pour the milk into a small saucepan and warm it over medium heat until it steams and small bubbles form at the edge. Don’t let it boil.
- Whisk in the cocoa powder, sugar and salt until no lumps remain.
- Add the chopped chocolate and whisk constantly for 1 to 2 minutes until it melts completely.
- Take the pan off the heat and stir in the vanilla.
- Taste and add more sugar if you like it sweeter.
- Pour into mugs and top with whipped cream or marshmallows.
Why Use Cocoa and Real Chocolate?
Cocoa powder gives a deep chocolate flavor. Real chocolate adds cocoa butter, which makes the drink thick and silky. Using only cocoa tastes thin. Using only chocolate can taste flat and overly sweet. Together, you get the richness of a cafe hot chocolate with a clean chocolate taste.
| Style | Milk | Chocolate | Texture |
|---|---|---|---|
| Classic | 2 cups whole milk | 2 tbsp cocoa plus 2 oz semisweet | Rich and smooth |
| French (chocolat chaud) | 1 1/2 cups milk plus 1/2 cup cream | 4 oz bittersweet | Thick, almost pudding-like |
| White hot chocolate | 2 cups whole milk | 3 oz white chocolate | Sweet and creamy |
| Healthy | 2 cups unsweetened almond or oat milk | 2 tbsp cocoa, maple syrup | Lighter, less sugar |
French Hot Chocolate
French hot chocolate is thick, intense and served in small cups. Warm 1 1/2 cups milk and 1/2 cup heavy cream until steaming, then whisk in 4 oz finely chopped bittersweet chocolate and 1 tablespoon sugar until smooth. Simmer gently for 2 minutes, whisking, so it thickens a little. Serve in small cups. This recipe makes 3 to 4 small servings.
White Hot Chocolate
Warm 2 cups of whole milk, then whisk in 3 oz chopped white chocolate and 1/2 teaspoon vanilla until melted. White chocolate is sweet, so skip the sugar. A pinch of salt balances it. Add a drop of peppermint extract for a holiday version.
Healthy Hot Chocolate
Use unsweetened almond, oat or skim milk, 2 tablespoons cocoa powder and 1 to 2 tablespoons maple syrup or honey. Skip the chopped chocolate, or use 1/2 oz of 85 percent dark chocolate. Froth it with a handheld frother so it feels creamier than it is.
Hot Chocolate Toppings and Mix-Ins
- Whipped cream and chocolate shavings
- Marshmallows, regular or homemade
- Crushed candy canes or a peppermint stick
- A pinch of cinnamon and cayenne for Mexican hot chocolate
- A spoonful of peanut butter or caramel sauce
- A shot of espresso for a quick mocha. See our mocha recipe.
How to Make Hot Chocolate for a Crowd
Multiply the recipe and keep it warm in a slow cooker on the warm setting, stirring now and then. For parties, set up toppings on the side so guests build their own mug. Our hot chocolate bar ideas have setup ideas, and our coffee bar ideas for a party cover the coffee side.
Storing and Reheating
Cool leftovers and refrigerate in a covered jar for up to 3 days. Reheat gently on the stove, whisking, since the chocolate settles. Don’t microwave on high or it can scorch around the edges.
Best Chocolate for Hot Chocolate
The chocolate you choose decides how rich and sweet your mug tastes.
- Semisweet (about 55 to 60 percent cacao): The best all-around choice. Balanced, not too sweet.
- Bittersweet (about 65 to 72 percent): Deeper and less sweet. Add a little more sugar if needed.
- Milk chocolate: Sweet and mild, a favorite with kids. Cut the added sugar in half.
- Dark (80 percent and up): Very intense. Best in small amounts mixed with semisweet.
For cocoa powder, Dutch process gives a darker color and smoother taste, while natural cocoa tastes brighter and slightly fruity. Either works in this recipe.
Hot Chocolate Without Milk
For a dairy-free mug, use oat milk, which is the creamiest plant milk, or canned coconut milk thinned with water for extra richness. Choose a dairy-free dark chocolate and check the label, since some contain milk solids. Almond milk works too but gives a thinner drink, so add an extra half ounce of chocolate.
Marcus’s Pro Tips
- Chop the chocolate finely. Small pieces melt fast and evenly.
- Never boil the milk. Boiling makes a skin and can taste cooked.
- Dutch process cocoa tastes smoother and darker than natural cocoa.
- Whole milk gives the richest result. Add a splash of cream for a treat.
- Warm your mugs with hot water first so the drink stays hot longer.
Frequently Asked Questions
What is the difference between hot chocolate and hot cocoa?
Hot cocoa is made from cocoa powder, sugar and milk. Hot chocolate is made with melted chocolate and is richer. This recipe uses both.
Can I make hot chocolate with water?
Yes, but it will be much thinner. If you use water, add an extra ounce of chocolate for body.
How do you make hot chocolate thicker?
Use more chocolate, add a splash of cream, or whisk in 1 teaspoon of cornstarch mixed with a little cold milk and simmer for a minute.
Can you use chocolate chips?
Yes. Chips work, but they contain stabilizers that keep their shape, so whisk longer. Chopped baking bars melt more smoothly.
How do you make hot chocolate without lumps?
Whisk the cocoa into warm milk, not cold, and whisk constantly as the chocolate melts. A milk frother helps break up stubborn clumps.
Is hot chocolate gluten-free?
The basic recipe is naturally gluten-free. Check labels on chocolate, cocoa and toppings if you need to be sure.
Want a cozy coffee version? Try our peppermint mocha recipe or browse our Christmas coffee drinks. For gifts, see our hot cocoa gift ideas.
Marcus Webb writes about home coffee for BrewElevate. He researches and compares brewing gear, beans and recipes so home brewers can make a better cup without overspending. His rule: if he wouldn’t be comfortable buying it himself, it doesn’t make the list.
