Beverages
This black and white hot chocolate recipe transforms a cozy mug into a visually stunning dessert that tastes as good as it looks. The secret lies in contrasting velvety cocoa with toasted marshmallow peaks—creating layers of rich chocolate and airy sweetness in every sip.
I developed this after years of experimenting with textures and temperatures to achieve the perfect balance between smooth and fluffy.
The foundation starts with hot milk and dark chocolate, simmered until silky smooth, then carefully layered with whipped cream and toasted marshmallows. The contrast isn’t just about color—it’s about temperature and texture, where warm cocoa meets cool, creamy marshmallow clouds.
This isn’t your childhood hot chocolate; it’s a restaurant-worthy dessert that’s surprisingly simple to make at home.
By the time you’re done, you’ll have a mug that looks like a miniature chocolate landscape, with deep cocoa rivers flowing over marshmallow peaks. The first sip delivers a rich, bittersweet chocolate flavor, while the marshmallow adds a light, toasty contrast.
It’s the kind of drink that feels indulgent yet balanced—perfect for chilly evenings or special occasions.
Serve immediately to preserve the layers, or garnish with extra cocoa powder and crushed peppermint for a festive touch. This recipe is foolproof, requiring just a few ingredients and 15 minutes of active time. Let’s create something extraordinary in your kitchen!
Ingredients for black and white hot chocolate
Rich cocoa meets toasted marshmallow clouds—just nine ingredients transform a simple mug into a stunning dessert.
| Ingredient | Amount | Notes |
|---|---|---|
| Whole Milk 🥛 | 2 cups | Full-fat for creaminess |
| Dark Chocolate Chips 🍫 | ½ cup | 70% cocoa or higher |
| Large Marshmallows 🍫 | 1 cup | Store-bought or homemade |
| Heavy Whipping Cream 🥛 | ½ cup | Cold, full-fat preferred |
| Granulated Sugar 🍚 | ¼ cup | For sweetening cocoa |
| Unsalted Butter 🧈 | 2 tbsp | Cut into small pieces |
| Vanilla Extract 🌿 | 1 tsp | Pure vanilla preferred |
| Cocoa Powder 🍫 | 2 tbsp | Natural or Dutch-process |
| Crushed Peppermint 🍃 | 1 tbsp | Optional garnish |
| Pinch of Salt 🧂 | ⅛ tsp | Enhances chocolate flavor |
The chocolate is everything here. 70% dark chocolate chips from Ghirardelli or Lindt give that deep, bittersweet flavor without being overpowering. For the marshmallows, Dandies or Jet-Puffed are foolproof—no need to make them from scratch unless you're feeling ambitious. The heavy whipping cream should be cold straight from the fridge; room temperature just won't whip as beautifully. And that vanilla? Real Madagascar bourbon vanilla makes a difference, but imitation works in a pinch.
No heavy cream? Whipped coconut cream gives a similar texture, though it'll taste different. Short on dark chocolate? High-quality semi-sweet chocolate chips work, but you'll lose some of that rich depth. The cocoa powder is for garnish—Dutch-process dissolves smoother, but natural works too. For the marshmallows, toast them in a 350°F oven for 3-5 minutes until golden and puffy. Too impatient? A microwave on high for 10-15 seconds does the trick. Just don't skip the toasting—it's what gives them that perfect crunch.
The cocoa base keeps for 3 days in the fridge, but the marshmallows lose their texture after 24 hours. Whip the cream last-minute—it deflates fast. For make-ahead prep, store the cocoa mixture separately and toast marshmallows fresh. Garnish with extra cocoa powder and crushed peppermint right before serving—the contrast is what makes it magical. And if you're serving a crowd, double the recipe. Trust me, you'll want seconds.
Why You'll Love This Recipe
- Five-Ingredient Magic: Honestly, I swear by this recipe because it’s that simple—just milk, chocolate, marshmallows, cream, and sugar. No fancy gadgets, no stress, just melt, whisk, and sip. The kind of easy that makes me feel like a hot chocolate hero even on a Tuesday.
- Rich Contrast Bites: That first spoonful of dark chocolate sinking into the marshmallow fluff? Chef’s kiss. The heavy cream ties it all together—smooth, decadent, but not cloying. It’s the kind of drink that makes you pause mid-sip because it’s actually that good.
- Crowd-Pleaser Always: Between us, this is the one drink I make when friends over or the kids beg for something sweet. Adults love the depth of the dark chocolate, and the marshmallows keep the little ones happy. No one leaves disappointed—promise.
Step-by-step instructions for black and white hot chocolate
Here's how to create a luxurious contrast of rich cocoa and toasted marshmallow—simple steps for a showstopping dessert.
Melt Chocolate and Butter for a Silky Base
In a medium saucepan, combine the 2 cups whole milk, 2 tbsp unsalted butter, and 0.25 cup granulated sugar over medium-low heat. Stir gently until the butter melts completely and the sugar dissolves—this should take about 3-4 minutes. The mixture will begin to simmer as the temperature rises.
Once simmering, reduce heat to low and whisk in the 2 tbsp cocoa powder and 1 tsp vanilla extract. Continue stirring constantly for 2-3 minutes until the cocoa is fully incorporated and the mixture thickens slightly. This creates your velvety cocoa base—stop stirring when it reaches a pudding-like consistency. Remove from heat immediately to prevent scorching.
Infuse and Temper the Cream
In a separate small saucepan, heat the 0.5 cup heavy whipping cream over low heat until it just begins to steam—do not boil. Remove from heat and whisk in the 0.5 cup dark chocolate chips until they melt completely. This tempering step ensures the chocolate melts smoothly without seizing.
Strain the melted chocolate mixture through a fine-mesh sieve into the cocoa base, pressing on the solids to extract every bit of flavor. Return the combined mixture to low heat and stir for 1-2 minutes until everything is perfectly blended. The result should be a glossy, deep brown liquid with a luxurious sheen—this is your signature "black" hot chocolate base.
Toast the Marshmallows for Perfect Peaks
Line a baking sheet with parchment paper and arrange the 1 cup large marshmallows in a single layer, spaced about 1 inch apart. Broil on high for 1-2 minutes, watching carefully—they're done when they turn golden brown with crisp edges and soft centers. Rotate the tray halfway if needed for even browning.
Remove immediately and let cool for 30 seconds before transferring to a plate. The contrast between their toasted exterior and gooey interior is what makes this dessert special. Keep them warm while you prepare the final assembly.
Assemble the Black and White Contrast
Divide the cocoa mixture evenly among 4 heatproof mugs or ramekins. Gently press 1 tbsp crushed peppermint into the surface of each serving—this adds a refreshing contrast to the richness. Let the cocoa cool slightly to 110°F (it should still be warm but not scorching).
Working quickly, place 3-4 toasted marshmallows on top of each cocoa serving. The heat from the cocoa will make them melt into gooey peaks while maintaining their toasted edges. Serve immediately with a long spoon for dipping—this is where the magic happens!
Garnish and Serve with Confidence
Sprinkle an additional pinch of salt and a few extra crushed peppermint pieces on each serving for visual appeal and flavor balance. The salt enhances the chocolate depth while the peppermint cuts through the sweetness. Present with a dusting of extra cocoa powder for that classic hot chocolate finish.
Serve while warm—each sip should deliver smooth cocoa rivers that contrast beautifully with the toasted marshmallow peaks. The peppermint adds a sophisticated finish that makes this more than just hot chocolate. Enjoy immediately for the perfect balance of textures and temperatures!
Pro Tips For Making Black And White Hot Chocolate
- Temper the Chocolate: Melt the dark chocolate chips in a heatproof bowl set over simmering water—never microwave. I learned this the hard way when I ended up with grainy, sad chocolate that ruined the whole drink. Stir every 30 seconds until it’s smooth, then remove from heat immediately.
- Toast the Marshmallows: Skip the microwave—toss the large marshmallows in a dry skillet over medium-low heat for 1-2 minutes until golden and puffed. They’ll caramelize just enough to add depth without burning, and you’ll avoid that weird, rubbery texture that happens when you nuke them.
- Whip the Cream Cold: Chill the heavy whipping cream in the fridge for at least 30 minutes before whipping—it stiffens faster and holds its shape. I used to rush this, and the cream would turn buttery instead of fluffy, making the whole drink collapse like a sad soufflé.
- Sweeten in Stages: Stir in half the sugar with the milk first, then add the rest after the chocolate melts. This prevents clumping and lets the flavors meld better. I was skeptical until I tried it—now I can’t go back to dumping it all in at once.
Make-ahead tips for black and white hot chocolate
Prep Ahead Components
Divide your prep into two parts to save time: the cocoa base and the marshmallows. The cocoa mixture can be made up to 3 days ahead and stored in an airtight container in the fridge.
Reheat gently on the stovetop over low heat with a splash of milk until smooth. The marshmallows, however, should be toasted fresh—24 hours ahead is the max they keep their perfect texture. 🥛
Toasted Marshmallow Prep
Toast all your marshmallows at once and store them in a single layer on a parchment-lined tray in the fridge. They’ll keep their shape for 24 hours, but bring them to room temperature before using.
For extra fluffiness, store them in a sealed container with a paper towel to absorb excess moisture. I like to toast a batch on Sundays so they’re ready for spontaneous dessert moments all week. ✨
Cream Whipping Schedule
Whip the cream last-minute—it deflates fast, so don’t prep it ahead. Chill your beaters and bowl in the freezer for 10 minutes before whipping to get the best volume. If you’re really organized, you can measure out all ingredients except the marshmallows and cocoa powder the night before.
Just keep the heavy cream cold until you’re ready to whip it. 🧊
Garnish Strategy
Keep your garnishes separate until serving. Store the crushed peppermint and extra cocoa powder in small jars with tight lids. The peppermint loses its crispness after 48 hours, so add it fresh.
For a festive touch, sprinkle a pinch of flaky sea salt on the cocoa powder before storing it. This keeps everything fresh-tasting until the last minute. 💫
Serving Setup
Preheat your mugs or ramekins in the oven at 200°F for 5 minutes before assembling. This keeps the cocoa warm longer and prevents temperature shock when you add the marshmallows. Set up your serving station with spoons, extra cocoa powder, and crushed peppermint within easy reach.
The contrast of warm cocoa and toasted marshmallows is best enjoyed immediately, so plan to serve within 10 minutes of assembly. 🍫
Freezer-Friendly Option
For a quick make-ahead hack, freeze the cocoa mixture in ice cube trays. Pop out a cube and melt it in the microwave for 20 seconds with 2 tbsp milk to refresh it. This works well for 1 month and saves you from reheating a large batch. Just
Nutrition facts
Frequently asked questions
Can I make this black and white hot chocolate with dairy-free milk?
Yes! For a dairy-free version, use full-fat coconut milk or oat milk with 1 tablespoon coconut cream for richness. Replace butter with vegan butter or coconut oil, and ensure your chocolate chips are dairy-free. The texture will be slightly lighter, but the flavor contrast remains delicious.
How do I fix marshmallows that turn too hard when toasting?
If your marshmallows become too crispy, reduce broiling time to 30-45 seconds on high. For a softer texture, toast them in a 350°F oven for 2-3 minutes instead. Always watch closely—they're done when golden brown with slight puffiness. A quick fix: Spritz with water and microwave for 5 seconds to revive gooeyness.
Can I make this recipe without a broiler?
Use your oven's highest heat setting (usually 450°F-500°F) for 1-2 minutes with the marshmallows on a baking sheet. For a microwave method, place marshmallows on a plate and microwave for 10-15 seconds at full power, checking every 2 seconds to avoid burning. The goal is golden edges with soft centers.
What's the best way to serve this as a dessert?
For a restaurant-style presentation, serve in clear glass mugs or heatproof ramekins. Add a long-handled spoon for dipping into the melted marshmallow peaks. Garnish with extra cocoa powder and crushed peppermint, then place a candle in the center for a cozy ambiance. Pair with shortbread cookies for a complete dessert experience.
Why did my cocoa mixture separate?
Separation happens when cocoa powder isn't fully dissolved or the mixture cools too quickly. To fix it, whisk in 1 tablespoon hot milk while stirring vigorously. For prevention, strain the cocoa mixture through a fine-mesh sieve after combining all ingredients. Always heat gently and stir constantly to maintain smoothness.