This rich and velvety homemade hot chocolate made on the stovetop is the ultimate comfort drink. With its perfect balance of chocolate and sweetness, this recipe creates a luxurious beverage that's far superior to any powdered mix. Perfect for cozy winter evenings, holiday gatherings, or anytime you need a warm hug in a mug.
Why You'll Love This Recipe
- Simple ingredients that you likely already have in your pantry
- Ready in just 15 minutes for a quick comfort fix
- Much richer and more flavorful than packet mixes
- Easily customizable to suit your taste preferences
- Perfect for warming up on cold days or creating special moments
- A crowd-pleaser that both kids and adults will adore
- Creates restaurant-quality hot chocolate in the comfort of your home
Ingredients
(Tip: You'll find the full list of ingredients and measurements in the recipe card below.)
Whole milk creates that essential creamy base for truly luxurious hot chocolate. Its higher fat content gives the drink a silky mouthfeel that's unmatched. If you prefer something lighter, you can substitute with 2% milk, though the result won't be quite as rich.
Unsweetened cocoa powder provides the deep chocolate flavor that makes this drink so satisfying. Natural or Dutch-processed cocoa both work well, though Dutch-processed will give a smoother, less acidic chocolate taste.
Granulated sugar balances the bitterness of the cocoa with just the right amount of sweetness. You can adjust this to taste, or substitute with alternatives like brown sugar for a subtle molasses note or honey for a different dimension of flavor.
Water helps dissolve the cocoa powder and sugar before adding the milk, preventing lumps and ensuring a smooth texture throughout.
Vanilla extract adds a wonderful aromatic quality that enhances the chocolate flavor. Even this small amount makes a noticeable difference in the final taste profile.
Salt might seem surprising, but even this tiny pinch is crucial as it enhances all the other flavors, particularly the chocolate, making the hot chocolate taste more complex and well-rounded.
Whipped cream or marshmallows aren't just decorative toppings—they add a contrasting texture and additional sweetness that melts into the hot chocolate as you sip.
Directions
- In a medium saucepan, whisk together the cocoa powder, sugar, water, and a pinch of salt over medium heat. Stir until the mixture is smooth and begins to simmer.
- Slowly pour in the milk, whisking constantly to combine. Heat the mixture over medium heat until it is steaming, but do not let it boil.
- Remove the saucepan from the heat and stir in the vanilla extract.
- Pour the hot chocolate into mugs and top with whipped cream or marshmallows, if desired.
- Serve immediately and enjoy!
Servings and Timing
This recipe makes 4 servings (about 8 ounces each) of delicious hot chocolate. It's quick to prepare, requiring only 5 minutes of prep time and 10 minutes of cooking time, for a total of 15 minutes from start to finish. Each serving contains approximately 180 calories.
Variations
Peppermint Hot Chocolate: Add ¼ teaspoon of peppermint extract along with the vanilla extract for a refreshing winter treat.
Spiced Hot Chocolate: Add a pinch of cinnamon, nutmeg, and a tiny dash of cayenne pepper for a Mexican-inspired variation with a gentle warmth.
Mocha Hot Chocolate: Add 1 tablespoon of instant coffee or espresso powder to the cocoa mixture for a coffee-infused treat.
Orange Hot Chocolate: Add the zest of one orange to the milk as it heats and strain before serving for a chocolate-orange combination.
Dark Chocolate Version: Use dark chocolate cocoa powder and reduce the sugar to ⅓ cup for a more intense, less sweet experience.
White Hot Chocolate: Replace the cocoa powder with 6 ounces of white chocolate chips and reduce the sugar to 2 tablespoons.
Vegan Hot Chocolate: Substitute the whole milk with full-fat coconut milk or your favorite plant-based milk alternative.
Storage/Reheating
Refrigerating: Leftover hot chocolate can be stored in an airtight container in the refrigerator for up to 3 days. The mixture may separate, which is completely normal.
Reheating: Gently rewarm the hot chocolate in a saucepan over low-medium heat, whisking frequently to recombine the ingredients. Alternatively, you can microwave individual portions in 30-second intervals, stirring between each interval until hot.
Freezing: You can freeze the hot chocolate base (without toppings) in freezer-safe containers for up to 3 months. Thaw overnight in the refrigerator before reheating.
Make-Ahead Option: Prepare the chocolate base (cocoa, sugar, water, and salt mixture) ahead of time and store it in the refrigerator for up to a week. When ready to serve, simply add it to hot milk and continue with the recipe.
FAQs
Why shouldn't hot chocolate be boiled?
Boiling hot chocolate can cause the milk to scald and develop a burnt taste. It can also affect the texture, making it less smooth and potentially causing the chocolate and milk to separate. For best results, heat until steaming but not boiling.
Can I use non-dairy milk for this recipe?
Yes, you can substitute with any non-dairy milk of your choice. Oat milk and coconut milk work especially well as they're naturally creamy. Almond milk also works but will produce a thinner hot chocolate.
Why is my hot chocolate grainy or lumpy?
Lumps usually form when the cocoa powder isn't properly dissolved. Make sure to whisk the cocoa with sugar, salt, and water first until completely smooth before adding the milk. Continuous whisking throughout the process also helps prevent lumps.
Is this recipe suitable for children?
Absolutely! This hot chocolate recipe is perfect for children. If serving to young kids, you may want to let it cool slightly longer before serving to prevent any burns.
Can I make this recipe in a slow cooker for a crowd?
Yes, multiply the recipe as needed and combine all ingredients except vanilla in a slow cooker. Heat on low for 2-3 hours, stirring occasionally. Add vanilla just before serving. This method is perfect for holiday gatherings or parties.
What's the difference between hot chocolate and hot cocoa?
Hot chocolate traditionally refers to a beverage made with actual chocolate (usually chopped or shaved), while hot cocoa is made with cocoa powder. This recipe is technically a hot cocoa, but the rich preparation method gives it the luxurious taste of true hot chocolate.
How can I make my hot chocolate more indulgent?
For an even more luxurious version, add ¼ cup of chopped dark, milk, or semi-sweet chocolate along with the cocoa powder. You can also substitute half of the milk with half-and-half or heavy cream for an ultra-rich experience.
Can I reduce the sugar in this recipe?
Yes, you can adjust the sugar to your taste preference. Start with half the amount if you prefer a less sweet version, or use alternative sweeteners according to their conversion guidelines.
Why add salt to hot chocolate?
Salt enhances the flavor of chocolate by reducing bitterness and bringing out sweetness. Even this small amount makes a significant difference in the overall taste profile, creating a more balanced and complex flavor.
Can I make this hot chocolate dairy-free?
Yes, simply substitute the whole milk with full-fat coconut milk or a plant-based barista-style milk alternative. For extra creaminess, use a combination of coconut milk and another non-dairy milk.
Conclusion
This stovetop hot chocolate transcends the ordinary, offering a truly special beverage experience that's perfect for creating cozy moments and cherished memories. The careful balance of rich cocoa, creamy milk, and subtle vanilla creates a harmony of flavors that's comforting yet sophisticated. Unlike commercial mixes, this homemade version allows you to control the quality and quantity of each ingredient, resulting in a pure chocolate flavor that can't be matched.
Whether you're curling up with a good book on a snowy day, gathering around the fireplace with loved ones, or treating yourself after a long day, this hot chocolate recipe is your ticket to a moment of pure contentment. With simple ingredients and just 15 minutes, you can create a beverage that feels like a special occasion in itself. Make it your own with the suggested variations, or enjoy it in its classic form – either way, this stovetop hot chocolate is bound to become a staple in your comfort food repertoire.

Stovetop Hot Chocolate
- Total Time: 15 minutes
- Yield: 4 servings
- Diet: Vegetarian
Description
A rich, creamy, and velvety homemade hot chocolate made on the stovetop—perfect for cozy winter days and indulgent sipping.
Ingredients
- 4 cups (950 ml) whole milk
- ¼ cup (25 g) unsweetened cocoa powder
- ½ cup (100 g) granulated sugar
- ¼ cup (60 ml) water
- 1 teaspoon vanilla extract
- A pinch of salt
- Whipped cream or marshmallows, for topping
Instructions
- In a medium saucepan, whisk together the cocoa powder, sugar, water, and a pinch of salt over medium heat. Stir until the mixture is smooth and begins to simmer.
- Slowly pour in the milk, whisking constantly to combine. Heat the mixture over medium heat until it is steaming, but do not let it boil.
- Remove the saucepan from the heat and stir in the vanilla extract.
- Pour the hot chocolate into mugs and top with whipped cream or marshmallows, if desired.
- Serve immediately and enjoy!
Notes
- Do not let the hot chocolate boil to avoid curdling or scalding the milk.
- For a richer flavor, substitute whole milk with half-and-half or add a splash of heavy cream.
- Customize the toppings with chocolate shavings or a sprinkle of cinnamon for added indulgence.
- Prep Time: 5 minutes
- Cook Time: 10 minutes
- Category: Drinks
- Method: Stovetop
- Cuisine: American
Nutrition
- Serving Size: 1 cup
- Calories: 180
- Sugar: 19g
- Sodium: 73mg
- Fat: 7g
- Saturated Fat: 4.5g
- Unsaturated Fat: 2g
- Trans Fat: 0g
- Carbohydrates: 22g
- Fiber: 1g
- Protein: 6g
- Cholesterol: 22mg