Hot Chocolate Recipe with Evaporated Milk

Updated November 3, 2026

Total time
13 min
prep 5 min · cook 8 min
Serves
4
portions as written

Jump to recipe

Hot Chocolate Recipe with Evaporated Milk

This hot chocolate recipe with evaporated milk makes a smooth, cocoa-rich drink with a fuller texture than one made with regular milk alone. Evaporated milk is concentrated unsweetened milk, so it adds creaminess without requiring cream; warm it gently with cocoa, sugar, and milk, then serve the drink hot with your favorite toppings.

Ingredients

  • ⅓ cup (28 g) unsweetened cocoa powder
  • ½ cup (100 g) granulated sugar
  • ¼ teaspoon (1.5 g) fine salt
  • ½ cup (120 ml) whole milk, for making the cocoa paste
  • 1 can (12 fl oz / 354 ml) evaporated milk, unsweetened
  • 1½ cups (355 ml) whole milk, to finish the drink
  • 3 oz (85 g) semisweet chocolate, finely chopped, optional for a deeper chocolate flavor
  • 1 teaspoon (5 ml) vanilla extract
  • Optional toppings: up to 1 cup (60 g) mini marshmallows, or ½ cup (120 ml) whipped cream, for serving

Instructions

  1. Measure the ingredients. Set out the cocoa, sugar, salt, milks, vanilla, and optional chopped chocolate. Finely chopped chocolate melts faster and more evenly than large pieces. The five-minute preparation estimate allows time to measure and chop; if you leave out the optional chocolate, you can simply set it aside.
  2. Make a smooth cocoa paste. In a medium, heavy-bottomed saucepan, whisk together the cocoa powder, sugar, and salt. Gradually whisk in the ½ cup (120 ml) of whole milk until the mixture is smooth and free of dry cocoa pockets. Set the pan over medium-low heat and stir for about 2 minutes, until the sugar begins to dissolve and the paste looks glossy. Starting with a small amount of milk helps prevent lumps in the finished drink.
  3. Add both kinds of milk. Slowly whisk in the evaporated milk and the remaining 1½ cups (355 ml) of whole milk. Keep the heat at medium-low and stir frequently, scraping the bottom and corners of the pan. Warm the mixture for about 5 minutes, until it is steaming and hot but not boiling. A gentle heat keeps the milk from scorching and gives the cocoa time to blend into the liquid.
  4. Finish and serve. If using the chopped chocolate, add it now and stir for about 1 minute, until melted. Remove the pan from the heat, stir in the vanilla, and taste carefully. Pour into four mugs and add marshmallows or whipped cream if desired. The drink is hottest straight from the pan, so let it cool briefly before serving to children.

Tips

  • Check the can label. Evaporated milk is unsweetened and should not be confused with sweetened condensed milk. Condensed milk contains added sugar and is much thicker; substituting it directly would make this recipe overly sweet and change the texture. If it is all you have, use a small amount and reduce the granulated sugar substantially, tasting as you go.
  • Whisk the cocoa into a paste first. Cocoa powder tends to float or form dry clumps when it is added straight to a full pan of milk. Mixing it with the sugar, salt, and a little milk before adding the rest is a simple way to get a more even drink. If a few small lumps remain, whisk briskly rather than turning the heat higher.
  • Keep the heat gentle. Milk can catch on the bottom of a hot pan, especially once the sugar and cocoa are added. Stir frequently and lower the heat if you see bubbles forming around the edges. The hot chocolate does not need to boil; steaming and thoroughly hot is enough.
  • Adjust the finish to taste. For a less sweet mug, start with a little less sugar or skip the optional chocolate. For a stronger cocoa flavor, use the chopped chocolate or add a small extra spoonful of cocoa, whisked first with a little warm liquid. Make changes gradually so the drink stays balanced rather than turning bitter or too thick.

Serving Suggestions

Pour the hot chocolate into warmed mugs if you want it to stay hot longer. Marshmallows and whipped cream both work well, while a light dusting of cocoa or a few chocolate shavings adds a simple finish. For a less sweet topping, try a small pinch of cinnamon; it complements the chocolate without changing the basic recipe. A cinnamon stick can also be used as a stirrer, though it will add only a gentle aroma unless left in the mug for a while.

This is a rich drink, so small mugs are often a comfortable serving size, especially after a meal. Pair it with plain shortbread, buttered toast, or a not-too-sweet biscuit if you want something to nibble alongside it. For a casual gathering, keep the saucepan over the lowest heat and stir occasionally while serving, rather than leaving it unattended or letting it simmer. If serving several people over time, pour only what is needed and refrigerate the remainder promptly.

Variations

Make it darker and more chocolatey: Include the optional semisweet chocolate. Bittersweet chocolate can be used instead for a less sweet, more pronounced chocolate taste; if the result tastes too intense, add a little more milk or sugar. Chocolate chips work in a pinch, but chopped bar chocolate usually melts more smoothly because it has fewer stabilizers.

Use a different milk: You can replace the whole milk with 2% milk for a lighter-bodied drink, or use an unsweetened oat or soy beverage. Plant-based drinks vary in flavor and thickness, so the result may be less creamy or may have a noticeable cereal or nut-like note. Keep the evaporated milk if dairy is suitable for you; for a fully dairy-free version, use a plant-based evaporated milk product and plant milk, following the product label for quantities.

Add a warm spice: Whisk in ¼ teaspoon (about 0.5 g) ground cinnamon with the cocoa and sugar, or add a very small pinch of cayenne for gentle heat. Start lightly, since spices become more apparent as the drink sits. A strip of orange zest can be warmed with the milks and removed before serving for a citrus aroma; avoid grating in the white pith, which can taste bitter.

Make a mocha-style mug: Stir ½ teaspoon (1 g) instant espresso powder into the cocoa paste. It gives the drink a coffee note and makes the chocolate flavor seem more pronounced. For a stronger coffee character, dissolve the espresso powder in 1 tablespoon (15 ml) hot water first, then add it with the milks. This variation is still a hot chocolate, but it will contain caffeine from the coffee.

Storage and Reheating

Let leftover hot chocolate cool briefly, then transfer it to a clean, covered container and refrigerate it within 2 hours of cooking. It keeps well for 3 to 4 days in the refrigerator. The cocoa and chocolate may settle or form a light layer as the drink chills; that is normal. Stir before reheating, and check for any off smell or unusual appearance before using leftovers.

Reheat only the amount you plan to drink. Warm it in a small saucepan over low to medium-low heat, whisking frequently until hot and smooth; avoid boiling, which can scorch the milk and make the texture less pleasant. For a microwave, heat a mug in short 30-second bursts, stirring between each burst so the edges do not become much hotter than the center. If the drink has thickened in the refrigerator, whisk in a splash of milk to loosen it. Do not leave reheated hot chocolate at room temperature for an extended time, and refrigerate any portion that has not been served.

Frequently Asked Questions

Can I make hot chocolate with evaporated milk only?

Yes. Replace the 2 cups (475 ml) of whole milk in the recipe with 2 cups (475 ml) of water, or use more evaporated milk diluted with water according to the can’s directions. Using undiluted evaporated milk for all the liquid makes a very concentrated, heavy drink, so dilution usually gives a more balanced mug. Taste and adjust the sugar after warming.

Is evaporated milk the same as condensed milk?

No. Evaporated milk is milk with some of its water removed, and it does not have added sugar. Sweetened condensed milk is much thicker and contains a large amount of sugar. Use the can marked evaporated milk for this recipe; the two products are not interchangeable in equal amounts.

Can I make this recipe without cocoa powder?

Yes. Omit the cocoa powder and use about 4 oz (115 g) of finely chopped semisweet or bittersweet chocolate instead of the 3 oz (85 g) optional amount. Warm the milks gently, add the chocolate, and whisk until fully melted; add the sugar gradually and taste, since different chocolate bars vary in sweetness. The drink will have a smoother, more melted-chocolate character than the cocoa version.

Why did my hot chocolate turn lumpy?

The most common cause is adding dry cocoa directly to a large amount of liquid or heating it before it has been whisked smooth. Make the cocoa paste with a small quantity of milk first, then slowly whisk in the remaining liquids. If lumps appear, remove the pan from the heat and whisk vigorously. For a particularly smooth finish, pour the drink through a fine-mesh strainer before serving.

Can I prepare it ahead for a group?

Yes. Make the recipe, cool it, and refrigerate it in a covered container within 2 hours. Reheat it gently in a saucepan, whisking often, and serve once it is hot. For the best texture, avoid keeping it warm for hours or letting it simmer; prolonged heating can cause a skin to form and may scorch the milk. Toppings are best added to individual mugs just before serving.

Can I reduce the sugar?

Yes. You can reduce the granulated sugar to ⅓ cup (about 67 g) for a less sweet drink, especially if you plan to add marshmallows or whipped cream. If you are also using the optional semisweet chocolate, taste before adding more sugar because the chocolate contributes sweetness. Sweeteners vary in strength and flavor, so if using a substitute, follow its package guidance and adjust the amount to taste.

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).