Creamy Homemade Hot Cocoa Recipe
Introduction
This homemade hot cocoa is a rich and comforting treat perfect for chilly days or cozy evenings. Made with natural cocoa and a touch of brown sugar, it delivers a deep chocolate flavor that’s easy to customize and enjoy.

Ingredients
- 2 tablespoons light brown sugar (firmly packed)
- 1 tablespoon natural cocoa powder
- Pinch of table salt (about 1/16th teaspoon)
- ¾ cup milk (divided)
- ¼ cup heavy cream (may substitute with more milk)
- ¼ teaspoon vanilla extract
Instructions
- Step 1: In a small saucepan, combine the brown sugar, cocoa powder, and salt. Whisk them together thoroughly.
- Step 2: Add 2 to 3 tablespoons of milk to the saucepan and whisk until the mixture is smooth.
- Step 3: Place the saucepan over low heat and whisk continuously until the sugar begins to melt and the color of the mixture darkens.
- Step 4: Pour in the remaining milk and heavy cream, whisking until the mixture is hot and steaming but not boiling.
- Step 5: Remove the saucepan from heat, stir in the vanilla extract, then pour the hot cocoa into a heatproof mug.
- Step 6: Enjoy warm as is, or top with whipped cream, marshmallows, or chocolate shavings for extra indulgence.
Tips & Variations
- For a dairy-free version, substitute the milk and cream with almond, oat, or coconut milk.
- Add a pinch of cinnamon or a drop of peppermint extract for a festive twist.
- Adjust the sweetness by adding more or less brown sugar to suit your taste.
Storage
Store any leftover hot cocoa in an airtight container in the refrigerator for up to 2 days. Reheat gently on the stove or in the microwave, stirring occasionally. Avoid boiling when reheating to keep the texture smooth.
How to Serve

Serve this delicious recipe with your favorite sides.
FAQs
Can I use regular granulated sugar instead of brown sugar?
Yes, you can use granulated sugar, but brown sugar adds a subtle molasses flavor that enhances the richness of the cocoa.
What kind of cocoa powder is best for this recipe?
Natural cocoa powder is best for this recipe because it provides a bright chocolate flavor. Dutch-processed cocoa can be used but may result in a milder taste and a different color.
Print
Creamy Homemade Hot Cocoa Recipe
- Total Time: 12 minutes
- Yield: 1 serving 1x
Description
This classic hot cocoa recipe delivers a rich, creamy, and comforting beverage made with natural cocoa powder, brown sugar, milk, and heavy cream. Perfect for chilly days, this smooth and velvety drink can be enjoyed plain or enhanced with toppings like whipped cream or marshmallows.
Ingredients
Dry Ingredients
- 2 Tablespoons light brown sugar (firmly packed)
- 1 Tablespoon natural cocoa powder
- Pinch of table salt (about 1/16th teaspoon)
Wet Ingredients
- ¾ cup milk (divided)
- ¼ cup heavy cream (may substitute with more milk)
- ¼ teaspoon vanilla extract
Instructions
- Combine Dry Ingredients: In a small saucepan, combine the light brown sugar, natural cocoa powder, and a pinch of salt. Whisk these ingredients together thoroughly to break up any lumps and create a smooth base for your hot cocoa.
- Add Initial Milk Portion: Pour in approximately 2-3 tablespoons of milk and whisk continuously until the mixture becomes smooth and free of clumps, ensuring the cocoa powder and sugar start to dissolve.
- Heat Mixture: Place the saucepan over low heat. Keep whisking and heating until the sugar starts to melt and the mixture darkens in color, indicating the cocoa flavor is intensifying and the ingredients are blending well.
- Add Remaining Milk and Cream: Gradually add the remaining milk along with the heavy cream to the saucepan. Continue whisking the mixture until it is steaming hot but not boiling, achieving a creamy and luscious texture.
- Finish with Vanilla: Remove the saucepan from the heat and stir in the vanilla extract for added flavor depth. Pour the hot cocoa into a heatproof mug and serve warm, optionally garnished with whipped cream, marshmallows, or chocolate shavings for extra indulgence.
Notes
- You can substitute the heavy cream with an equal amount of milk for a lighter drink.
- For a dairy-free version, use plant-based milk and substitute heavy cream with coconut cream.
- Adjust the sweetness by varying the amount of brown sugar according to your taste.
- Whisking continuously prevents lump formation and ensures a smooth cocoa mixture.
- Do not let the mixture boil to avoid a burnt or bitter taste.
- Top your hot cocoa with whipped cream, marshmallows, or chocolate shavings for extra richness.
- Prep Time: 5 minutes
- Cook Time: 7 minutes
- Category: Beverage
- Method: Stovetop
- Cuisine: American
Keywords: hot cocoa, hot chocolate, warm cocoa, creamy chocolate drink, winter beverage, comfort drink

