Desserts
This chewy M&M cookie bars recipe delivers the perfect balance of rich chocolate flavor and colorful candy crunch in every bite. š The secret lies in a foolproof technique that creates a thick, gooey center with crispy edgesāplus rivers of melted chocolate that make these bars irresistible.
Iāve perfected this recipe over years of baking, ensuring the M&Ms stay intact while the cookie base stays perfectly chewy.
The magic happens with a simple yet strategic approach: combining melted butter, brown sugar, and eggs for that signature chewy texture, then folding in M&Ms and chocolate chips for bursts of color and sweetness.
A sprinkle of extra M&Ms on top creates that coveted crunchy crust, while baking at 350°F ensures everything cooks evenly without burning the candy.
What youāll end up with is a restaurant-quality dessert thatās easy to make but always impressive. The bars cut cleanly into perfect squares, with pockets of melted chocolate and candy that make every bite feel like a little indulgence.
Whether youāre serving them at a party or saving them for a sweet treat, these cookie bars never disappoint.
Pro tip: Let the bars cool completely before cuttingātheyāll hold their shape better, and the layers of flavor will develop even more. Store them in an airtight container for up to a week, though they rarely last that long! Letās get baking.
Ingredients for chewy m&m cookie bars
These ingredients create the perfect chewy M&M cookie bars with gooey chocolate rivers.
| Ingredient | Amount | Notes |
|---|---|---|
| Unsalted Butter š§ | 1 cup | Melted, full-fat for richness |
| Packed Brown Sugar š | 1 ½ cups | Light or dark, not packed too tight |
| Large Eggs š„ | 2 whole | Room temperature for best mixing |
| All-Purpose Flour š¾ | 2 cups | Sifted for even texture |
| Baking Soda š§ | ½ tsp | For lift and chewiness |
| Vanilla Extract šÆ | 1 tsp | Pure, not imitation |
| Milk Chocolate Chips š« | 2 cups | Semi-sweet, 1.5 oz bags |
| Milk Chocolate Bars š« | 12 oz | Chopped into small pieces |
| M&M's Plain š¬ | 3 cups | Rainbow or milk chocolate |
| Salted Peanuts š„ | ½ cup | Optional, for extra crunch |
| Diamond Crystal Kosher Salt š§ | ¼ tsp | For balancing sweetness |
| Unsweetened Cocoa Powder š« | ¼ cup | Natural for deeper flavor |
| Aluminum Foil š | 1 sheet | For easy release |
The butter and brown sugar form the chewy foundationāuse high-quality butter like Land O'Lakes or PlugrĆ” for richness. Pack the brown sugar loosely to avoid dry bars. King Arthur flour or Bob's Red Mill are my go-tos for consistent texture. The M&M's should be freshly openedāstale candy makes the bars taste flat. For chocolate, Ghirardelli chips or Hershey's bars work perfectly. If you're feeling fancy, swap the milk chocolate for dark chocolate chips and add white M&M's for contrast.
No milk chocolate chips? Dark chocolate chips at 1:1 ratio work well, though the flavor will differ. Running short on M&M's? Reese's Pieces or Buttons add similar crunch. The peanuts are optional but add a nice texture contrastāPlanters or HoneyBaked are reliable brands. For the cocoa powder, Dutch-processed adds a smoother flavor, while natural keeps the chocolatey bite. The baking soda is crucialādouble-check your measurements as too much can make the bars bitter. If you're gluten-free, substitute the flour with a 1:1 gluten-free blend, but expect slightly less chewiness.
Store the baked bars in an airtight container at room temperature for up to 5 days, though they rarely last that long. For longer storage, freeze in portions for up to 3 months. The foil sheet makes cutting easierāpress gently with a knife to release the bars cleanly. These bars reheat beautifully in the oven at 300°F for 5 minutes to restore that gooey texture. Double the recipe for partiesāthese disappear fast!
Why You'll Love This Recipe
- No Mixer Needed: I swear by these cookie bars because theyāre one-bowl, no-fussājust cream butter and sugar, toss in eggs and flour, and fold in those melty M&Ms. Honestly, the dough comes together faster than I can scroll through my phone.
- Chewy Magic: That perfect balance of brown sugar caramel and crispy edges? Itās all in the butter-to-flour ratio and a quick bake. The M&Ms stay gooey while the edges get just enough golden crunchātrust me, itās the kind of texture that makes you take a second bite without thinking.
- Weeknight Hero: These bars are my go-to for school lunches or when I need a dessert thatās actually easy. I cut them into squares, wrap them in foil, and they stay fresh for daysāno one ever complains when they come home from work to this waiting for them.
- Budget Sweetness: Five ingredients, zero specialty items, and they cost pennies to make. Between us, Iāve fed a crowd of 10 for under $10 with theseāplus, the leftovers freeze like a dream. Itās the kind of recipe that makes me feel like a baking genius without breaking the bank.
Step-by-step instructions for chewy M&M cookie bars
Here's the method for creating bars with gooey centers, crispy tops, and rivers of melted chocolate.
š³ Step 1: Melt Butter and Mix Wet Ingredients
In a medium saucepan over low heat, melt the 1 cup unsalted butter until completely liquid but not browned. Remove from heat and let cool for 5 minutesāit should be warm to the touch but not hot. This prevents scrambling the eggs later.
In a large mixing bowl, whisk together the melted butter with the 1.5 cups packed brown sugar until smooth. Add the 2 whole large eggs one at a time, whisking vigorously after each addition until fully combined. Stir in the 1 tsp vanilla extract and 0.25 tsp diamond crystal kosher salt. The mixture should be thick and glossy, with no visible lumps.
šØāš³ Step 2: Combine Dry Ingredients and Fold in Chocolate
In a separate bowl, sift together the 2 cups all-purpose flour and 0.5 tsp baking soda. Gently fold this dry mixture into the wet ingredients using a spatula, mixing just until combinedāovermixing develops gluten and makes the bars tough. The dough will be thick and sticky, but that's perfect for chewy texture.
Next, fold in the 2 cups milk chocolate chips, 12 oz chopped milk chocolate bars, 3 cups M&M's plain, and 0.5 cup salted peanuts (if using). Use your hands to distribute the chocolate and candies evenly throughout the dough. I like to press the candies into the dough slightly so they don't all float to the top during baking.
š„ Step 3: Prepare the Baking Pan and Spread Dough
Preheat your oven to 350°F. Line a 9x13-inch baking pan with the 1 sheet aluminum foil, leaving a slight overhang on the sides for easy removal. Press the dough evenly into the prepared pan using a spatula, smoothing the top as much as possible. The dough will be thickāabout ½-inchāso don't worry if it's not perfectly even.
Sprinkle the 0.25 cup unsweetened cocoa powder evenly over the top of the dough. This creates the signature chocolate "rivers" when baked. Use a fork to gently drag lines through the cocoa powder, creating paths for the melted chocolate to flow during baking. Place the pan in the preheated oven.
š„ Step 4: Bake Until Golden and Set
Bake for 25-30 minutes until the edges are deep golden brown and the top is set but still slightly soft. You'll see the cocoa powder melting into rivers of chocolateāthis is what we're after! The bars are done when a toothpick inserted in the center comes out with a few moist crumbs but no wet batter.
Remove from the oven and let cool in the pan for 10 minutes. The bars will be too soft to cut immediately, but this brief cooling period helps them firm up slightly. Use the foil overhang to lift the entire pan onto a wire rack, then carefully slide the foil out from under the bars. Let cool completely before cutting into 16 squaresāthey'll be easier to handle when fully set.
ā° Step 5: Rest and Serve for Perfect Texture
Once completely cooled, wrap the pan tightly with plastic wrap and refrigerate for at least 1 hour (or up to 24 hours). This resting period allows the flavors to meld and the texture to develop that perfect chewy consistency. The bars will firm up nicely and be easier to slice cleanly.
To serve, cut into 16 equal squares using a sharp knife or pizza cutter. Each bar should have a crispy top, gooey chocolate centers, and pockets of M&M's and peanuts. Store leftovers in an airtight container at room temperature for up to 5 days, or freeze for up to 3 months for maximum freshness.
Pro Tips For Making Chewy M&M Cookie Bars
- Cream Butter Slowly: Brown sugar sticks like glue when you rush itābeat the butter and sugar together over low heat (or with a hand mixer) until the mixture is smooth and light, about 2-3 minutes. I learned this the hard way after scraping sugar off my mixer blades for the third time.
- Pack That Sugar: Brown sugar loses volume when packed looselyātap the measuring cup firmly on the counter to settle it before scooping. My first batch came out under-sweetened because I skipped this, and the chewiness suffered.
- Bake Until Golden: Pull the bars when the edges are deep golden brown, not just setāabout 25-30 minutes total. The baking soda needs time to work its magic for that classic chewy texture, not a cakey one.
- Press M&Ms Lightly: Donāt shove them ināpress the M&Ms into the dough in a single layer, just enough to hold them. Overcrowding makes them sink unevenly, and youāll end up with a messy, lumpy top. A rolling pin helps for even pressure.
Storing and reheating your chewy m&m cookie bars
Room Temperature Storage
Store your chewy M&M cookie bars in an airtight container at room temperature for up to 5 days. I use Rubbermaid Brilliance containers with snap-on lidsāthey keep the bars fresh and prevent them from drying out.
Place a paper towel on top of the bars before sealing to absorb any excess moisture that might make them soggy. š
Fridge for Extended Freshness
For longer storage, refrigerate the bars in the same airtight container for up to 1 week. The cold temperature helps preserve their chewy texture and prevents the chocolate from melting.
Let them sit at room temperature for 10-15 minutes before serving to restore their gooey center. I often double-wrap the container in plastic wrap for extra protection against fridge odors.
Freezing for Maximum Shelf Life
Freeze your cookie bars for up to 3 months by wrapping them tightly in plastic wrap and then placing them in a freezer bag with all the air squeezed out. Label the bag with the date to keep track.
When ready to serve, thaw at room temperature for 1-2 hours or reheat in the oven at 300°F for 5 minutes to bring back that perfect chewy texture. š„¶
Reheating for Gooey Perfection
For the best results, reheat individual bars in the oven. Place them on a baking sheet and warm at 300°F for 3-5 minutes until the edges are slightly crispy and the chocolate centers are melted.
Avoid the microwaveāit can make the chocolate seize and ruin the texture. If reheating multiple bars, space them out on the sheet to ensure even warming.
Cutting Tips for Clean Slices
Wait until the bars are completely cooled before cutting to ensure clean, even squares. Use a hot knife (dip in hot water and wipe dry) for the cleanest cuts. Press firmly but donāt sawāthis helps prevent the bars from crumbling.
I like to cut them into 16 equal squares for perfect portion sizes, but you can adjust based on your serving needs. Store any leftovers in the airtight container to maintain freshness. āØ
Nutrition facts
Frequently asked questions
Why do my M&M cookie bars turn out too cakey instead of chewy?
Overmixing the dough develops gluten, which makes bars cakey rather than chewy. Stop folding once the dry ingredients are just combinedālumps are okay! Also, ensure your butter is melted but not hot when mixing with eggs to prevent scrambling. For extra chewiness, use 1 cup melted butter and 1.5 cups packed brown sugar as specified.
Can I substitute white chocolate for milk chocolate in this recipe?
While you can use white chocolate, it won't melt as smoothly as milk chocolate during baking, which affects the "rivers" effect. If you prefer it, replace milk chocolate chips/bars with white chocolate at a 1:1 ratio, but expect less pronounced chocolate flavor and texture. For best results, stick with milk chocolate for that signature gooey center.
How do I prevent the M&M's from burning on top?
Bake at 350°F and check the bars at 25 minutesāthey're done when edges are golden but the top still looks slightly soft. If the M&M's start browning too fast, tent the pan with aluminum foil and continue baking. The cocoa powder rivers should form without burning the candy if you remove them promptly when the edges are set.
What's the best way to make these bars gluten-free?
Replace the 2 cups all-purpose flour with a 1:1 gluten-free baking blend like Bob's Red Mill or King Arthur. Note that gluten-free versions may be slightly less chewy, so add 1 extra tablespoon of xanthan gum to improve texture. Also, reduce baking time by 2-3 minutes to prevent over-browning.
Can I add nuts or other mix-ins besides M&M's?
Try chopped walnuts, toasted coconut, or crushed pretzels for texture. For flavor, swap ½ cup M&M's with ½ cup dried cranberries or chopped dates. Just don't exceed 3 cups total mix-insātoo many can make the bars dry. Always fold mix-ins gently to avoid breaking them.
