These soft, chewy M&M Cookie Bars are the ultimate sweet treat and super easy to make. Perfect for a movie night in, to serve to a crowd, or to have stocked in the freezer for when the sweet tooth hits!
Table of Contents
This recipe is…
Enjoy a fun twist on your typical cookie with these delicious bars! They’re thicker than the average cookie and are even simpler to make. You can put together a big batch of these chewy, chocolatey cookie bars in little to no time to serve for a movie or game night, your next cookout, or anytime you crave something sweet.
Dessert bars are ideal when you need to make a lot of something sweet and have very little time to do it. Magic Cookie Bars will bring back all the nostalgic feels of childhood that are not only easy to master but can be customized to your liking while the Millionaire’s Shortbread combines just three ingredients to offer a decadent taste. Lastly, these Homemade Toffee Bars come together fast and offer that perfect sweet crunch everyone will love.
Why You’ll Love This Recipe
- They are delicious – these M&M cookie bars are everything you could want in a dessert: soft, chewy, and oh-so-buttery.
- Easy to make – without any mixer or dough rolling, these bars come together quickly and easily.
M&M Cookie Bar Recipe Ingredients
With just a few ingredients on the list, these cookie bars are a cinch to make! Find ingredient notes (including substitutions and swaps) below.
- Gluten-Free or All-Purpose Flour – this recipe works great with King Arthur Measure for Measure flour, Bob’s Red Mill 1-to-1 flour, or regular ole all-purpose flour if you tolerate gluten!
- Brown Sugar – use 1 cup of brown sugar for these delicious, chewy bars. It lends a deep, caramel-like flavor that makes these so good! You can totally use coconut sugar in place of brown if you’d like.
- M&Ms – while we used 1 cup of traditional M&Ms, there are also dye-free options if preferred or festive seasonal M&Ms for a holiday party!
A full ingredient list with exact amounts can be found in the recipe card below.
Recipe Variations and Modifications
- Make it gluten-free – our favorite gluten-free flours are King Arthur Measure for Measure and Bob’s Red Mill 1-to-1, and this recipe works beautifully with both!
- Make refined sugar-free – to make these cookie bars refined sugar-free, just use coconut sugar in place of the brown sugar and dark chocolate chips instead of M&Ms.
- Make it egg-free – we tested different egg substitutes in several different baked goods, took all kinds of notes, and then laid it all out for you in this super helpful guide to egg-free baking. For bars, we recommend using an egg replacer combo: one chia egg (1 tablespoon of milled chia seed + 3 tablespoons of water) and plain Greek yogurt (¼ cup). This combination produced bars that were soft on the inside, crispy on the outside, with a delicious flavor. If you’re looking for a vegan substitute, leave out the Greek yogurt and add another chia egg for a crispy yet dense bar!
How to Make M&M Cookie Bars
A quick whisk, stir, and bake is all it takes for these cookie bars to be ready for your enjoyment! Follow along below.
Step 1: Preheat the oven to 325°F and grease an 9×9 pan with butter, or line with parchment paper. Whisk the butter, eggs, sugar, and vanilla extract together in a large bowl.
Step 2: Add the flour, baking soda, and salt to the bowl and stir to combine. Once the flour is fully incorporated, mix in the M&Ms.
Step 3: Press the mixture into the bottom of a 9×9 pan, and bake for 30-35 minutes, until the top is browned and a toothpick inserted into the center of the pan comes out clean.
Step 4: Slice and enjoy!
Recipe Tips
- Don’t over-pack your flour – when you’re measuring flour for a baked good, use a dry measuring cup to scoop the flour, then even it off (letting any extra flour fall back into the bag) using a butter knife. Don’t press your flour into the measuring cup – this will pack it in, and you’ll end up with too much flour.
- Don’t overmix – be sure to mix the ingredients just until they’re incorporated. Overmixing often results in gummy or overly chewy baked goods!
- Use a metal pan – metal pans are best for these cookie bars because the metal heats up quickly, and allows the outside of the cookie bars to get golden brown.
- Add some extra M&M’s on top – for some added decoration, place a few M&M’s on top of the dough before baking or press a few on top right after you take the cookie bars out of the oven.
How to Serve
Serve these cookie bars warm on their own or with a scoop of your favorite ice cream or whipped cream. Pair these sweet treats with a tall glass of cold milk or a cup of freshly brewed hot coffee.
How to Store and Reheat
Store any leftover cookie bars in an airtight container on the counter for up to five days. These M&M cookie bars can also be wrapped in parchment or wax paper and stored in a Ziplock bag in the freezer for up to 3 months. To warm a frozen cookie bar, just pop it in the microwave for 30 seconds, or until soft and warm!
Frequently Asked Questions
Totally! They’ll just be a bit thicker, so they may need a few extra minutes in the oven. You’ll know they’re finished when a toothpick inserted into the middle of the pan comes out clean.
Of course! Chocolate chips melt a little bit more than M&Ms, so your final product will have more chocolate throughout (rather than just the M&M bites), but they’ll still be divine!
More Favorite Dessert Recipes
If you tried these M&M Cookie Bars or any other recipe on my website, please leave a 🌟 star rating and let me know how it went in the 📝 comments below!
M&M Cookie Bars
Ingredients
- ½ cup 4 ounces butter, melted
- 1 cup brown sugar, 192 grams
- 1 teaspoon vanilla extract
- 2 eggs, room temperature
- 1½ cups all-purpose flour (we used King Arthur for gluten-free!), 186 grams
- ½ teaspoon baking soda
- ½ teaspoon coarse sea salt, or ¼ teaspoon fine salt
- 1 cup M&Ms
Instructions
- Preheat the oven to 325°F and grease an 9×9 pan with butter, or line with parchment paper.
- Whisk the butter, eggs, sugar, and vanilla extract together in a large bowl.
- Add the flour, baking soda, and salt to the bowl and stir to combine. Once the flour is fully incorporated, mix in the M&Ms.
- Press the mixture into the bottom of a 9×9 pan, and bake for 30-35 minutes, until the top is browned and a toothpick inserted into the center of the pan comes out clean.
Recipe Notes
- Don’t over-pack your flour – when you’re measuring flour for a baked good, use a dry measuring cup to scoop the flour, then even it off (letting any extra flour fall back into the bag) using a butter knife. Don’t press your flour into the measuring cup – this will pack it in, and you’ll end up with too much flour.
- Don’t overmix – be sure to mix the ingredients just until they’re incorporated. Overmixing often results in gummy or overly chewy baked goods!
- Use a metal pan – metal pans are best for these cookie bars because the metal heats up quickly, and allows the outside of the cookie bars to get golden brown.
- Add some extra M&M’s on top – for some added decoration, place a few M&M’s on top of the dough before baking or press a few on top right after you take the cookie bars out of the oven.
Nutrition
So I admit I had very low expectations for the chia/greek yogurt “egg” (I’ve made many vegan recipes before but am skeptical of some subs, and this was a more unusual one.) Well, it worked out perfect! The little chias give a beautiful speckly highlight. They are more crunchy than soft but delicious none the less. Baked at 350 for 30 min and cooked perfectly no issues slicing one cooled. Thank you, and I’ll be making more!
Amazing! We’re so glad this recipe exceeded your expectations. Thank you for sharing with us, Paula!