Delicious M&M Cookie Bars
If you’re anything like me, you know that the best snacks are the ones that combine a little bit of sweetness and a whole lot of fun. That’s why I’m so excited to share this M&M Cookie Bar recipe with you today. These bars are the perfect balance of chewy and crunchy, with the perfect burst of color from those iconic candy-coated chocolates. Plus, they’re super easy to make – no fancy equipment needed, just a few basic ingredients that you probably already have in your pantry.
I love making these M&M Cookie Bars whenever I want something sweet but don’t want to spend hours in the kitchen. With just a little bit of mixing, some baking, and a bit of patience while they cool, you’ve got a batch of cookies that are perfect for any occasion – whether it’s a casual afternoon snack, a quick dessert for a family gathering, or even a gift for a friend. The best part? You get to enjoy the vibrant pops of color from the M&M’s in every bite, making them as fun to look at as they are to eat.
One of my favorite things about this recipe is how customizable it is. You can mix up the types of chocolate chips or even try different candy-coated chocolates if you want to switch things up. It’s the kind of recipe that I love making over and over, with a few little twists here and there. So, grab your apron and let’s get baking – I promise these M&M Cookie Bars will be a hit with everyone who gets a bite!

Ingredients
- 1/2 cup softened butter: Start with 1/2 cup of softened butter, which gives the bars that rich, melt-in-your-mouth texture.
- 1/2 cup brown sugar: Add 1/2 cup of brown sugar for a deep, molasses-like sweetness that complements the other ingredients perfectly.
- 1/4 cup white sugar: To balance the brown sugar, stir in 1/4 cup of white sugar for that classic sweetness we all love.
- 1 tsp vanilla extract: A teaspoon of vanilla extract enhances the flavors and brings a warm, aromatic note to the bars.
- 1 egg: One egg is all you need to bind the ingredients together and give the bars a chewy, satisfying texture.
- 1/3 tsp baking soda: Add 1/3 teaspoon of baking soda to help the bars rise and create that perfect soft, airy texture.
- 1/3 tsp salt: A pinch of salt, about 1/3 teaspoon, will balance out the sweetness and bring out the other flavors.
- 1 cup flour: The base of these bars is 1 cup of flour, which gives them structure and a nice, sturdy crumb.
- 1/2 cup chocolate chips: Stir in 1/2 cup of chocolate chips for that extra chocolatey richness in every bite.
- 1/2 cup M&M’s: Finally, toss in 1/2 cup of M&M’s for a pop of color and an extra crunch that makes these bars irresistible.

Recipe Instructions
You can find a printable recipe card at the bottom of this post.
1. Preheat the oven to 350°F (175°C). In a bowl, place together the softened butter, brown sugar, and white sugar until smooth.

2. Beat until fully incorporated. Add vanilla extract and the egg to the creamed mixture, beat again.

3. In a separate bowl, mix the dry ingredients: flour, baking soda, and salt. Gradually add them to the wet mixture, beating until combined.
4. Stir in the chocolate chips and most of the M&M’s, reserving some for topping.

5. Spread the dough evenly into an 8×6 inch (or 9*7) baking pan. Sprinkle the reserved M&M’s on top.

6. Bake in the preheated oven for 18–20 minutes, or until the surface is golden brown.

7. Allow the cookie bars to cool in the pan before slicing into squares.

Frequently Asked Questions
1. Can I use different types of M&M’s in this recipe?
Absolutely! Feel free to use peanut M&M’s, pretzel M&M’s, or even peanut butter M&M’s to mix things up. It’ll give your cookie bars a fun twist!
2. Can I make these bars ahead of time?
Yes, you can! These M&M Cookie Bars store really well in an airtight container for up to 3–4 days. If you want to keep them fresh longer, you can also freeze them for up to a month.
3. What can I substitute for the egg if I need an egg-free version?
If you need an egg-free option, you can substitute the egg with 1/4 cup of applesauce or a flax egg (1 tablespoon ground flaxseed mixed with 3 tablespoons water, let sit for a few minutes to thicken).
4. Can I use salted butter instead of unsalted butter?
If you use salted butter, you may want to reduce the amount of added salt in the recipe to avoid making the bars too salty. I recommend cutting the salt to 1/4 teaspoon if using salted butter.
5. Can I use a different type of flour, like whole wheat flour?
Yes, you can substitute whole wheat flour for all-purpose flour, though the texture may be a bit denser. You could also try using gluten-free flour for a gluten-free version, though results may vary depending on the brand you choose.
6. How do I know when the cookie bars are done baking?
The bars should be golden brown on top and slightly firm to the touch around the edges. You can also insert a toothpick in the center; it should come out clean or with just a few crumbs when they’re fully baked.
7. Can I double the recipe for a larger batch?
Yes, you can easily double the recipe! Just make sure to use a larger baking pan, and you may need to add a few extra minutes of baking time. Keep an eye on the bars as they bake to ensure they don’t overcook.

M&M Cookie Bars
Ingredients
- 1/2 cup softened butter
- 1/2 cup brown sugar
- 1/4 cup white sugar
- 1 tsp vanilla extract
- 1 egg
- 1/3 tsp baking soda
- 1/3 tsp salt
- 1 cup flour
- 1/2 cup chocolate chips
- 1/2 cup M&Ms
Instructions
- Preheat the oven to 350°F (175°C). In a bowl, place together the softened butter, brown sugar, and white sugar until smooth.
- Beat until fully incorporated. Add vanilla extract and the egg to the creamed mixture, beat again.
- In a separate bowl, mix the dry ingredients: flour, baking soda, and salt. Gradually add them to the wet mixture, beating until combined.
- Stir in the chocolate chips and most of the M&Ms, reserving some for topping.
- Spread the dough evenly into an 8x6 inch (or 9*7) baking pan. Sprinkle the reserved M&Ms on top.
- Bake in the preheated oven for 18–20 minutes, or until the surface is golden brown.
- Allow the cookie bars to cool in the pan before slicing into squares.
You can find more cookie bar recipes here.
