Home Hot Chocolate Recipe with Cocoa and Chocolate

Updated November 3, 2026

Total time
18 min
prep 8 min · cook 10 min
Serves
4
portions as written

Jump to recipe

Home Hot Chocolate Recipe with Cocoa and Chocolate

This home hot chocolate is a stovetop drink made with milk, unsweetened cocoa, sugar, and melted chocolate for a rounded, deeply chocolatey flavor. A little salt sharpens the cocoa, while warming the mixture gently keeps it smooth and comforting without a complicated technique.

Ingredients

  • 4 cups (960 ml) whole milk
  • 1/4 cup (21 g) unsweetened cocoa powder
  • 1/3 cup (67 g) granulated sugar
  • 4 oz (113 g) semisweet chocolate, finely chopped
  • 1/8 teaspoon (0.7 g) fine salt
  • 1 teaspoon (5 ml) vanilla extract
  • Optional toppings: 1 cup (240 ml) whipped cream, or 2 cups (about 100 g) mini marshmallows, for serving

Instructions

  1. Measure and chop the ingredients. Set out the milk, cocoa, sugar, salt, and vanilla. Finely chop the chocolate so it melts quickly and evenly; small, similar-sized pieces are easier to incorporate than large chunks. This preparation takes about 8 minutes, depending on how quickly you chop.
  2. Make a smooth cocoa paste. Put the cocoa powder, sugar, and salt in a medium saucepan. Pour in about 1/2 cup (120 ml) of the milk and whisk until you have a thick, glossy paste with no dry pockets of cocoa. Starting with a small amount of milk helps prevent floating lumps. If the cocoa clings to the sides of the pan, scrape it down with a flexible spatula.
  3. Add the remaining milk and warm gently. Slowly whisk in the remaining 3 1/2 cups (840 ml) of milk. Set the pan over medium-low heat and stir regularly, reaching into the edges and bottom of the pan. Warm the mixture for about 4 to 5 minutes, until hot and lightly steaming. Do not let it boil: boiling can make milk foam over, scorch on the bottom, or develop a cooked flavor.
  4. Melt in the chocolate. Add the chopped semisweet chocolate. Keep the heat low and whisk for 2 to 3 minutes, until the pieces have melted and the drink looks uniform and slightly thicker. Check the bottom of the pan as you whisk, since chocolate can settle and stick if left undisturbed. If a few small pieces remain, give them another moment over low heat rather than raising the temperature sharply.
  5. Finish and serve. Take the saucepan off the heat and stir in the vanilla. Taste carefully; the drink is hot. Add a pinch more salt if the chocolate tastes flat, or a spoonful of sugar if you prefer it sweeter. Divide among four mugs and add whipped cream or marshmallows if you like. The full cooking process takes about 10 minutes.

Tips

  • Use unsweetened cocoa. This recipe is balanced for plain cocoa powder, not a sweetened cocoa drink mix. Dutch-process cocoa works too and gives a darker, usually smoother flavor; natural cocoa tends to taste brighter. Either is fine here, though cocoa powders vary, so adjust sweetness after the chocolate melts.
  • Choose chocolate you enjoy eating. Semisweet chocolate makes a balanced mug, but the result depends on the chocolate’s sweetness and cocoa percentage. If using bittersweet chocolate, begin with the listed sugar and add more to taste. Chocolate chips can work in a pinch, but some contain stabilizers and may melt less smoothly than a chopped bar.
  • Keep the heat moderate. The milk should steam, not bubble vigorously. Whisking regularly prevents a skin from forming and keeps cocoa and chocolate from settling. If the drink gets too hot, move the pan off the burner and whisk until it calms down before serving.
  • Thin or enrich to suit your mug. For a lighter drink, replace up to 1 cup (240 ml) of the whole milk with low-fat milk. For a richer, thicker cup, replace 1/2 cup (120 ml) of milk with the same amount of half-and-half. Avoid adding a large amount of cream, which can make the chocolate feel heavy and mute its flavor.

Serving Suggestions

Serve the hot chocolate as soon as it is made, while it is glossy and warm. Use heatproof mugs and pour slowly; a small ladle can help keep the serving size even. Whipped cream adds a soft, creamy finish, while mini marshmallows melt gradually into the surface. For a simple garnish, dust the top with a little cocoa powder or finely grated chocolate. Add toppings just before serving so they do not dissolve completely while the mugs wait.

This drink pairs well with crisp or buttery treats that provide a contrast to its creamy texture: shortbread, biscotti, plain butter cookies, or lightly toasted bread with jam. For a more filling afternoon snack, serve it with a warm croissant or a slice of simple cake. If serving a group, keep the saucepan on the lowest heat for only a short time and stir often; otherwise, transfer the drink to an insulated carafe so it stays warm without continuing to cook on the stovetop.

Variations

Make it dairy-free: Use 4 cups (960 ml) of unsweetened oat milk or soy milk in place of cow’s milk. Choose a bar of dairy-free semisweet chocolate, and check its label because not all dark chocolate is dairy-free. Oat milk gives a softly sweet, creamy result; soy milk has a fuller body. Some plant milks separate when boiled, so keep the heat gentle and do not let the mixture bubble.

Add warm spice: Whisk 1/4 teaspoon ground cinnamon into the cocoa, sugar, and salt. A small pinch of ground nutmeg or cardamom can be added too, but use a light hand so the spices do not overpower the chocolate. For a cinnamon-stick infusion, warm the milk with one stick for several minutes, then remove it before whisking in the chocolate. This gives a subtler flavor than stirring ground spice directly into the drink.

Make a mocha-style mug: Stir 1 to 2 teaspoons (2 to 4 g) instant espresso powder into the cocoa paste. It deepens the chocolate flavor without making the drink strongly coffee-flavored at that amount. For a more noticeable coffee taste, dissolve 1 tablespoon (15 ml) espresso in the warmed milk before adding the chopped chocolate.

Adjust the sweetness or chocolate intensity: For a less sweet cup, reduce the sugar to 1/4 cup (50 g), especially if your chocolate is on the sweet side. For a darker, more intense drink, replace the semisweet chocolate with bittersweet chocolate and taste before adding extra sugar. You can also stir in 1 tablespoon (15 g) of smooth peanut butter at the end for a nutty variation; it makes the drink richer and slightly thicker.

Storage and Reheating

Cool leftover hot chocolate promptly and refrigerate it in a covered container within 2 hours of cooking. It keeps for up to 3 days in the refrigerator. If you have already added whipped cream or marshmallows, they will not keep their original texture; for the best leftovers, store the drink plain and add toppings when serving. A thin layer or small amount of settled chocolate may appear after chilling, which is normal.

To reheat, pour a serving into a small saucepan and warm it over low to medium-low heat, whisking frequently until steaming and smooth. For food-safety guidance on reheated leftovers, bring it to 165°F (74°C), checking with a food thermometer, then serve promptly. Avoid boiling, which can scorch the milk and change the texture. In a microwave, heat a mug in short bursts, stirring between each burst so the edges do not become much hotter than the center. Do not reheat the same portion repeatedly; warm only what you plan to drink.

Freezing is possible, but it may make the milk and chocolate separate or turn grainy as they thaw. If you do freeze it, use a freezer-safe container and leave room for expansion. Thaw it in the refrigerator, then reheat gently while whisking vigorously; the texture may not return completely to its original smoothness. Refrigerating a small batch is usually the better choice.

Frequently Asked Questions

Can I make this with water instead of milk?
Yes. Replace the milk with 4 cups (960 ml) of water, or use half water and half milk for a lighter drink. Water produces a thinner, less creamy result, so the quality and flavor of the chocolate become more noticeable. Make the cocoa paste as directed, then whisk in the water gradually and melt in the chocolate.

Why is my hot chocolate lumpy?
Cocoa powder clumps when it meets a lot of liquid at once. Whisking it first with the sugar, salt, and a small splash of milk makes a smooth paste before the rest of the milk goes in. If lumps remain, whisk briskly or pass the finished drink through a fine-mesh strainer. Make sure the chopped chocolate is small enough to melt evenly.

Can I make it ahead for guests?
Yes. Make the recipe, cool it promptly, cover, and refrigerate it for up to 3 days. Reheat the amount you need slowly, whisking as it warms, and add the toppings at the table. For a gathering, you can also measure the dry ingredients and chop the chocolate earlier, then cook the drink shortly before serving for the freshest texture.

How can I make the drink thicker?
Use the full-fat milk suggested in the recipe and melt in an extra 1 oz (28 g) of chocolate. That makes the drink richer and a little thicker without adding a separate thickener. Keep the heat low and whisk until completely smooth. If you prefer a lighter cup, do not add extra chocolate; simply serve it in a smaller mug.

Can I use chocolate chips or a different kind of chocolate?
Chocolate chips are convenient and will usually work, although they may take longer to melt smoothly than finely chopped bar chocolate. Milk chocolate can replace some or all of the semisweet chocolate, but it is sweeter, so taste before adding any extra sugar. For unsweetened baking chocolate, use it sparingly and increase the sugar to taste; it is much more bitter than semisweet chocolate.

Related

More recipes to cook

Safety notes: safe minimum internal temperatures from USDA FSIS; raw and undercooked fish guidance from the U.S. FDA. Food safety notes

Spotted an error? Tell us and we will correct it (corrections policy).