Fudgy M&M Cookie Bars
The idea for M&M Cookie Bars came during a rainy weekend in Portland, somewhere between a failed batch of layered brownies and a sugar-charged kitchen session with my niece Emma. She had one goal in mind something “rainbow and crunchy.”
I remembered a half-hidden bag of M&M’s in the pantry, and just like that, our plan changed. Within minutes, we were pressing bright candies into buttery dough, the tray turning into a little mosaic of color.A few days later, I brought those M&M Cookie Bars to a local book club picnic I may or may not have crashed. The moment they hit the table, one woman lit up, declaring,
These taste like every happy memory from childhood. She was right. They disappeared faster than anything else that afternoon, and suddenly, this simple bake became a go-to for celebrations, care packages, and random acts of kindness.
These bars are pure joy baked into squares soft, chewy, and studded with color. They remind me that baking doesn’t need to be fancy to make people smile. M&M Cookie Bars deliver that perfect mix of sweetness, crunch, and nostalgia every time.

Short Description
M&M Cookie Bars are buttery, soft, and packed with milk chocolate M&M’s and semi-sweet chocolate chips
Key Ingredients
- 1 cup (2 sticks) unsalted butter, softened
- 1 cup packed light brown sugar
- ½ cup granulated sugar
- 2 large eggs, at room temperature
- 1 tablespoon pure vanilla extract
- 2 ¾ cups all-purpose flour
- 1 teaspoon cornstarch
- 1 teaspoon baking soda
- ½ teaspoon fine sea salt
- 1 ½ cups milk chocolate M&M’s candies, divided
- 1 cup semi-sweet chocolate chips
Tools Needed
- 9×13 inch metal baking pan
- Parchment paper
- Stand mixer with paddle attachment
- Mixing bowls
- Rubber spatula
- Cooling rack
- Measuring cups and spoons
Cooking Instructions
Step 1: Prep and Preheat
Preheat your oven to 350°F (175°C). Grease a 9×13 inch metal baking pan and line it with parchment paper, leaving an overhang on two sides for easy lifting later.
Step 2: Cream Wet Ingredients
In a stand mixer fitted with the paddle attachment, beat the softened butter, brown sugar, and granulated sugar on medium speed for 2–3 minutes, until light and fluffy.
Step 3: Incorporate Eggs and Vanilla
Add the eggs one at a time, beating well after each addition. Mix in the vanilla extract until smooth.
Step 4: Combine Dry Ingredients
In a separate bowl, whisk together the flour, cornstarch, baking soda, and salt. Gradually add this to the wet mixture on low speed, stopping once combined.
Step 5: Form the Dough
Using a spatula, fold in 1 cup of the M&M’s and all the chocolate chips. Make sure they’re evenly distributed.
Step 6: Press and Top
Press the dough evenly into the prepared pan. Scatter the remaining ½ cup of M&M’s across the top and press them gently into the dough.
Step 7: Bake
Bake for 22–26 minutes, until the edges are golden brown and firm. The center should still look slightly soft for that chewy texture.
Step 8: Cool and Slice
Let the bars cool completely in the pan on a wire rack. Use the parchment overhang to lift them out and transfer to a cutting board. Slice into squares and enjoy.
Why You’ll Love This Recipe
Bright, colorful, and crowd-pleasing
Soft, chewy texture with chocolatey crunch
Easy to make in one bowl
Great for holidays, parties, or everyday baking
Stores well and travels perfectly
Mistakes to Avoid & Solutions
Overbaking
Bars come out too dry or hard.
Solution: Pull them out when the center still looks slightly underbaked—they’ll firm up as they cool.
Uneven mixing
Pockets of flour or uneven chocolate distribution.
Solution: Use a rubber spatula to scrape the bowl and fold in M&M’s and chips thoroughly.
Using a glass pan
Edges overbake while center stays gooey.
Solution: Always use a metal baking pan for even heat distribution.
Sticky dough
Too wet to spread evenly.
Solution: Chill the dough for 10–15 minutes if needed before pressing into the pan.
M&M’s sinking
All the candies disappear into the middle.
Solution: Save half to press on top just before baking.
Serving and Pairing Suggestions
Serve warm with a scoop of vanilla ice cream
Pair with a cold glass of milk or oat milk
Cut into mini squares and serve on a party platter
Wrap individually for lunchboxes or party favors
Stack with wax paper for colorful dessert towers
Storage and Reheating Tips
Store in an airtight container at room temperature for up to 5 days
For longer storage, refrigerate for up to 10 days
Freeze individually wrapped bars for up to 2 months
To reheat: Microwave a single bar for 10–12 seconds for a just-baked taste
Avoid refrigerating uncovered—this can dry out the bars
FAQs
1. Can I use peanut M&M’s instead?
Yes, but the bars will be chunkier and may bake slightly faster due to their larger size.
2. Can I double the recipe?
Yes use a larger sheet pan and monitor baking time closely, as the edges will bake faster.
3. Can I make this gluten-free?
Use a 1:1 gluten-free flour blend and ensure all mix-ins are certified gluten-free.
4. Why are my bars too crumbly?
They may be overbaked or have too much flour. Spoon and level your flour to avoid packing.
5. How do I keep the colors of the M&M’s from bleeding?
Use room temperature dough and avoid overmixing once the candies are folded in.
Tips & Tricks
For festive versions, use seasonal M&M’s (like red and green for Christmas)
Add chopped pretzels or toffee bits for a sweet-salty twist
Let the bars cool fully before slicing for clean edges
Use parchment overhang to lift and transfer bars easily
Don’t press the M&M’s too deep or they’ll disappear into the dough
Recipe Variations
1. Brown Butter M&M Bars
Swap regular butter for browned butter to add a rich, nutty flavor. Let the browned butter cool before creaming with sugars.
2. Nutty Cookie Bars
Add ½ cup chopped toasted walnuts or pecans to the dough for extra crunch and depth.
3. Espresso Chip Cookie Bars
Replace ½ teaspoon vanilla with ½ teaspoon espresso powder and add dark chocolate chunks in place of semi-sweet chips for a grown-up version.
4. S’mores Style Bars
Swap ½ cup flour with finely crushed graham crackers and fold in mini marshmallows with chocolate chips and M&M’s.
5. Vegan Version
Use vegan butter, egg substitute (like flax eggs), dairy-free chocolate chips, and vegan-friendly candies.
Final Thoughts
Some recipes take years to perfect, but M&M Cookie Bars came together almost by accident and never left my kitchen. They prove that a few pantry staples and a splash of color can turn into something joyful and worth sharing.
These squares have quietly become part of my routine showing up at bake sales, tucked into care packages, and offered at gatherings that could use a little sweetness. They always seem to fit in, like an old friend who knows exactly when to appear.
M&M Cookie Bars are simple, bright, and endlessly shareable. Keep this recipe close; it has a way of lifting moods, filling rooms with laughter, and reminding us how good homemade can taste.
Fudgy M&M Cookie Bars
Course: DessertDifficulty: Easy20
servings20
minutes25
minutesIngredients
1 cup (2 sticks) unsalted butter, softened
1 cup packed light brown sugar
½ cup granulated sugar
2 large eggs, at room temperature
1 tablespoon pure vanilla extract
2 ¾ cups all-purpose flour
1 teaspoon cornstarch
1 teaspoon baking soda
½ teaspoon fine sea salt
1 ½ cups milk chocolate M&M’s candies, divided
1 cup semi-sweet chocolate chips
Directions
- Preheat oven to 350°F (175°C). Grease a 9×13 inch metal pan and line with parchment paper, leaving overhangs for easy lifting.
- In a stand mixer, beat softened butter, brown sugar, and granulated sugar for 2–3 minutes until fluffy.
- Add eggs one at a time, mixing well after each, then blend in vanilla extract.
- Whisk flour, cornstarch, baking soda, and salt in a separate bowl, then add to wet ingredients until just combined.
- Fold in 1 cup M&M’s and all chocolate chips until evenly mixed.
- Spread dough evenly in the pan, press remaining ½ cup M&M’s on top.
- Bake 22–26 minutes until edges are golden and center slightly soft.
- Cool completely in the pan, lift out using parchment, and slice into squares.