This post may contain affiliate links. Please read our disclosure policy.

These Mexican Hot Chocolate Cookies are bold and rich, spiced with chili powder and cinnamon, and topped with gooey, melted marshmallows. The perfect winter time treat that will remind you of steaming mugs of hot cocoa!

Overhead of mexican hot chocolate cookies topped with toasted marshmallows.


 

What we love about these mexican hot chocolate cookies…

  • No chill time required: this recipe is simple to follow and the dough doesn’t require any time to chill to bake up soft without spreading too much.
  • Flavors: these cookies have a deep chocolate flavoring thanks to using dark cocoa powder. Plus there’s a warmth and depth to them with the combination of cinnamon and chili powder. The perfect amount of chili powder gives a subtle warmth without being overpowering.
  • Textures: the cookies bake up soft with crackly tops. They don’t spread too much, so they bake up giving us a thicker cookie. Adding the marshmallows for the last couple of minutes of baking gives a gooey topping that balances nicely with the crispy outside of the cookie.

Ingredients:

Ingredients needed to make Mexican Hot Chocolate cookies laid out on the counter.

Ingredient Notes:

  • Flour: this recipe was tested using all purpose flour.
  • Light Brown Sugar: this helps keep the cookies moist and tender.
  • Dark Cocoa Powder: dark cocoa gives a boost to the chocolate flavor of the cookies, I use Hershey’s Dark Cocoa, but you can use any DARK cocoa powder.
  • Cayenne: only a small amount is used, these cookies are not spicy. Feel free to adjust the amount called for as needed.
  • Baking Powder: this is used as the leavener in this recipe due to using Dutch Processed cocoa.

How to Make (step-by-step):

How to make Mexican Hot Chocolate cookies, showing mixing cookie dough and adding cocoa, cinnamon, chili powder, salt and baking soda.
  1. Cream the butter and sugar until fluffy, then add in the egg and vanilla, mix this until combined.
  2. Add the dry ingredients into the wet, this includes: flour, cocoa powder, cinnamon, cayenne, salt, and baking powder. Continue to mix this until dough is combined, may look crumbly, which is fine, don’t overmix.
  3. Add the chocolate chips into the cookie dough and mix together with a wooden spoon, this will bring the dough together.
  4. Using a cookie scoop, scoop the dough onto a prepared baking sheet, bake for 8 minutes, remove and top with the marshmallows, then continue baking another 2 minutes.
How to make mexican hot chocolate cookies, adding chocolate chips to cookie dough. Placing marshmallows on top to bake.

Tips:

  • Texture: after mixing the dry ingredients into the wet, you may find the dough seems somewhat crumbly, this is fine, as you fold the chocolate chips into the dough it will come together and resemble cookie dough.
  • Forming cookie dough for baking: use a cookie scoop to ensure equal portions of dough for even cooking, place the scoops onto the baking sheet then press together with your fingers and form the dough up into a taller round shape. This helps the cookies bake into nice round circles.
  • Toasted Marshmallows: baking the marshmallows melts them but doesn’t toast them, if you have a kitchen torch this would be the easiest way to toast them for additional flavoring.
Mexican hot chocolate cookies with marshmallows being split apart.

Mexican Hot Chocolate Cookies: FAQ

Can hot chocolate powder be used instead of cocoa powder in hot chocolate cookies?

For this particular recipe this would not be a good substitute. The dark cocoa powder is a dutch processed cocoa and reacts a particular way when baked due to the ph balance. This is why we use baking powder and not baking soda. Hot chocolate powders use natural cocoa powders which have a different ph balance. Making a straight swap in this recipe will alter the way the cookies bake.

What is the difference between cocoa powder and hot chocolate mix?

When comparing Natural cocoa powder with hot chocolate mix there are still some differences. Cocoa powder is made from cocoa beans, while hot chocolate mix has other ingredients added including milk powder and sweeteners.

More Dessert Recipes:

Mexican Hot Chocolate Cookies Recipe

5 from 3 votes
Prep: 10 minutes
Cook: 10 minutes
Total: 20 minutes
Servings: 24 cookies
Author: Serene
Quick and easy Mexican Hot Chocolate Cookies come together in one bowl and no chill time required. Extra chocolate-y with dark cocoa and melty chocolate chips, these cookies are spiced with ground cinnamon and a hint of cayenne. Top it all off with melty marshmallows for a cookie version of a warm mug of hot cocoa.
Overhead of mexican hot chocolate cookies topped with toasted marshmallows.

Ingredients  

  • ½ cup unsalted butter room temperature
  • 1 cup light brown sugar packed
  • 1 large egg
  • 1 tsp vanilla extract
  • 1 cup all-purpose flour
  • cup dark cocoa powder
  • 1 tsp Ground cinnamon 
  • ½ tsp cayenne
  • ½ tsp salt
  • 1 tsp baking powder
  • 8 ounces semi sweet chocolate chopped, or use 1/2 cup chocolate chips
  • ¾ cup mini marshmallows

Instructions 

  • Preheat oven to 350 F°. Line a large baking pan with a silicone baking mat or parchment paper and set aside. 
  • In a medium size mixing bowl, cream the butter and sugar using a hand or stand mixer. 
  • Add the egg and vanilla extract, continue mixing until just combined. 
  • Add the dry ingredients into the bowl with the wet, using the mixer, mix until combined and dough comes mostly together. 
  • Add the chocolate and using a wooden spoon mix this into the dough. 
  • Scoop the dough using a cookie scoop, or into approximately 2 tablespoon amounts. Gently roll dough into a ball and place on the cookie sheet, giving 3 inches of space in between (should be able to easily fit 8-9 cookies on a sheet.)
  • Bake the cookies for 8 minutes, then carefully remove from the oven, place 2-3 mini marshmallows on top of each cookie, gently pressing down so they stick to the top of the cookie. 
  • Place the cookie sheet back in the oven and continue baking an additional 2 minutes. 
  • Remove and let the cookies cool on the baking sheet for 5 minutes then remove to a wire rack to continue cooling. 
  • Continue until all cookie dough has been baked. Recipe makes 24 cookies. 

Video

Notes

  • Flour: this recipe was tested using all purpose flour.
  • Light Brown Sugar: this helps keep the cookies moist and tender.
  • Dark Cocoa Powder: Hershey’s Dark Cocoa is a popular option, but you can use any DARK cocoa powder. This is considered a Dutch Processed Cocoa powder.
  • Cayenne: only a small amount is used, these cookies are not spicy. Feel free to adjust the amount called for as needed.
  • Baking Powder: this is used as the leavener in this recipe due to using Dutch Processed cocoa.

Nutrition

Serving: 1cookie | Calories: 151kcal | Carbohydrates: 19g | Protein: 1g | Fat: 8g | Saturated Fat: 5g | Polyunsaturated Fat: 0.3g | Monounsaturated Fat: 2g | Trans Fat: 0.2g | Cholesterol: 18mg | Sodium: 74mg | Potassium: 77mg | Fiber: 1g | Sugar: 13g | Vitamin A: 150IU | Vitamin C: 0.03mg | Calcium: 27mg | Iron: 1mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Like this? Leave a comment below!

Photography by @KJandCompany.co


Welcome to my kitchen!

Welcome to the House of Yumm!! My name is Serene. I’m the food photographer, recipe developer, and official taste tester around these parts.

You may also like

Leave a comment

Your email address will not be published. Required fields are marked *

Recipe Rating