This hot cocoa recipe uses real cocoa powder and whole milk to make a rich, smooth drink in 10 minutes on the stovetop. The cocoa dissolves completely with no gritty texture, and the finished cup stays warm longer than microwave versions.
The recipe makes 2 servings in 10 minutes total. Whisking the cocoa with sugar before adding milk prevents clumps. Hot cocoa keeps in the refrigerator for 3 days and reheats well on the stove or in the microwave.
Table of contents
Why This Hot Cocoa Recipe Works
- Whisking cocoa powder with sugar first breaks up clumps before liquid touches it, so the hot cocoa recipe stays smooth with no gritty bits.
- Heating whole milk to 160°F creates a creamy texture without scorching, and the fat carries cocoa flavor better than water or low-fat milk.
- A pinch of salt balances the sweetness and makes the chocolate taste deeper without adding bitterness.
Hot Cocoa Recipe
Hot Cocoa Recipe
2
servings3
minutes7
minutes185
kcalThis hot cocoa recipe makes a rich, smooth chocolate drink with real cocoa powder and whole milk. It takes 10 minutes on the stovetop and serves 2, with no gritty texture when you whisk the cocoa with sugar first.
Keep the screen of your device on
Ingredients
4 tablespoons unsweetened cocoa powder
3 tablespoons granulated sugar
1 pinch salt
2 cups whole milk
0.5 teaspoon vanilla extract
Directions
- Whisk cocoa, sugar, and salt together in a small saucepan until no lumps remain. This takes about 30 seconds. The dry mixture should look uniform with no cocoa clumps.
- Add milk slowly while whisking constantly. Pour in about 1/4 cup at first, whisk until smooth, then add the rest. This prevents clumping.
- Heat over medium heat for 5 to 7 minutes, whisking constantly. Stop when small bubbles appear at the edge and the cocoa reaches 160°F. Do not let it boil or a skin will form on top.
- Remove from heat and stir in vanilla extract. Whisk once more, then pour the hot cocoa into mugs and serve immediately.
Notes
- Hot cocoa needs 2 tablespoons of cocoa powder per cup of milk for strong chocolate flavor without bitterness.
- If the cocoa tastes gritty, cocoa powder clumped before dissolving. Pour it through a fine mesh strainer into a clean mug to remove clumps.
- Hot cocoa keeps for 3 days in the refrigerator in a sealed container. Reheat on the stove over medium heat for 3 to 4 minutes, whisking often. Dutch-process cocoa can replace natural cocoa 1 to 1 for a smoother, less acidic taste.
Nutrition Facts
- Serving Size: 1 g
- Total number of serves: 2
- Calories: 185kcal
- Fat: 5g
- Carbohydrates: 28g
- Fiber: 3g
- Protein: 9g
Did you make this recipe?
Tag @therecipemasterblog on Instagram and hashtag it with #therecipemaster
Like this recipe?
Follow @therecipemasterblog on Pinterest
Follow us on Facebook!
Follow The Recipe Master on Facebook
The sections below cover the best cocoa powder to use in this recipe, how to prevent skin from forming on top, and what to do if your hot cocoa tastes bitter or weak.
Key Ingredients and Substitutions
Each ingredient in this hot cocoa recipe affects texture, sweetness, and chocolate intensity.
- Unsweetened cocoa powder: Dutch-process cocoa gives a smoother, less acidic flavor than natural cocoa. Natural cocoa works but tastes sharper. Use 2 tablespoons per cup of milk for strong chocolate flavor. Healthline’s cocoa powder guide explains the difference between Dutch-process and natural cocoa and their antioxidant content.
- Whole milk: The fat creates a creamy mouthfeel and carries cocoa flavor. 2% milk works but tastes thinner. Almond or oat milk substitutes well, but the hot cocoa will be less rich.
- Granulated sugar: White sugar dissolves fastest and lets cocoa flavor lead. Brown sugar adds molasses notes. Honey or maple syrup work but change the flavor and add 1 tablespoon at a time to taste.
- Vanilla extract: A quarter teaspoon rounds out the chocolate without tasting like vanilla. Skip it if you want pure cocoa flavor.
- Salt: One pinch balances sweetness and deepens chocolate taste. Without it, hot cocoa tastes flat.
How to Make Hot Cocoa Right
These steps prevent clumping, scorching, and weak flavor in your hot cocoa.
- Whisk dry ingredients first: Combine cocoa powder, sugar, and salt in the saucepan before adding any liquid. This breaks up cocoa clumps that form when powder hits liquid directly.
- Heat milk to 160°F: Use medium heat and stir constantly for 5 to 7 minutes. Stop when small bubbles appear at the edge but before it boils. Boiling makes milk taste scorched and forms a thick skin on top.
- Whisk constantly: Cocoa settles to the bottom and scorches if left still. Keep the whisk moving in a circular motion the entire time the milk heats.
- Taste before serving: Cocoa powder brands vary in intensity. Add 1 more tablespoon of sugar if it tastes bitter, or 1 more tablespoon of cocoa if it tastes weak.
Microwave Method
Whisk cocoa, sugar, and salt in a microwave-safe mug. Add milk and whisk again. Microwave on high for 90 seconds, stop and whisk, then microwave 30 more seconds. The cocoa will be hot but less smooth than the stovetop version.
What Went Wrong
Why Is There a Skin on Top?
Milk proteins form a skin when the surface cools or when milk boils. Keep the heat at medium and remove the pan as soon as small bubbles appear at the edge. Stir the hot cocoa once more before pouring. If skin already formed, lift it off with a spoon.
Why Does Hot Cocoa Taste Gritty?
Cocoa powder clumped before dissolving. Always whisk the dry cocoa with sugar first, then add milk slowly while whisking. If your hot cocoa is already gritty, pour it through a fine mesh strainer into a clean mug.
Why Is the Flavor Weak?
You used too little cocoa powder or a mild brand. This recipe needs 2 tablespoons of cocoa per cup of milk for full chocolate flavor. Stir in 1 more tablespoon of cocoa powder while the drink is still hot, whisk until smooth, then taste again.
Hot Cocoa Variations
Peppermint Hot Cocoa Recipe
Add 1/4 teaspoon peppermint extract with the vanilla. Start with 1/8 teaspoon and taste, because peppermint extract is strong. Top with whipped cream and crushed candy canes.
Mexican Hot Chocolate
Whisk 1/4 teaspoon cinnamon and a pinch of cayenne pepper with the cocoa and sugar. The cinnamon adds warmth and the cayenne gives a subtle heat that builds as you drink.
Mocha Hot Cocoa Recipe
Replace 1/4 cup of the milk with strong brewed coffee or 1 shot of espresso. Add the coffee after the milk heats. The coffee deepens the chocolate flavor without making the drink taste like coffee.
What to Serve With Hot Cocoa
Hot cocoa pairs well with baked goods that have mild sweetness or a crunchy texture. Serve it with biscotti, shortbread cookies, or cinnamon rolls for breakfast. For a protein boost, pair your hot cocoa with chocolate peanut butter protein shakes made earlier in the day. Marshmallows, whipped cream, or a cinnamon stick stirrer add texture without changing the flavor.
How to Store and Reheat Hot Cocoa
Hot cocoa keeps for 3 days in the refrigerator in a sealed container or jar. The cocoa settles to the bottom as it sits. Shake or whisk before reheating. Reheat on the stove over medium heat for 3 to 4 minutes, whisking often, or microwave in 30 second intervals, stirring between each, until it reaches 150°F. Do not freeze hot cocoa, because the milk separates when thawed and the texture turns grainy.
Hot Cocoa Recipe FAQs
Hot cocoa is made from cocoa powder, sugar, and milk. Hot chocolate uses melted chocolate bars or chips. This hot cocoa recipe uses cocoa powder, so it has less fat and a lighter texture than hot chocolate.
Yes, but the drink will taste thin and less creamy. Water carries less cocoa flavor than milk because it has no fat. Use 1 extra tablespoon of cocoa powder if you use water.
Cut the sugar to 1 tablespoon per cup of milk. Cocoa powder has no sugar, so you control sweetness completely. Taste after the milk heats and add more sugar only if needed.
Yes. Use a larger saucepan and whisk constantly. The milk will take 8 to 10 minutes to heat instead of 5 to 7. Watch for small bubbles at the edge and remove from heat before it boils.
Leave a Reply