Skip to Content

Hot Cocoa Cookies

These Hot Cocoa Cookies are delicious and so simple to make. The crumbly texture of the chocolate cookie and the added sweetness from the marshmallow is a taste sensation. You will love them!

If you love the chocolatey flavor of Hot Cocoa then you're going to love these homemade Hot Cocoa Cookies with toasted marshmallows on top!

Sweet cravings can easily be fixed with these tasty hot chocolate cookies. There is nothing better than enjoying delicious chewy cookies. These ones are chewy in texture with a little bit of a crumbly bite on the outer layer.

The marshmallow really transforms the texture, but in a good way giving the cookies that traditional softness we all love. This hot cocoa cookie recipe is going to be one you try time and time again.

Hot chocolate is one of those ultimate beverages that the whole family love, so to enjoy the flavors you expect from that warming drink in cookie form is mind-blowing. It really is like enjoying a cup of hot cocoa.

They look great and they taste even better. We love to store our cookies in mason jars but this also means that they can make great edible gifts during the Christmas season. 

We love finding new recipes to share with you so if you wanted more quick easy cookie recipes to get you in the holiday spirit then you must check out these 52 Mason Jar Cookie Recipes which can be prepared in no time and taste incredible.

Lots of inspiration for cookie mixes and they are some of our favorite things to bake.

The post may contain affiliate links. Read my full disclosure policy here.

A jar of hot chocolate cookies and one cookie sitting out in front of it.

Why You’ll Love These Hot Cocoa Cookies

  • Simple flavors - The taste of comforting hot cocoa mix with every bite. Yum!
  • Kid-friendly - The children will love eating these but can also help out in the preparation. 
  • Quick and easy to make - They bake in less than 20 minutes and are quick to prepare. 
  • Make them in advance - You can store these for a later date.
  • Perfect edible gift - Add them to a mason jar and put a Made with Love label and ribbon bow on them. A lovely edible gift idea for the holiday season.

Ingredients Needed

  • Butter
  • Salt
  • White sugar
  • Brown sugar
  • Large Eggs
  • Vanilla extract
  • Flour
  • Cocoa powder
  • Baking soda
  • Semi-sweet chocolate chips
  • Mini marshmallows
The ingredients needed to make homemade hot cocoa cookies.

Helpful Tools

Large Bowl

[amazon box="B00LGLHUA0" template="horizontal" description_items=1]

Measuring Cups and Spoons

[amazon box="B01E2HU4A2" template="horizontal" description_items=1]

Baking Sheet or cookie sheet

[amazon box="B079Q671Q5" template="horizontal" description_ items=1]

Parchment Paper

[amazon box="B08NYGWR4S" template="horizontal" description_items=1

Cookie scoop

[amazon box="B08LVY3F83" template="horizontal" description_items=1]''

Electric mixer or stand mixer

[amazon box="B01K2FQ4DE" template="horizontal" description_items=1]

Mason jars for storing

[amazon box="B097HTTNF3" template="horizontal" description_items=1]

Wire rack

[amazon box="B08BXKLJNC" template="horizontal" description_items=1]

How To Make The Hot Cocoa Cookies

  1. Gather all of your ingredients together and preheat the oven to 350 degrees Fahrenheit.
  2. Get your baking sheet and place a piece of parchment on top of it. 
  3. In a mixing bowl or the bowl of a stand mixer, cream the butter and salt together until they are combined. You can do this by hand or use an electric mixer or stand mixer. Then add the sugars and mix them together.
  4. Crack both eggs into the bowl and add the vanilla then blend together until everything is mixed well. 
  5. Pour the dry ingredients which are your flour, cocoa powder, and baking soda into the wet ingredient mixture in the mixing bowl and mix together until combined into a thick dough. Now add your chocolate chips to the mix and stir thoroughly. 
  6. Scoop about 2-inch-sized dough balls onto the prepared baking sheet and spread them in a single layer with space between them and bake in the oven for 10 minutes. 
  7. Slide the oven rack out with cookies still inside and place 3 marshmallows onto the top of each cookie.
  8. Slide the rack back in the oven and bake for the other 7 minutes or until the marshmallows have become golden brown.
  9. Remove from the oven and let cool for 10-12 minutes on a wire rack.
  10. Enjoy your hot chewy chocolate cookies. 
The first four images in a collage showing how to make homemade hot chocolate cookies.
The last six collage images showing how to make homemade hot cocoa cookies.

Recipe Variations

What should I serve with these hot chocolate cookies? You could serve them with some milk or even hot cocoa. Enjoy them on their own or add them to a selection of bakes and treats you have made. They are delicious and do not disappoint. 

Want to make more? Double up the quantities to make more of these cute meringue cookies. These make excellent homemade edible gifts during the festive season. 

Try different chocolate. We have used semi-sweetened chocolate chips in this recipe to try and control the sugar content but feel free to switch that for dark, milk, or white chocolate depending on your preferences. No matter what you will get that chocolate flavor.

Use one large marshmallow. Instead of the mini marshmallow bits, you could use just one by placing it in the center of each cookie. Or if you prefer break up a larger one.

Tips & Tricks

  • Always add parchment paper to your baking sheet as this avoids these delicious cookies from sticking to the baking tray. 
  • Space out your cookies when you place them on the baking sheet. They will spread a little so this will avoid them from joining together. 
  • Be careful when adding marshmallows to the cookies as the oven and the cookies will be very hot. 
  • If you don't have a stand mixer you can use a hand mixer instead.
A few hot chocolate cookies styled in a jar.

Storage

You can store any leftovers of this hot chocolate cookies recipe in an air-tight container. You can store them at room temperature for up to 2 weeks but they might last a little longer if you refrigerate them.

It all depends on how you prefer to enjoy your Christmas cookies. If you want to keep them soft and chewy then store them at room temperature. 

A mason jar is the perfect storage method for these chocolate chip cookies. They also make great DIY edible gifts during the festive season. 

Two jars full of hot chocolate cookies and one sitting in front with a bite taken out of it.

FAQ

Can I make these Hot Cocoa Cookies gluten-free?

Yes, it is really simple to convert this recipe to make it gluten-free. You can substitute the flour for any gluten-free flour.

We recommend alternatives such as almond flour, Bob's Red Mill Gluten free flour, and buckwheat flour. The marshmallows can also be substituted with gluten-free alternatives.

Finally, when it comes to chocolate melting chips some are already gluten-free but we recommend you try Enjoy Life chips. These make the best cookies that are gluten-free and safe to enjoy.

Other cookie recipes 

  • Girl Scout Cookie Thin Mints - The thin mints are gorgeous. Very famous but are so easy to make from home. 
  • Mini Egg Cookies - These Easter cookies will be the hit at your Easter dessert table. Everyone will be chatting about how adorable and delicious these perfect cookies are. 
  • Chocolate Chip Cookie Mix In A Jar - The best way to have Homemade Chocolate Chip cookie mix ready to go to make freshly baked, just out of the oven, perfect cookies every single time. 
A close-up of a hot cocoa cookie with toasted marshmallows on top.

Hot Cocoa Cookies

If you love the chocolatey flavor of Hot Cocoa then you're going to love these homemade Hot Cocoa Cookies with toasted marshmallows on top!
Print Pin Rate
Course: Dessert
Cuisine: American
Keyword: Hot Chocolate Cookies, Hot Cocoa Cookies
Prep Time: 10 minutes
Cook Time: 17 minutes
Cooling Time: 12 minutes
Total Time: 39 minutes
Servings: 36 servings
Author: Mason Jar Recipe

Ingredients

  • ¾ cup butter
  • 1 teaspoon salt
  • cup white sugar
  • 1 cup brown sugar
  • 2 eggs
  • 1 teaspoon vanilla
  • 2 cups flour
  • cup cocoa powder
  • 1 teaspoon baking soda
  • 2 cups semi-sweet chocolate chips
  • 108 mini marshmallows

Instructions

  • Gather all of your ingredients together and preheat the oven to 350 degrees Fahrenheit.
  • Get your baking sheet and place a piece of parchment on top of it.
  • In a mixing bowl or the bowl of a stand mixer, cream the butter and salt together until they are combined. You can do this by hand or use an electric mixer or stand mixer. Then add the sugars and mix them together.
  • Crack both eggs into the bowl and add the vanilla then blend together until everything is mixed well.
  • Pour the dry ingredients which are your flour, cocoa powder, and baking soda into the wet ingredient mixture in the mixing bowl and mix together until combined into a thick dough. Now add your chocolate chips to the mix and stir thoroughly.
  • Scoop about 2-inch-sized dough balls onto the prepared baking sheet and spread them in a single layer with space between them and bake in the oven for 10 minutes.
  • Slide the oven rack out with cookies still inside and place 3 marshmallows onto the top of each cookie.
  • Slide the rack back in the oven and bake for the other 7 minutes or until the marshmallows have become golden brown.
  • Remove from the oven and let cool for 10-12 minutes on a wire rack.
  • Enjoy your hot chewy chocolate cookies.

Notes

  • Always add parchment paper to your baking sheet as this avoids these delicious cookies from sticking to the baking tray. 
  • Space out your cookies when you place them on the baking sheet. They will spread a little so this will avoid them from joining together. 
  • Be careful when adding marshmallows to the cookies as the oven and the cookies will be very hot. 
  • If you don't have a stand mixer you can use a hand mixer instead.

Nutritional Disclaimer

These Nutritional Facts are ESTIMATED. Your actual nutritional info with this recipe may vary depending on the brands you choose. “Mason Jar Recipe” is not a registered dietician or nutritionist. The provided nutritional info above is based on a generic calculator, if you want more accurate info, use your nutritional calculator of choice where you can choose brands and get more info that way.

Make sure to follow us on Instagram and Pinterest to keep up with all our new recipes. Tag us if you make the recipe on IG or share your thoughts by commenting on the pin on Pinterest.

Keep On Sippin' On Something Sweet

Pin It For Later

A jar of hot chocolate cookies and a hot cocoa cookie in front of it with text overlay.

Sharing is caring!

Recipe Rating