Mexican Hot Chocolate Cookies Recipe brings a fudgy center, crisp edges, and a warm kick of cinnamon and cayenne. Bakers who crave cozy spice in a chewy chocolate cookie will love this batch, and the whole recipe takes about 35 minutes start to finish. I first whipped these up after a chilly soccer practice, still dusted in cocoa and very happy about it.
Why Choose This Mexican Hot Chocolate Cookies Recipe
This Mexican Hot Chocolate Cookies Recipe packs deep cocoa flavor with cinnamon warmth and a subtle cayenne spark. I balance heat and sweetness so the cookie tastes bold, not fiery. The dough comes together fast with pantry staples, and you do not need to chill it. The texture lands between brownie and cookie, which usually means no leftovers.
The cookies taste like a hug from a mug of spicy cocoa, only with melty chocolate pockets and a crisp ring around the edge ★★★★★
Ingredients You Need
- Unsalted butter, 1/2 cup or 113 g, softened
- Granulated sugar, 3/4 cup or 150 g
- Light brown sugar, 1/4 cup or 50 g
- Large egg, 1, at room temp
- Vanilla extract, 2 teaspoons
- All-purpose flour, 1 cup plus 2 tablespoons or 140 g
- Dutch-process cocoa powder, 1/2 cup or 50 g (natural cocoa works, but Dutch gives deeper flavor)
- Baking soda, 1/2 teaspoon
- Baking powder, 1/4 teaspoon
- Fine sea salt, 1/2 teaspoon
- Ground cinnamon, 1 to 1 1/2 teaspoons, to taste
- Cayenne pepper, 1/8 to 1/4 teaspoon, to taste (or use ancho for gentle heat)
- Instant espresso powder, 1 teaspoon, optional but boosts chocolate
- Dark chocolate chunks or chips, 1 cup or 170 g (I like 60 to 70 percent)
- Optional topper: 2 tablespoons turbinado sugar mixed with 1/4 teaspoon cinnamon
- Optional mix-in: 1/3 cup finely chopped Mexican chocolate, like Abuelita or Taza, for authentic spice and texture
Pantry shortcuts and swaps:
- Use hot cocoa mix for 2 tablespoons of the cocoa if needed, then cut sugar by 1 tablespoon.
- Gluten-free 1:1 baking flour works with the same weight.
- Dairy-free works with 1/2 cup refined coconut oil and a flax egg, though the cookies spread a bit more.
Equipment:
- Mixing bowls, whisk, and spatula
- Hand mixer or stand mixer
- Baking sheets and parchment
- 1 1/2 tablespoon cookie scoop
- Wire rack and a small bowl for the cinnamon sugar topper
How to Make Mexican Hot Chocolate Cookies Recipe
Step 1: Preheat and prep
- Heat oven to 350°F.
- Line two baking sheets with parchment.
- Stir the cinnamon sugar topper in a small bowl if you plan to use it.
Step 2: Mix the dry ingredients
- In a bowl, whisk flour, cocoa, baking soda, baking powder, salt, cinnamon, cayenne, and espresso powder.
- Break up cocoa lumps so the dough mixes evenly.
Step 3: Cream butter and sugars
- Beat softened butter, granulated sugar, and brown sugar on medium speed for 2 minutes until fluffy.
- Scrape the bowl so no butter hides on the bottom.
Step 4: Add egg and vanilla
- Beat in the egg and vanilla until the mixture looks smooth and glossy, about 30 seconds.
Step 5: Combine wet and dry
- Add the dry mix to the bowl.
- Mix on low just until the flour streaks disappear. The dough should feel soft, not sticky.
Step 6: Fold in chocolate
- Stir in dark chocolate chunks and any chopped Mexican chocolate.
- Mix only until the chunks spread throughout.
Step 7: Scoop and top
- Scoop 1 1/2 tablespoon mounds, spacing 2 inches apart.
- Press the tops lightly to a squat puck.
- Sprinkle each with a pinch of the cinnamon sugar topper for sparkle and crackle.
Step 8: Bake
- Bake one sheet at a time for 9 to 11 minutes until edges set and centers still look soft.
- Pull them when the tops crack and the centers no longer look shiny raw.
Step 9: Cool
- Cool on the sheet for 5 minutes, then move cookies to a rack.
- They firm up as they cool, and the edges turn delightfully crisp.
Tips & Common Mistakes
- Measure flour by weight or fluff, spoon, and level so the cookies stay chewy, not cakey.
- Use fresh spices; old cinnamon tastes flat and old cayenne surprises no one.
- Mix the dough just to combine; overmixing toughens cookies.
- Bake until edges set and centers look soft; overbaking steals the fudgy center.
- Adjust heat thoughtfully: use 1/8 teaspoon cayenne for gentle warmth or 1/4 teaspoon for a noticeable kick.
- Swap to natural cocoa only if needed and expect a touch more spread.
- Chill the dough 20 minutes if your kitchen runs hot or if the dough feels greasy.
- Bake one sheet at a time on the middle rack for even results.
Variations I've Tried
- Mexican mocha: add 2 teaspoons espresso powder and finish with a light coffee glaze.
- Marshmallow center: wrap dough around half a large marshmallow and bake for gooey pockets.
- Pecan crunch: fold in 1/2 cup toasted chopped pecans.
- Orange twist: add 1 teaspoon fresh orange zest to the sugar while creaming.
- Extra chili: swap cayenne for chipotle powder for gentle smoke.
- Sandwich cookies: pair two cookies with cinnamon buttercream or dulce de leche.
- Dairy-free: use refined coconut oil and a dairy-free chocolate bar chopped into chunks.
How to Serve
Serve these spicy chocolate cookies slightly warm so the chocolate stays melty and the centers stay soft. Dust with a whisper of cinnamon sugar, or drizzle with melted dark chocolate if you want drama. Pair with cold milk, cinnamon-spiked hot cocoa, or a shot of espresso. For grown-up nights, pour a stout or a not-too-sweet red wine.
Make-Ahead and Storage
Refrigerate the dough, tightly covered, for up to 3 days, and let it sit 10 minutes at room temp before scooping. Freeze scooped dough balls on a sheet, then store in a zip bag for 2 months; bake from frozen and add 1 to 2 minutes. Keep baked cookies in an airtight container at room temp for 4 to 5 days, with a small piece of bread in the container if you want to keep them soft. Reheat in a 300°F oven for 3 to 4 minutes or microwave a single cookie for 8 to 10 seconds for that fresh-baked feel.
Mexican Hot Chocolate Cookies Recipe
Ingredients
Instructions
- Preheat the oven to 350°F (175°C). Line two baking sheets with parchment paper. If using the cinnamon-sugar topper, stir together the turbinado sugar and 1/4 teaspoon cinnamon in a small bowl and set aside.
- In a medium bowl, whisk together the flour, cocoa powder, baking soda, baking powder, salt, ground cinnamon, cayenne pepper, and espresso powder (if using), breaking up any cocoa lumps so the dry mixture is even.
- In a large bowl, beat the softened butter, granulated sugar, and light brown sugar with a hand mixer or stand mixer on medium speed for about 2 minutes, until light and fluffy, scraping down the bowl as needed.
- Add the egg and vanilla extract to the creamed butter mixture and beat until the mixture looks smooth and glossy, about 30 seconds.
- Add the dry ingredient mixture to the wet ingredients and mix on low speed just until the flour streaks disappear and a soft dough forms. Do not overmix.
- Fold in the dark chocolate chunks and the chopped Mexican chocolate, if using, until evenly distributed throughout the dough.
- Scoop about 1 1/2 tablespoons of dough per cookie onto the prepared baking sheets, spacing the mounds about 2 inches apart. Gently press the tops to slightly flatten into squat pucks, then sprinkle each cookie with a pinch of the cinnamon-sugar topper if using.
- Bake one sheet at a time on the middle rack for 9 to 11 minutes, until the edges are set and the tops are crackled but the centers still look soft and no longer shiny raw.
- Let the cookies cool on the baking sheet for 5 minutes to firm up, then transfer them to a wire rack to cool completely. The centers will stay fudgy while the edges turn crisp as they cool.
Notes
Approximate per cookie (1 of 24): 150 calories; fat 8 g; saturated fat 5 g; carbohydrates 19 g; fiber 2 g; sugars 13 g; protein 2 g; sodium 95 mg. Values are estimates and will vary based on exact ingredients, chocolate percentage, and cookie size.