Imagine biting into a warm, soft cookie that tastes exactly like a cup of rich hot cocoa, complete with a gooey marshmallow on top. These Hot Cocoa Cookies deliver that perfect winter experience.

Inspired by classic hot chocolate, this recipe transforms a beloved drink into a delightful cookie. We’ve perfected every step to ensure a foolproof result.
For another festive treat, try our other cookies!
Get ready to bake up a batch of these irresistible treats. Let’s dive in and see how easy it is to create these magical cookies.
Quick Overview: Making Your Hot Cocoa Cookies (with Marshmallow on top)
Craving a quick snapshot of this delightful recipe? Here’s a concise overview to guide you through the process, perfect for a quick refresh before you start baking.
Key Recipe Facts:
- Prep Time: 2 hours 40 minutes (includes chilling)
- Cook Time: 12 minutes
- Servings: 20-22 cookies
- Cream butter and sugars until fluffy.
- Combine wet and dry ingredients.
- Chill the dough for at least 2 hours.
- Bake, then add marshmallows.
- Drizzle with melted chocolate.
Ready to dive into the details? Keep reading for a step-by-step guide to hot cocoa cookie perfection.
Gather Your Ingredients for Hot Cocoa Cookie Perfection
To make these Hot Cocoa Cookies truly exceptional, using high-quality ingredients is key. This will ensure the best possible flavor and texture. Let’s gather everything you’ll need to bake these delightful treats.
Here’s What You’ll Need
- Unsalted butter: 1/2 cup (113g), softened to room temperature
- Granulated sugar: 1/2 cup (100g)
- Brown sugar: 1/2 cup (100g), packed, light or dark
- Large egg: 1, at room temperature
- Pure vanilla extract: 1 teaspoon
- All-purpose flour: 1 1/2 cups (188g), spooned & leveled
- Natural unsweetened cocoa powder: 1/3 cup (27g)
- Dry hot cocoa mix: 1/4 cup (40g)
- Baking soda: 1 teaspoon
- Salt: 1/8 teaspoon
- Milk: 2 teaspoons (10ml), any kind, dairy or nondairy
- Large marshmallows: 10-11, cut in half
- Semi-sweet chocolate: 8 ounces (226g), finely chopped
With all your ingredients assembled, you’re now perfectly set to start making these Hot Cocoa Cookies. Up next, we will make the dough.
Choosing the Right Cocoa: Natural vs. Dutch-Processed – Which is Best?
The type of cocoa powder you use can significantly impact the flavor and texture of your baked goods. Let’s explore the differences between natural unsweetened cocoa powder and Dutch-processed cocoa powder to determine which is best for these hot cocoa cookies.
Natural unsweetened cocoa powder is acidic and has a strong, pronounced chocolate flavor. It reacts with baking soda in recipes, helping to leaven the baked goods. Its flavor is often described as intense and slightly bitter.
Dutch-processed cocoa powder, on the other hand, is treated with an alkaline solution to neutralize its acidity. This process results in a milder, smoother flavor and a darker color. Because it’s neutral, it doesn’t react with baking soda in the same way as natural cocoa powder.
For this hot cocoa cookie recipe, we recommend using natural unsweetened cocoa powder. The acidity in the natural cocoa powder will react with the baking soda, giving the cookies a better rise and a slightly tangy, rich chocolate flavor that complements the sweetness of the marshmallows and chocolate drizzle.
Ultimately, using natural cocoa powder provides the perfect balance of flavor and texture for these delightful cookies. Now, let’s move on to making the dough!
Let’s Make Some Dough: Step-by-Step Instructions
Ready to get your hands doughy? We’re about to walk through the cookie dough creation, one step at a time. By following each step closely, you’ll have a perfect base for your hot cocoa cookies!
Creaming Butter and Sugars
First, in a large bowl, cream together the softened butter, granulated sugar, and brown sugar. This crucial step, as highlighted in instruction #1, aerates the butter and sugar, creating a light and fluffy mixture.
This process usually takes around 3 minutes on medium-high speed, until the mixture is light in color. Properly creamed butter and sugar leads to a tender cookie.
Adding Egg and Vanilla
Next, add the egg and vanilla extract to the creamed mixture. The egg binds the ingredients, while the vanilla enhances the overall flavor. Beat on high speed until well combined, as stated in instruction #2.
Combining Dry Ingredients
In a separate bowl, whisk together the flour, cocoa powder, hot cocoa mix, baking soda, and salt. Whisking ensures that the baking soda and other ingredients are evenly distributed. This is instruction #3 and it helps create a consistent cookie texture.
Mixing Wet and Dry Ingredients
Now, gradually add the dry ingredients to the wet ingredients. Mix on low speed until just combined; instruction #4. Be careful not to overmix the dough at this point, instruction #5.
Once combined, beat in the milk until just combined. The dough will be thick and sticky. Overmixing can lead to tough cookies, so mix until everything is just incorporated.
Now that the dough is ready, it’s time for a crucial step: chilling!
The Chill Factor: Why Chilling the Dough is Crucial
Chilling the dough might seem like an unnecessary step, but trust me, it’s a game-changer for these hot cocoa cookies. It’s the secret to preventing flat, spreading cookies and unlocking a depth of flavor you won’t believe.
So, what’s the science behind it?
As stated in instruction #6, chilling firms up the butter in the dough. This prevents the cookies from spreading too thin during baking, resulting in a thicker, chewier texture. This also concentrates the flavors, giving the cookies a richer, more intense taste.
Chilling also allows the flour to fully hydrate. Hydrated flour creates a more cohesive dough that’s less likely to crumble.
Pro-Tip: For the best results, chill the dough for at least 2 hours, or even overnight. You can even chill it for up to 3 days! The longer it chills, the better the flavor will be.
Now that you know why chilling is so important, let’s move on to the fun part: baking!
Baking Time: Getting Those Cookies Just Right
Now that your dough is perfectly chilled, it’s time to transform it into delicious, warm cookies. Mastering the baking process ensures those hot cocoa flavors come to life with the ideal texture and gooey marshmallows.
Preheating and Prepping Your Baking Sheets
First things first, preheat your oven to 350°F (177°C). This ensures even baking. Line your baking sheets with parchment paper or silicone baking mats to prevent sticking and make cleanup a breeze.
Scooping and Arranging the Dough
Remove the chilled cookie dough from the refrigerator. Scoop the dough into balls using a heaping 1 Tablespoon (about 25-26g) for each cookie. This ensures uniform size and even baking.
Arrange the dough balls on the prepared baking sheets, spacing them about 2–3 inches apart. This gives them enough room to spread without merging during baking.
Baking to Perfection
Bake the cookies for 10 minutes. Then, remove the cookies from the oven and lightly press a marshmallow half (cut side down) into the top of each cookie.
Return the cookies to the oven and bake for 2 more minutes, until the marshmallows are puffy and slightly golden. Keep a close eye to prevent burning!
With the cookies baked to perfection, the next step involves adding that signature touch of gooey marshmallows.
The Secret to Perfectly Gooey Marshmallows: Mastering Marshmallow Baking
Marshmallows are the crowning glory of these hot cocoa cookies, transforming them into a truly decadent treat. But achieving that perfect, gooey marshmallow texture can be tricky. Let’s explore the science behind marshmallow baking to help you master the art.
Heat causes marshmallows to soften and melt as their sugar structure breaks down. However, excessive heat can lead to burning or complete melting, leaving you with a sticky mess. The key is finding the sweet spot, balancing the heat and baking time.
Different marshmallow brands and sizes also behave differently in the oven. Some brands contain more moisture or sugar, affecting their melting point and texture. Larger marshmallows take longer to melt, while mini marshmallows can melt too quickly.
To achieve the ideal gooey texture without burning, consider these techniques: lightly pressing the marshmallows down after the initial bake, monitoring the cookies closely during the final minutes, and ensuring even heat distribution in your oven.
With a little understanding and experimentation, you’ll be able to unlock the secret to perfectly gooey marshmallows every time. Next, let’s add those marshmallows to the cookies!
Adding the Marshmallow Topping: The Signature Touch
Now for the fun part: adding the marshmallows! This is what transforms these cookies from ordinary to extraordinary, giving them that signature hot cocoa vibe.
We’ll guide you through the process of adding the marshmallows and baking them to gooey, toasted perfection.
First, remove the cookies from the oven after their initial bake.
Lightly press a marshmallow half (cut side down) into the top of each cookie, and return them to the oven for a final bake of just 2 minutes. This short burst of heat will toast the marshmallow without completely melting it.
Once out of the oven, gently press down on the marshmallow to slightly flatten it using the back of a spoon. This helps the marshmallow adhere to the cookie.
With the marshmallows in place, let’s move on to the finishing touch: a decadent chocolate drizzle.
Cooling and Chocolate Drizzle: The Final Flourishes
Cooling for Best Results
Allow the cookies to cool on the baking sheet for 10 minutes. This step is important because it allows the cookies to firm up slightly, preventing them from breaking when transferred to a wire rack to cool completely.
Melting the Chocolate to Perfection
Melt the 8 ounces (226g) of finely chopped semi-sweet chocolate in a double boiler or microwave in 20-second intervals, stirring until smooth. Be patient and stir frequently to avoid burning the chocolate.
If microwaving, make sure to use a microwave-safe bowl.
Drizzling and Setting the Chocolate
Spoon the melted chocolate over each cooled marshmallow-topped cookie. Get creative with your drizzle pattern!
Let the chocolate set at room temperature for 30-60 minutes before serving. This allows the chocolate to harden, creating a delightful contrast of textures.
With the chocolate set, your hot cocoa cookies are ready to be enjoyed. Next, we’ll discuss how to store your cookies for maximum freshness.
Storing Your Hot Cocoa Cookies
Want to keep those hot cocoa cookies fresh and delicious? Here’s how.
Store leftover cookies in a tightly covered container at room temperature. They’ll stay good for up to 1 week, maintaining their soft texture and marshmallowy goodness.
Now that you know how to store them, let’s explore some fun and creative variations you can try!
Get Creative! Fun Variations for Your Hot Cocoa Cookies
Want to put a unique spin on your hot cocoa cookies? There are countless ways to customize this recipe to suit your taste.
Here are a few ideas to get you started:
- Add a dash of peppermint extract to the dough for a festive, minty flavor.
- Use different types of chocolate chips, such as dark chocolate, milk chocolate, or even white chocolate.
- Stir in some chopped nuts, like pecans or walnuts, for added texture and flavor.
- Sprinkle the tops of the cookies with sea salt before baking to enhance the sweetness.
- Add a pinch of cinnamon or nutmeg to the dry ingredients for a warm, spiced flavor.
Let your imagination run wild and create your own signature hot cocoa cookie variations!
Now, let’s explore how to store these delectable treats to keep them fresh and delicious.
More Festive Treats to Try
Looking for more holiday baking inspiration? We’ve got you covered. Here are a few more festive recipes from Meal Delights that you’re sure to love.
You Might Also Like
For another festive treat, try our red velvet crinkle cookies! These cookies are soft, chewy, and full of rich chocolate flavor. They’re a perfect addition to any holiday cookie plate. Or how about these decadent Eggnog Cookies with Spiced Frosting? These are sure to please. If you love peanut butter, try these classic Peanut Butter Blossoms.
Next up, we’ll address some frequently asked questions to ensure your hot cocoa cookie baking experience is a success.
Frequently Asked Questions
Can I use hot cocoa mix in this recipe?
Yes, this recipe uses dry hot cocoa mix to enhance the chocolate flavor and add a hint of sweetness, creating that signature hot cocoa taste in a cookie. Be sure to use dry mix without added marshmallows.
Can I freeze the baked cookies?
Yes, you can freeze the baked cookies. Allow them to cool completely, then store them in an airtight container or freezer bag for up to 2-3 months for the best quality.
Can I replace the large marshmallows with mini marshmallows?
Yes, you can use mini marshmallows instead of large ones. Press a cluster of mini marshmallows onto each cookie after the initial bake for a similar gooey marshmallow topping.
Did You Make This? Let Us Know!
We’re so excited for you to try these hot cocoa cookies! We’d love to hear how they turned out.
Leave a rating and comment below to share your experience. It helps other bakers and builds our community!
Share your results with us on Pinterest and Facebook!

Hot Cocoa Cookies with Marshmallow on top
Equipment
- Large bowl
- Baking sheets
- Parchment paper or silicone baking mats
- Double boiler or microwave-safe bowl
Ingredients
- 1/2 cup Unsalted butter (113g), softened to room temperature
- 1/2 cup Granulated sugar (100g)
- 1/2 cup Brown sugar (100g), packed, light or dark
- 1 Large egg at room temperature
- 1 teaspoon Pure vanilla extract
- 1 1/2 cups All-purpose flour (188g), spooned & leveled
- 1/3 cup Natural unsweetened cocoa powder (27g)
- 1/4 cup Dry hot cocoa mix (40g)
- 1 teaspoon Baking soda
- 1/8 teaspoon Salt
- 2 teaspoons Milk (10ml), any kind, dairy or nondairy
- 10-11 Large marshmallows cut in half
- 8 ounces Semi-sweet chocolate (226g), finely chopped
Instructions
Make the Dough
- In a large bowl, cream together the softened butter, granulated sugar, and brown sugar on medium-high speed for about 3 minutes, until the mixture is light in color and fluffy.
- Add the egg and vanilla extract. Beat on high speed until well combined.
- In a separate bowl, whisk together the flour, cocoa powder, hot cocoa mix, baking soda, and salt.
- Gradually add the dry ingredients to the wet ingredients, mixing on low speed until just combined. Do not overmix. Beat in the milk until just incorporated. The dough will be thick and sticky.
Chill the Dough
- Cover the dough and chill in the refrigerator for at least 2 hours, or up to 3 days. This step is crucial for preventing the cookies from spreading too much.
Bake the Cookies
- Preheat the oven to 350°F (177°C). Line two baking sheets with parchment paper or silicone baking mats.
- Scoop the chilled dough using a heaping 1 Tablespoon (about 25-26g) for each cookie. Arrange the dough balls on the prepared baking sheets, about 2–3 inches apart.
- Bake for 10 minutes.
Add Toppings and Finish
- Remove the cookies from the oven and gently press a marshmallow half (cut side down) into the top of each cookie.
- Return the cookies to the oven and bake for 2 more minutes, until the marshmallows are puffy.
- Allow the cookies to cool on the baking sheet for 10 minutes before transferring them to a wire rack to cool completely.
- Melt the semi-sweet chocolate in a double boiler or in the microwave in 20-second intervals, stirring until smooth.
- Spoon or drizzle the melted chocolate over each cooled cookie. Let the chocolate set at room temperature for 30-60 minutes before serving.
Notes
- Add a dash of peppermint extract to the dough.
- Use different types of chocolate chips.
- Stir in chopped nuts like pecans or walnuts.
- Sprinkle the tops with sea salt before baking.
- Add a pinch of cinnamon or nutmeg.