Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Mexican Hot Chocolate Chunk Cookies 45.png

Mexican Hot Chocolate Chunk Cookies

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

🍪 These Mexican Hot Chocolate Cookies combine the rich flavors of cocoa and warming cinnamon with a spicy chili kick, offering a unique twist on classic chocolate cookies.
🌶️ The blend of spices and melty chocolate chips creates a comforting, bold treat perfect for spice lovers and chocolate enthusiasts alike.

  • Total Time: 1 hour 30 minutes
  • Yield: 16 cookies 1x

Ingredients

Scale

1 cup all-purpose flour Provides structure and chew to the cookies, helping them hold their shape during baking.

⅔ cup cocoa powder Adds deep cocoa flavor and color, enhancing the chocolatey base of these spiced chocolate cookies; opt for high-quality to intensify the taste.

1 teaspoon baking soda Acts as a leavener for the right spread and texture, making your Mexican hot chocolate cookies light and airy.

1 ½ teaspoons chili powder Brings in the optional heat layer to mimic authentic Mexican hot chocolate, adding a gentle spice that elevates the overall flavor profile.

1 teaspoon cinnamon Infuses the signature warmth of Mexican cocoa treats, complementing the chocolate and creating that cozy, spiced vibe.

⅛ teaspoon salt Balances the sweetness and enhances all the flavors, ensuring your cacao chunk biscuits aren’t too bland.

½ cup unsalted butter, room temperature Contributes richness and chew; for vegan versions, swap with plant-based butter to keep it dairy-free.

½ cup granulated sugar Helps balance sweetness and provides a crisp edge, working alongside other sugars for the perfect texture in these Mexican hot chocolate cookies.

¼ cup dark brown sugar Adds moisture and a deeper sweetness, which is crucial for the soft, fudgy center of spiced cocoa cookies.

1 large egg Serves as a binder and adds lift; replace with a flax egg for vegan adaptations to maintain the dough’s consistency.

½ teaspoon vanilla extract Boosts aroma and flavor depth, tying all the ingredients together in this Mexican chocolate cookie variation.

2 tablespoons milk Keeps the dough moist and easy to work with; use plant-based milk for dairy-free options.

¾ cup milk chocolate chips Creates melty pockets for texture and taste, making these cookies a standout with their generous chunks.

Mini marshmallows for topping (optional) Adds a fun, gooey element if desired, enhancing the hot chocolate effect on your spiced chocolate cookies.

Flaky sea salt for topping (optional) Finishes the cookies with a savory crunch, balancing the sweetness for an elevated flavor in Mexican hot chocolate chunk cookies.

Instructions

1-First Step: Mise en Place: Start by getting everything ready for your Mexican hot chocolate chunk cookies to ensure a smooth baking process. Preheat the oven to 350°F and line two baking sheets with parchment paper or silicone mats for even baking. In a medium bowl, whisk together 1 cup all-purpose flour, ⅔ cup cocoa powder, 1 teaspoon baking soda, 1 ½ teaspoons chili powder, 1 teaspoon cinnamon, and ⅛ teaspoon salt until well combined. If you’re adapting for dietary needs, like using gluten-free flour, whisk it thoroughly to avoid lumps and maintain the texture of these spiced chocolate cookies.

2-Second Step: Creaming the Mixture: Now, focus on creating a fluffy base for your Mexican hot chocolate cookies. In a large bowl or stand mixer, beat ½ cup softened unsalted butter, ½ cup granulated sugar, and ¼ cup dark brown sugar for 2 3 minutes until the mixture is light and fluffy. For low-calorie versions, reduce the butter by up to 25% and add 2 3 tablespoons of applesauce to keep things moist while cutting calories. This step is crucial for the chewy texture that makes cacao chunk cookies so irresistible.

3-Third Step: Adding Wet Ingredients: Build on the creamed mixture by incorporating the wet elements. Beat in 1 large egg, ½ teaspoon vanilla extract, and 2 tablespoons milk until everything is fully combined, scraping down the sides of the bowl as needed. For vegan adaptations, prepare a flax egg (1 tablespoon ground flaxseed mixed with 3 tablespoons water) and let it sit for a few minutes before adding it to ensure proper binding. This keeps the dough sticky and cohesive, just like in traditional Mexican chocolate cookie variations.

4-Fourth Step: Combining Dry and Wet Ingredients: Gently mix the dry ingredients into the wet ones to form the dough for your Mexican hot chocolate chunk cookies. Gradually add the flour mixture to the bowl, stirring until just combined to avoid overmixing, which can make the cookies tough. If your dough feels dry, especially with gluten-free flour, add 1 2 tablespoons of plant-based milk to adjust. Timing here is key aim for a thick, sticky consistency that will chill well and bake into perfect spiced cocoa cookies.

5-Fifth Step: Incorporating Mix-Ins: Fold in ¾ cup milk chocolate chips to add those delightful chunks that define Mexican hot chocolate cookies. For extra flair, you could include optional add-ins like ½ cup chopped walnuts at this stage for crunch, but keep it gentle to preserve the large pockets of chocolate. If you’re aiming for variations, this is the spot to experiment, like adding a pinch of espresso powder for a deeper flavor in your cacao chunk biscuits.

6-Sixth Step: Portioning the Dough: Shape your dough into portions for baking. Scoop the dough using heaping 1 tablespoon measures onto the prepared baking sheets, spacing them about 2 inches apart to allow for spreading you’ll get around 16 cookies total. For better results, chill the scooped dough balls for 15 30 minutes, which is especially helpful for vegan doughs that might be softer. This step helps control the spread and ensures your Mexican hot chocolate chunk cookies come out with the ideal shape and texture.

7-Seventh Step: Baking: Bake your Mexican hot chocolate cookies at 350°F for 10-12 minutes, watching until the edges are set but the centers remain soft for that perfect chewy finish. If desired, press 2-3 mini marshmallows into each cookie before baking for a fun twist. Halfway through, rotate the pans for even baking, and remember to adjust time slightly for crispier or softer results shorter for vegan versions to account for differences in texture.

8-Eighth Step: Cooling: Let the cookies cool on the baking sheets for about 5 minutes to firm up before transferring them to a wire rack. For gluten-free or vegan adaptations, give them a few extra minutes to set properly without breaking. This step ensures the cookies hold their form and develop that signature fudgy center found in spiced chocolate cookies.

9-Final Step: Finishing Touches and Serving: Once cooled, sprinkle with flaky sea salt if you like, and serve your Mexican hot chocolate chunk cookies with a glass of milk or spiced tea for the full experience. For make-ahead options, freeze the dough balls for up to three months and bake from frozen, adding 1-2 minutes to the bake time. Reheat baked cookies in a 300°F oven for 3-5 minutes to refresh their warmth and chewiness, making them perfect for busy professionals or family meal prep.

Last Step:

Please leave a rating and comment letting us know how you liked this recipe! This helps our business to thrive and continue providing free, high-quality recipes for you.

Notes

🌰 Add 1/2 cup chopped walnuts for extra crunch.
🍯 Drizzle caramel or dulce de leche on top after baking for added flavor.
🔥 Press mini marshmallows onto dough before baking for a hot chocolate effect.

  • Author: Brandi Oshea
  • Prep Time: 1 hour 20 minutes
  • Cook Time: 10-12 minutes
  • Category: Dessert
  • Method: Baking
  • Cuisine: Mexican-inspired
  • Diet: Vegetarian

Nutrition

  • Serving Size: 1 cookie