Hot Cocoa With Marshmallows Recipe

The perfect steaming mug of comfort for chilly evenings.

Sweet Treats & Desserts .

A rich, creamy hot cocoa topped with fluffy marshmallows for the ultimate cozy drink.

Published: January 13, 2026
Share:
Jump to Recipe Pin It
Hot Cocoa With Marshmallows Recipe | Recipes & Joy

Hot cocoa has a long history dating back to the Mayans, who consumed a bitter cocoa drink made from ground cacao seeds. When it arrived in Europe in the 16th century, sugar was added, transforming it into the sweet treat we know today. The addition of marshmallows became popular in the 20th century, creating the classic combination that evokes warmth and nostalgia.

Why You'll Love It

  • Rich, deep chocolate flavor from real cocoa and chocolate.

  • Creamy, velvety texture that feels luxurious.

  • Effortless to make with pantry staples.

  • Instantly comforting and perfect for sharing.

"This is the best hot cocoa I've ever had—so rich and chocolatey!"

Essential Ingredient Guide

  • Unsweetened cocoa powder: Use a good quality cocoa powder for the best flavor. Dutch-processed will give a smoother, less acidic taste.
  • Milk: Whole milk creates the creamiest result, but any milk will work. For a thicker drink, you can use half milk and half cream.
  • Dark chocolate: A small amount of chopped dark chocolate melted into the cocoa adds depth and a silky texture.
  • Marshmallows: Standard white marshmallows are classic, but mini ones melt evenly. For a treat, try flavored or homemade marshmallows.
  • Vanilla extract: A splash of vanilla added at the end enhances all the chocolate flavors wonderfully.
  • Sugar: Adjust the sugar to your taste. Start with less—you can always add more.
Preparing Hot Cocoa With Marshmallows Recipe | Recipes & Joy

Complete Cooking Process

  • Ingredient Readiness:

    Measure everything before you start. Having the cocoa, sugar, and chocolate ready means the milk won't overcook while you search.

  • Flavor Development:

    Whisking the cocoa and sugar into a little hot milk first creates a smooth paste, preventing lumps and ensuring the chocolate flavor is fully dissolved.

  • Texture Control:

    Gentle heating is key. Don't let the milk boil; just heat it until it's steaming hot. This keeps the texture smooth and prevents a skin from forming.

  • Finishing Touches:

    Stir in the vanilla right at the end to preserve its delicate aroma. The final whisk before serving creates a lovely froth.

  • Serving Timing:

    Serve immediately while it's piping hot for the best experience. The marshmallows will start to melt into a delicious gooey topping.

  • Pro Tips

    • Whisk constantly to avoid scorching the milk on the bottom of the pan.

    • Use a microplane to grate the chocolate if you want it to melt even faster.

    • Warm your mugs with hot water first so the cocoa stays hotter longer.

    • For an adult version, a pinch of cinnamon or chili powder is lovely.

    You know, I always make a little extra cocoa paste. It means you get a really intense chocolate base that won't taste watery. And honestly, warming the mugs is a game-changer on a cold day. It’s those little things that make it feel special.

Cooking Hot Cocoa With Marshmallows Recipe | Recipes & Joy

The essence of the dish:

This hot cocoa is all about pure, unadulterated comfort. It’s the drink you crave when you need to slow down and wrap your hands around something warm.

A fun fact or historical angle:

The first instant cocoa mix was invented in the late 1930s, but this homemade version is so much better and connects you to a much longer tradition.

Flavor or sensory focus:

The first sip is all about the deep, rich chocolate aroma, followed by the creamy warmth of the milk and the sweet, melting marshmallows.

You Must Know

  • Do not boil the milk—it can scorch and change the flavor.

  • Whisk vigorously when adding the cocoa to avoid lumps.

  • Taste for sweetness after the chocolate melts in, as its bitterness can vary.

Frequently Asked Questions

Can I make this cocoa dairy-free?

Absolutely. Use oat milk or almond milk. Coconut milk will also work and add a lovely richness, though it will have a coconut flavor.

What's the best way to melt the chocolate?

Chopping it finely helps it melt quickly in the hot milk. You can also add it to the cocoa paste at the beginning.

Can I make a big batch for a crowd?

Yes, you can easily double or triple the recipe. Keep it warm in a slow cooker on the 'low' setting, stirring occasionally.

My cocoa is a bit thin. How can I thicken it?

You can add a teaspoon of cornstarch mixed with a little cold milk to the hot cocoa and simmer for a minute until it thickens.

What can I use instead of marshmallows?

A dollop of whipped cream is classic. Or try a sprinkle of chocolate shavings or a cinnamon stick for stirring.

How should I store leftovers?

Let it cool completely and store it in the fridge for up to 2 days. Reheat gently on the stove, adding a splash of fresh milk.

Hot Cocoa With Marshmallows Recipe Ready to Serve | Recipes & Joy

Nutrition Facts

per serving

280

Calories

9g

Protein

38g

Carbs

12g

Fat

Fiber: 3g
Sugar: 32g
Sodium: 150mg

Taste Profile

🍯 Sweet
Medium-High
🧂 Salty
Low
🌶️ Spicy
None
🍋 Sour
None
🍖 Umami
Low

Rich, sweet, and deeply chocolatey with a creamy finish.

Ingredient Substitutions

Don't have an ingredient? Try these alternatives

Whole milk Oat milk, almond milk, or half-and-half

Plant-based milks will alter the flavor slightly. Half-and-half will make it ultra-rich.

Dark chocolate Semi-sweet chocolate chips

This will make the drink sweeter, so you may want to reduce the added sugar.

Granulated sugar Maple syrup or honey

Add liquid sweeteners to the heated milk, not the initial paste, and adjust to taste.

Recipe Variations

Try these delicious twists on the original

Mexican Hot Chocolate

Add a pinch of cinnamon and a tiny pinch of cayenne pepper for a warm, spicy kick.

Peppermint Cocoa

Swap the vanilla for peppermint extract and top with a candy cane.

Salted Caramel Cocoa

Stir in a tablespoon of caramel sauce and finish with a sprinkle of flaky sea salt.

Common Mistakes to Avoid

Learn from others' mistakes for perfect results

  • Boiling the milk, which can make it taste scorched and thin.
  • Not whisking the initial paste enough, leading to lumpy cocoa.
  • Adding the vanilla while the cocoa is boiling, which can make the flavor dissipate.

Meal Prep & Storage

Make Ahead Tips

You can mix the dry ingredients (cocoa powder, sugar, salt) ahead of time and store them in a jar. When ready, just add to the hot milk as directed.

Leftover Ideas

Reheat gently in a saucepan over low heat, adding a splash of milk to thin it out if needed. Stir frequently.

Perfect Pairings

Serve this with...

A warm hearty soup like this French onion makes a great savory companion. Buttery shortbread cookies or biscotti for dipping. A cozy blanket and a good book for the ultimate relaxing moment.

Cooking Timeline

0-2 min

Gather and measure all ingredients.

2-4 min

Heat a small amount of milk and whisk into a paste with cocoa and sugar.

4-9 min

Whisk in remaining milk and chocolate, heat until steaming hot.

9-10 min

Stir in vanilla, whisk vigorously, and pour into mugs.

10-11 min

Top with marshmallows and serve immediately.

Hot Cocoa With Marshmallows Recipe

Hot Cocoa With Marshmallows Recipe

This rich, creamy hot cocoa with marshmallows recipe creates a warm and cozy drink perfect for cold days or as a sweet treat. Made with quality cocoa powder and melted chocolate, it's far superior to any packet mix.

Author: Lily Anderson

Timing

Prep Time

5 Minutes

Cook Time

10 Minutes

Total Time

15 Minutes

Recipe Details

Category: Sweet Treats & Desserts
Difficulty: Easy
Cuisine: American
Yield: 2 Servings
Dietary: Vegetarian

Ingredients

For the Cocoa

  • 01

    2 cups whole milk

  • 02

    2 tablespoons unsweetened cocoa powder

  • 03

    2-3 tablespoons granulated sugar (adjust to taste)

  • 04

    1 ounce dark chocolate, finely chopped

  • 05

    1/4 teaspoon vanilla extract

  • 06

    Pinch of salt

For Serving

  • 01

    1/4 cup marshmallows

  • 02

    Optional: whipped cream, chocolate shavings

Instructions

Step 01

In a small saucepan, heat about 1/4 cup of the milk over medium heat until it's just starting to steam. Don't let it boil.

Step 02

Whisk in the cocoa powder, sugar, and salt until you have a smooth, thick paste. This step is crucial for avoiding lumpy cocoa.

Step 03

Gradually whisk in the remaining milk until everything is well combined. Add the chopped dark chocolate.

Step 04

Heat the mixture over medium-low heat, stirring frequently with a whisk, until it is steaming hot and the chocolate has completely melted. This should take about 5-7 minutes. Do not let it boil.

Step 05

Remove from the heat and stir in the vanilla extract. Give it one final vigorous whisk to make it a bit frothy.

Step 06

Pour into warmed mugs, top with a generous handful of marshmallows, and serve immediately.

Notes & Tips

  • 1

    For a minty version, add a drop of peppermint extract instead of vanilla.

  • 2

    If you like a warming soup with a different profile, this hot and sour soup is fantastic.

  • 3

    Leftover cocoa can be chilled and enjoyed cold, like chocolate milk.

Tools You'll Need

  • Small saucepan

  • Whisk

  • Measuring cups and spoons

  • Mugs

Must-Know Tips

  • Gentle heat is best, Prevents scorching the milk

  • Whisk the cocoa paste well, Ensures a smooth drink

  • Taste before serving, Adjust sweetness to your liking

Professional Secrets

  • Warm your mugs, Keeps the cocoa hot longer

  • Use good cocoa, The flavor difference is worth it

  • A pinch of salt, Enhances the chocolate flavor dramatically

Lily Anderson

Recipe by

Lily Anderson

Life is sweeter with dessert 🍰💕 Baking joy, spreading smiles, and loving every sprinkle ✨

Get Delicious Recipes Weekly

Join 25,000+ home cooks getting our best recipes straight to their inbox.

Free forever • No spam • Unsubscribe anytime