There’s something magical about the smell of baking cookies wafting through the kitchen. As the luscious aroma fills the air, it conjures warm memories of winter nights spent curled up by the fire, sipping hot cocoa with my loved ones. One particular cookie recipe stands out—Hot Cocoa Cookies. Inspired by the classic taste of hot cocoa, these cookies bring together the rich flavors of chocolate and marshmallows in a delightful bite-sized treat. I first stumbled upon this recipe on the back of a Jet-Puffed Marshmallow Bits container, and instantly, it felt like a heartwarming embrace. With the holidays fast approaching, these cookies are perfect for sharing with friends and family or simply indulging yourself. So, grab your apron and let’s dive into the indulgent world of Hot Cocoa Cookies.
Table of Contents
Why This Is The Best Hot Cocoa Cookies Recipe
What makes this recipe truly special is its perfect balance of simplicity and flavor. It’s incredibly easy to whip up in about 45 minutes, including baking time, making it accessible for everyone, from novice bakers to seasoned pros. Each cookie bursts with irresistible flavors, featuring a rich chocolate base that melts in your mouth, while the melty marshmallows add that sweet, gooey touch every hot cocoa lover dreams of. Visually, these cookies are a feast for the eyes, with their soft, chewy texture dotted with marshmallow bits and chocolate chips. Whether they grace your breakfast table, brighten up your afternoon snack, or steal the spotlight at potlucks, these cookies will undoubtedly leave everyone asking for more. Plus, they can easily be adapted for various dietary needs, ensuring that everyone gets to enjoy this delightful treat.

Ingredients You’ll Need
1 1/4 cup Butter
Using unsalted butter yields the best results, allowing you to control the salt level in your cookies. Be sure to soften the butter to room temperature for easy mixing.
1 cup Sugar
Granulated sugar contributes sweetness and helps create the chewy texture we crave in cookies. If you’re looking for a more complex flavor, you can substitute half of this with coconut sugar.
2/3 cup Brown Sugar
Brown sugar not only adds sweetness but also gives depth to the flavor, thanks to its molasses content. For a darker, richer taste, you might try using dark brown sugar.
2 Eggs
Eggs provide structure and moisture to the cookies. Make sure they’re at room temperature for even mixing and better incorporation into the dough.
1 tsp Vanilla
Pure vanilla extract elevates the flavor profile, enhancing the cookie’s sweetness and richness. Avoid imitation vanilla for the best results.
3 1/4 cups Flour
All-purpose flour works best for these cookies, providing the necessary structure. If you need a gluten-free option, a 1:1 gluten-free flour blend will work too.
4 packets Instant Hot Cocoa Mix
This is the star ingredient that gives these cookies their hot cocoa flavor. Choose a mix that you enjoy drinking for the best results.
1 1/4 tsp Baking Soda
Baking soda is essential for leavening, helping your cookies rise and achieve the perfect texture.
1 tsp Baking Powder
Along with baking soda, this adds a bit more lift, resulting in a chewier cookie that’s not overly dense.
1 cup Chocolate Chips
Semi-sweet chocolate chips add delightful pockets of melt-in-your-mouth chocolate goodness. You can also use milk chocolate or dark chocolate based on your preference.
1 cup Jet-Puffed Marshmallow Bits
These little gems provide that classic marshmallow sweetness that reminds us of sipping hot cocoa. If you can’t find them, miniature marshmallows can be a good substitute, though they will melt differently.
How to Make Hot Cocoa Cookies

Preheat and Prepare
Begin your journey by preheating your oven to 350 degrees Fahrenheit. While the oven warms up, line your baking sheet with parchment paper to prevent sticking and ensure easy cleanup. This little step plays a big role in ensuring your cookies come out perfectly without getting stuck to the pan.
Beat Together Butter and Sugars
In a large bowl, combine the softened butter, sugar, and brown sugar. Use an electric mixer or a sturdy wooden spoon to beat the mixture until it becomes light and fluffy. This process, taking about 3-4 minutes, incorporates air into the mix, setting you up for beautifully tender cookies. Next, add in the eggs and vanilla, beating until just combined, creating a rich, creamy base for your cookies.
Combine Dry Ingredients
In a separate medium bowl, whisk together the flour, hot cocoa mix, baking soda, and baking powder. This step ensures that all your leavening agents are evenly distributed, preventing any clumps in your cookie dough. The combination of dry ingredients will contribute to the cookies’ perfect texture, so take your time with this.
Fold Together Gently
Gradually add the dry mixture to the wet ingredients, using a spatula or wooden spoon to mix until everything is just combined. Be careful not to over-mix; you want to keep that delicate texture. Gently fold in the chocolate chips and marshmallow bits, ensuring an even distribution for that ultimate hot cocoa experience.
Scoop and Bake
Using a cookie scoop or tablespoon, drop balls of dough onto the prepared baking sheet, spacing them about 2 inches apart to allow for spreading. Bake in your preheated oven for about 9 minutes. You’ll know they’re ready when the edges are golden, and the centers look slightly underbaked. That’s the key to achieving a soft, chewy cookie!
Add Toppings
As soon as you pull them from the oven, press a few extra chocolate chips and Jet-Puffed Marshmallow Bits into the tops of each cookie. This step not only enhances the presentation but also creates that wow factor when you bite into the cookie and experience that lovely gooeyness.
Tips for Success
- Make sure your butter is adequately softened. This helps it incorporate more air, which is key for a light cookie.
- Use room temperature eggs for a smoother batter that mixes better.
- Don’t over-bake! If you see the edges turning golden, it’s time to pull the cookies out. They’ll continue to firm up as they cool.
- For an extra flavor boost, a pinch of sea salt sprinkled on top before baking can really enhance the chocolate notes.
- If you want to bake in batches, keep the unbaked dough in the fridge to maintain its shape while you work through your cookie sheet.
Serve It With
To elevate your Hot Cocoa Cookies experience, consider serving them alongside a steaming cup of hot chocolate topped with whipped cream and a sprinkle of cocoa. For a festive flair, dust the cookies with powdered sugar or drizzle them with melted chocolate. If you’re preparing a brunch spread, they can be presented beautifully on a platter with fresh fruit, like raspberries or strawberries, to balance the sweetness.
How To Store & Reheat Leftovers
Once your cookies have cooled completely, store them at room temperature in an airtight container where they will stay delicious for about a week. If you want to preserve them for longer, refrigerate them for up to two weeks or freeze them for up to three months. When you’re ready to enjoy a cookie, reheat them in a 350-degree Fahrenheit oven for about 5-7 minutes to refresh their soft and chewy texture.
Tips & Variations
For a twist on your Hot Cocoa Cookies, you can try adding 1 teaspoon of peppermint extract for a minty flavor that pairs perfectly with chocolate, especially around the holidays. If you’re looking to cater to different dietary needs, consider making your cookies gluten-free by substituting the all-purpose flour with a gluten-free blend. You could even explore adding chunks of white chocolate instead of standard chips for a different visual and taste profile. Lastly, don’t hesitate to mix in crushed nuts or seasonal spices like cinnamon for added texture and warmth.
Recipe FAQs
Can I make these cookies ahead of time?
Absolutely! You can prepare the dough, scoop it into cookie shapes, and freeze them. When you’re ready to bake, you can pull them out directly from the freezer, adding a couple of extra minutes to the baking time.
How do I know when my cookies are done?
The key is to look for the edges. They should be lightly golden brown, while the center may look slightly underdone. They will continue to cook on the baking sheet once you take them out of the oven.
Can I use milk chocolate chips instead of semi-sweet?
Certainly! The choice of chocolate is completely up to your taste preference. Milk chocolate will result in a sweeter cookie, while dark chocolate will give a more robust flavor.
Why are my cookies flat?
Flat cookies can result from using melted butter instead of softened butter or not using enough flour. Make sure to measure correctly and keep your butter at room temperature.
In summary, the journey to creating perfect Hot Cocoa Cookies combines comforting flavors, delightful textures, and cherished memories. I encourage you to play around with the recipe, explore variations, and share those delicious cookies with the ones you love. Happy baking!
PrintMore Desserts Recipes
- Strawberry Crunch Cookies
- Red Velvet Cookie Bars
- Monster Eye Pretzel Bites
- Christmas Sugar Cookies
- Chocolate Bark
Recipe Card

Hot Cocoa Cookies
- Prep Time: 15 minutes
- Cook Time: 9 minutes
- Total Time: 24 minutes
- Yield: 24 cookies 1x
- Category: Dessert
- Method: Baking
- Cuisine: American
Description
These Hot Cocoa Cookies blend rich chocolate and gooey marshmallows for a delightful treat, ideal for sharing and celebrating cozy moments.
Ingredients
- 1 1/4 cup Butter
- 1 cup Sugar
- 2/3 cup Brown Sugar
- 2 Eggs
- 1 tsp Vanilla
- 3 1/4 cups Flour
- 4 packets Instant Hot Cocoa Mix
- 1 1/4 tsp Baking Soda
- 1 tsp Baking Powder
- 1 cup Chocolate Chips
- 1 cup Jet-Puffed Marshmallow Bits
Instructions
- Preheat the oven to 350°F and line a baking sheet with parchment paper.
- In a bowl, beat butter with sugar and brown sugar until light and fluffy. Add eggs and vanilla.
- In another bowl, whisk flour, hot cocoa mix, baking soda, and baking powder.
- Combine wet and dry ingredients gently, then fold in chocolate chips and marshmallow bits.
- Scoop dough onto the prepared baking sheet, spacing apart. Bake for about 9 minutes, until edges are golden.
- Press extra chocolate chips and marshmallow bits into cookies after baking.
Notes
Ensure butter is softened for easy mixing.
Do not over-bake; cookies should be slightly underbaked in the center.
Press toppings into warm cookies for extra gooeyness.
Nutrition
- Serving Size: 1 cookie
- Calories: 150
- Sugar: 10g
- Sodium: 100mg
- Fat: 7g
- Saturated Fat: 4g
- Unsaturated Fat: 2g
- Trans Fat: 0g
- Carbohydrates: 20g
- Fiber: 1g
- Protein: 2g
- Cholesterol: 20mg


