I make this on slow mornings and on frantic afternoons. It’s the kind of one-pot comfort drink that behaves like a hug and tastes like a small, delicious indulgence. The combination of coffee with melted milk chocolate and sweetened condensed milk gives you deep cocoa notes, a clean coffee backbone, and a rounded, velvety body.
There’s no fancy tempering or complicated technique here. You combine a few pantry staples, heat gently, skim and serve. The method is forgiving, but small choices—temperature, stirring frequency, and chocolate distribution—make the difference between glorious and just “fine.”
Below you’ll find the exact ingredient list and step-by-step directions, followed by practical notes: what goes wrong and how to fix it, flexible swaps you can make, equipment that matters, and storage tips so nothing gets wasted. Ready? Let’s get a pot on the stove.
Ingredient List
- 14 oz sweetened condensed milk — adds sweetness and body; it’s the primary sweetener and gives the drink that rich, creamy backbone.
- 1 cup milk chocolate chips — melts into a smooth chocolate base; milk chocolate keeps the drink mellow rather than bitter.
- 1 cup coffee — provides the coffee flavor and a balancing bitterness; use a brewed coffee you enjoy.
- 4 cups white milk — the main liquid; whole milk will give the creamiest result, but any cow’s milk will work.
- mini marshmallows — garnish and quick texture contrast; they melt slightly on top and add a playful finish.
Coffee and Hot Chocolate: How It’s Done
- Pour 4 cups white milk, 1 cup coffee, and 14 oz sweetened condensed milk into a large saucepan; stir to combine.
- Add 1 cup milk chocolate chips to the saucepan and stir so the chips are distributed evenly.
- Place the saucepan over medium-low heat.
- Heat gently, stirring frequently (every 1–2 minutes) to prevent sticking, until the chocolate chips are fully melted and the mixture is smooth and hot. Do not let it come to a rolling boil; gentle steaming and small bubbles at the edge are enough. This typically takes about 10–20 minutes.
- Remove the pan from the heat once the mixture is smooth and hot.
- Pour into cups and top each serving with mini marshmallows.
- Serve immediately.
Why This Recipe Is Reliable
This recipe relies on simple chemistry and clear temperature control. Sweetened condensed milk supplies sugar and stabilizers that prevent graininess and give a glossy mouthfeel. Milk chocolate chips are formulated to melt smoothly and keep the drink balanced—less temperamental than dark chocolate when you’re working directly in milk.
Using medium-low heat and stirring frequently solves two common problems: scorching and separation. The instructions emphasize gentle heating because milk proteins can seize or scorch at high temperatures. Frequent stirring distributes heat evenly and keeps the chocolate from settling on the pan bottom.
Finally, the ratio of dairy to coffee is designed for a crowd-pleasing flavor: you get clear coffee notes without it overpowering the chocolate. That makes the drink forgiving whether you’re serving it to a child or an adult who wants a little caffeine lift.
Ingredient Flex Options
These swaps keep the spirit of the drink but let you adapt to what’s in your pantry or to dietary needs. I’ll list practical options and what to expect from each swap.
- Milk: Substitute with 2% for a lighter mouthfeel or whole milk for extra richness. Plant milks (oat, soy) can work but will thin the sauce slightly and change flavor.
- Milk chocolate chips: If you prefer less sweetness or more chocolate intensity, use semisweet or bittersweet chips—but cut back slightly on sweetened condensed milk if you want a less sweet final drink.
- Coffee: Use strong brewed coffee or espresso if you want a pronounced coffee note. Instant coffee dissolved in a little hot water also works in a pinch.
- Sweetness: If you want it less sweet, reduce the condensed milk slightly and taste as you go. Be aware the texture will change because the condensed milk contributes viscosity.
- Marshmallows: Swap for whipped cream or a dusting of cocoa powder if you prefer a less sugary topper.
Equipment at a Glance
Few tools are required, but these make the process smoother and protect the texture of the drink.
- Large saucepan — gives you surface area for even heating and space to stir without spillage.
- Heatproof spatula or wooden spoon — for scraping the bottom and distributing chocolate chips.
- Measuring cups — needed for the milk and coffee volume consistency.
- Whisk (optional) — helpful if you want the smoothest finish and are incorporating any additional flavors or cocoa powder.
Things That Go Wrong
Here are the most common issues, why they happen, and quick fixes so you can rescue the batch rather than start over:
- Scorched or burned milk: Caused by too-high heat or inadequate stirring. Fix: Immediately remove from heat. If only a small amount at the bottom is scorched, carefully decant the unscorched liquid into a clean saucepan without scraping the bottom, then continue warming gently.
- Chocolate seizes or becomes grainy: This can happen if chocolate overheats or if water gets into the chocolate. Fix: Remove from heat and whisk in a tablespoon of warm milk or cream to smooth. If necessary, strain to remove any gritty bits.
- Separation or a thin texture: Too much heat or wrong proportion of liquid to condensed milk. Fix: Warm and whisk gently; if thin, add a small extra splash of condensed milk to thicken, or simmer very gently to reduce slightly while stirring.
- Flavor too sweet or too bitter: If too sweet, serve smaller portions or add a dash of instant coffee/espresso to sharpen the coffee note. If too bitter, stir in a bit more condensed milk or a pinch of sugar to balance.
- Not hot enough: The drink should be hot but not boiling. Return to low heat and warm slowly, stirring frequently to avoid panic boils.
Adaptations for Special Diets
There are straightforward substitutions to make this drink fit vegetarian, lactose-free, or lower-sugar needs. Note that texture and sweetness will change; taste and adjust as you go.
- Vegan / dairy-free: Use full-bodied plant milk like oat or soy in place of the 4 cups white milk. Replace sweetened condensed milk with a commercial vegan condensed milk alternative, or carefully simmer a can of full-fat coconut milk with maple syrup until slightly reduced (this requires attention and will alter flavor). Use dairy-free chocolate chips. Expect a different but still comforting result.
- Lactose-free: Lactose-free cow’s milk and lactose-free sweetened condensed milk (if available) work directly as 1:1 swaps.
- Lower sugar: Reduce the sweetened condensed milk slightly and consider using a less-sweet chocolate (semisweet). Be cautious: less condensed milk changes texture; add small amounts and taste.
Chef’s Notes
Little habits that make a big difference:
- Measure the coffee by taste. If you brew a particularly bold coffee, you might want less than a cup; if it’s mild, a slightly stronger dose helps balance the chocolate.
- Keep the heat low and patient. This isn’t a quick microwave trick—slow warming builds texture.
- Stir every 1–2 minutes exactly as the directions say. It’s worth the small habit to avoid nasty surprises on the pan bottom.
- Serve in pre-warmed mugs for the best immediate experience; the drink cools faster in a cold cup.
Keep It Fresh: Storage Guide
Store leftovers in an airtight container in the refrigerator for up to 48 hours. The mixture will thicken as it cools. Reheat gently on the stove over low heat, stirring frequently, or microwave in short bursts, stirring between each burst until just hot. If it has separated slightly, whisk quickly or blend briefly to re-emulsify.
Do not freeze; chocolate and dairy often separate and change texture after freezing and thawing.
Reader Questions
Q: Can I make this ahead for a party?
A: Yes. Prepare the base and keep it warm in a double boiler or slow cooker set to low. Stir occasionally. It reheats well on the stove, but keep the heat gentle.
Q: Can I use instant coffee?
A: Yes. Dissolve the instant coffee in a small amount of hot water before adding to ensure it blends evenly. The flavor profile will be different from brewed coffee but still enjoyable.
Q: My drink got grainy—what now?
A: Graininess usually comes from overheated chocolate or moisture issues. Remove from heat and whisk in a tablespoon of warm milk or cream. If that doesn’t fully smooth it, strain and serve; flavor should still be good.
See You at the Table
This is an easy, satisfying recipe to fall back on when you want something richer than plain coffee but simpler than making a dessert. Keep the ingredient list short and your heat low, and you’ll have a luxurious cup that’s quick enough for a weekday treat and comforting enough for a weekend cuddle-up. If you try a swap or have a question, leave a note — I read every one and love hearing how you make a recipe your own. Cheers to warm mugs and small moments of pleasure.
Coffee and Hot Chocolate
Equipment
- Saucepan
- Stove
- Spoon
Ingredients
Ingredients
- 14 oz.sweetened condensed milk
- 1 cupmilk chocolate chips
- 1 cupcoffee
- 4 cupswhite milk
- mini marshmallows
Instructions
Instructions
- Pour 4 cups white milk, 1 cup coffee, and 14 oz sweetened condensed milk into a large saucepan; stir to combine.
- Add 1 cup milk chocolate chips to the saucepan and stir so the chips are distributed evenly.
- Place the saucepan over medium-low heat.
- Heat gently, stirring frequently (every 1–2 minutes) to prevent sticking, until the chocolate chips are fully melted and the mixture is smooth and hot. Do not let it come to a rolling boil; gentle steaming and small bubbles at the edge are enough. This typically takes about 10–20 minutes.
- Remove the pan from the heat once the mixture is smooth and hot.
- Pour into cups and top each serving with mini marshmallows.
- Serve immediately.
