If you’re anything like me and adore a cookie that feels tender and almost melt-in-your-mouth, then you’re going to be head over heels for this Soft M&M Cookie Bars Recipe. These bars combine the best elements of a classic cookie — gooey, buttery, and lightly chewy — with the fun, colorful crunch of M&Ms scattered throughout. Perfect for sharing at gatherings or indulging in a cozy solo snack, this recipe is straightforward yet absolutely irresistible, promising that perfect soft texture every time.
Ingredients You'll Need
Getting these delicious Soft M&M Cookie Bars to come together is all about simple, pantry-friendly ingredients that each play a vital part in building the bar’s irresistible flavor, texture, and joyful color pop. From the melty butter to the burst of chocolatey M&Ms, every element has a special role.
- All-purpose flour: Provides structure for soft yet sturdy bars, use 2 and ¾ cups spooned and leveled for best results.
- Cornstarch: Just 1 and ½ teaspoons to keep the cookie bars tender and soft without getting cakey.
- Baking soda: Helps the bars rise gently and achieve that perfect light texture.
- Salt: Enhances all the sweet flavors and balances the richness.
- Unsalted butter: 1 cup melted and cooled (but still warm) — this is key to rich, tender bars.
- Brown sugar: 1 cup packed for deep caramel notes and chewiness.
- Granulated sugar: ½ cup to add sweetness and slight crunch.
- Eggs: 2 large, at room temperature to bind everything perfectly.
- Vanilla extract: 2 teaspoons for warm, inviting flavor.
- M&Ms: 1 and ¼ cups of your choice of mini or regular-size candy, bringing sweetness and colorful crunch.
- Semi-sweet chocolate chips: ¾ cup for melty pockets of chocolate throughout.
How to Make Soft M&M Cookie Bars Recipe
Step 1: Prep Your Oven and Pan
First things first, preheat your oven to 350°F (177°C) and position your rack in the center for even baking. Line a 9×13-inch baking pan with parchment paper, both bottom and sides, leaving an overhang for easy removal of your cookie bars later. This setup keeps your bars from sticking and makes clean-up a breeze.
Step 2: Combine Dry Ingredients
In a large bowl, whisk together the all-purpose flour, cornstarch, baking soda, and salt. This mixture will provide the base for tender cookie bars that hold together but stay delightfully soft.
Step 3: Mix Wet Ingredients
In a separate medium bowl, whisk the melted butter with brown sugar and granulated sugar until smooth and lump-free. Then, whisk in the eggs and vanilla extract until everything is fully incorporated. The warm butter works magic here, giving the bars their signature silky-smooth dough.
Step 4: Combine Wet and Dry
Pour the wet mixture into the flour mixture and stir with a large spoon or silicone spatula until just combined. The dough will feel soft, slick, and thick—that's exactly what you want for a bar that stays chewy yet tender.
Step 5: Fold in M&Ms and Chocolate Chips
Gently fold the M&Ms and chocolate chips into the dough. Because of the butter, the candies might not stick evenly at first, but give it a good mix to distribute the colors and chocolate pockets delightfully throughout.
Step 6: Bake to Perfection
Transfer the dough evenly into your prepared pan and smooth the top. Bake for 26 to 30 minutes until the edges turn lightly golden and a toothpick in the center pulls out mostly clean with a few moist crumbs. Keep an eye so the bars do not over-bake; if they brown too quickly, tent with foil for the remainder.
Step 7: Cool and Finish
Allow the bars to cool in the pan on a wire rack for at least one hour. They will puff during baking but settle beautifully while cooling. If you want to turn up the wow-factor, press a few extra M&Ms and chocolate chips onto the warm tops just before they cool.
How to Serve Soft M&M Cookie Bars Recipe
Garnishes
Sprinkling extra M&Ms or chocolate chips on top right after baking adds a colorful and inviting finish that makes your bars look as good as they taste. A light dusting of powdered sugar can also add a pretty contrast.
Side Dishes
These cookie bars shine with a cold glass of milk for classic comfort. For an adult twist, serve alongside coffee or even a scoop of vanilla ice cream to create a decadent dessert experience.
Creative Ways to Present
Try cutting the bars into small bite-size pieces for party platters or placing them on skewers alternating with fresh fruit for a fun dessert kebab. Wrapping individual bars in parchment and tying with twine also makes darling gifts or lunchbox treats.
Make Ahead and Storage
Storing Leftovers
Once cooled, store your Soft M&M Cookie Bars at room temperature in an airtight container for up to one week. This keeps them soft, chewy, and just as delightful as the day you baked them.
Freezing
You can freeze both the unbaked dough and the baked bars. Chill the dough for up to three days or freeze it for up to three months. For baked bars, wrap tightly and freeze for up to three months as well. Thaw overnight in the refrigerator and bring bars to room temperature before serving.
Reheating
Warm leftover bars briefly in the microwave for about 15 seconds to revive that fresh-baked softness and melted chocolate feel. This is perfect for a quick pick-me-up snack.
FAQs
Can I use regular M&Ms instead of mini?
Absolutely! Both regular and mini M&Ms work wonderfully here. Regular ones give a bigger chocolate pop, while minis distribute more evenly. You can even mix sizes for fun texture.
What if I don’t have cornstarch?
No problem. Cornstarch helps with tenderness but the cookie bars will still be soft and delicious without it. Feel free to skip it if you don’t have any on hand.
Can I substitute butter with margarine or oil?
Butter is important for both flavor and texture. Margarine or oil won’t produce the same rich taste or the soft chewiness that butter gives these bars, so stick to butter whenever possible.
Is it okay to use browned butter?
Yes! Browning the butter adds a lovely nutty depth to your bars. Just add an extra 3 tablespoons of butter to compensate for moisture loss during browning.
Can I leave out the chocolate chips?
Definitely. If you skip chocolate chips, increase the M&Ms to 1 and ½ cups for a colorful, candy-packed bar. You could also swap in white chocolate, butterscotch, or peanut butter chips for a different twist.
Final Thoughts
There’s something so joyful and comforting about making a batch of these Soft M&M Cookie Bars Recipe. Whether you need a simple dessert for family, a fun treat for kids, or a bake sale hero, this recipe has got your back with its perfect combination of soft texture and colorful fun. Give it a try soon—you might just find your new favorite cookie bar to make over and over again!
Print
Soft M&M Cookie Bars Recipe
These Soft M&M Cookie Bars combine the classic flavors of chocolate chip cookies with colorful M&Ms for a chewy, delightful treat perfect for sharing or snacking. The bars are baked in a 9x13-inch pan for an easy-to-cut dessert with a soft, tender crumb and a mix of chocolatey bites throughout.
- Total Time: 1 hour 45 minutes (includes cooling time)
- Yield: 24 bars (cut into 2x2-inch squares)
Ingredients
Dry Ingredients
- 2 and ¾ cups (343g) all-purpose flour (spooned and leveled)
- 1 and ½ teaspoons cornstarch
- 1 teaspoon baking soda
- ½ teaspoon salt
Wet Ingredients
- 1 cup (16 Tbsp; 226g) unsalted butter, melted & cooled for 5 minutes
- 1 cup (200g) packed light or dark brown sugar
- ½ cup (100g) granulated sugar
- 2 large eggs, at room temperature
- 2 teaspoons pure vanilla extract
Add-ins
- 1 and ¼ cups (about 260g) mini or regular-size M&Ms
- ¾ cup (135g) semi-sweet chocolate chips
Instructions
- Preheat and Prepare Pan: Preheat the oven to 350°F (177°C) and position the oven rack in the center. Line a 9×13-inch metal or glass baking pan with parchment paper, leaving an overhang on the sides for easy removal later.
- Mix Dry Ingredients: In a large bowl, whisk together the all-purpose flour, cornstarch, baking soda, and salt until well combined. Set this mixture aside.
- Combine Wet Ingredients: In a medium bowl, whisk the melted butter with the brown sugar and granulated sugar until no lumps remain. Next, whisk in the eggs and vanilla extract until smooth and homogenous.
- Make the Dough: Pour the wet ingredients into the dry ingredients and fold together gently with a large spoon or spatula until just mixed. The dough will be soft, slick, and thick. Carefully fold in the M&Ms and chocolate chips, combining to distribute evenly.
- Transfer and Bake: Spread the dough evenly in the prepared pan, smoothing the top. Bake for 26 to 30 minutes or until the edges and top are lightly browned and a toothpick inserted in the center comes out mostly clean with a few moist crumbs. To prevent browning too quickly, tent the pan with foil if needed before 25 minutes.
- Cool and Serve: Let the bars cool completely in the pan set on a wire rack for at least one hour. Optionally press some extra M&Ms and chocolate chips on top while still warm for decoration. Lift the bars using the parchment overhang and cut into squares. Store leftovers at room temperature for up to 1 week.
Notes
- You can prepare the dough and refrigerate it for up to 3 days or freeze it for up to 3 months. Let it come to room temperature before baking.
- Baked cookie bars freeze well up to 3 months. Thaw overnight in the refrigerator before serving.
- Cornstarch is optional but helps keep the bars soft.
- Use melted butter warmed but not hot to avoid cooking the eggs; avoid letting it cool too long or dough will be crumbly.
- Browned butter can be used for a deeper flavor but add an extra 3 tablespoons of butter to compensate moisture loss.
- Mini or regular M&Ms both work; you can also crush some to sprinkle on top before baking.
- If skipping chocolate chips, increase M&Ms to 1 and ½ cups (about 300g) or substitute with white chocolate, butterscotch, or peanut butter chips.
- For a smaller batch, you can use a 9-inch pan with a scaled-down recipe.
- Prep Time: 15 minutes
- Cook Time: 26-30 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American
Leave a Reply