M&M’S Chocolate Chip Cookie Bars

4.73 from 48 votes
JUMP to RECIPE ▼

M&M’s Cookie Bars — ❤️💚💙 Soft buttery bars loaded with M&M’s and chocolate chips are a guaranteed hit!! Fast, easy, foolproof, no mixer recipe that’s so much simpler than making cookies!!

Chocolate Chip M&M’s Bars — Soft buttery bars loaded with M&M’s and chocolate chips are a guaranteed hit!! Fast, easy, foolproof, no mixer recipe that's so much simpler than making cookies!!

The only thing I may possibly like better than soft and chewy M&M’S cookies are cookie bars. Bars are my favorite kitchen shortcut because they’re so fast and easy to make. No dough to chill or individual cookies to form.

For these very soft, slightly chewy, buttery cookie bars that are loaded with M&M’s and chocolate chips, I called upon my trusty blondie base.

When I want an easy, fuss-free, one-bowl, no-mixer recipe that I know everyone will love, it’s my go-to. With 25+ versions and counting, it never lets me down.

I loved the texture contrast of the soft bars, with gooey chocolate chips, and the Crispy M&M’s that stay crispy even after being baked. My family’s eyes lit up when they saw these M&M’s bars, and they sure didn’t last long.

These are now my family’s favorite!!! I did not put as much chocolate in them – only a cup of M&Ms or a cup of semi sweet chocolate chips because my son is not a huge chocolate fan but the result was the same – AMAZING!!!. I love that it only makes a small batch and cooks evenly. Thank you!!! — Jennifer Kraemer

stack of three m&m cookie bars on a white plate

To make these easy bar cookies, you’ll need: 

  • Unsalted butter
  • Egg
  • Light brown sugar 
  • Vanilla extract
  • All-purpose flour
  • Salt 
  • Crispy M&M’s 
  • Semi-sweet chocolate chips 

Note: Scroll down to the recipe card section of the post for the ingredients with amounts included and for more complete directions.

stack of four m&m bars on a white plate. The top bar has a bite missing.

Making cookie bars with M&M’s is SO quick and easy! Here are the basic recipe steps:

  1. Melt the butter, then whisk in the egg, brown sugar, and vanilla.
  2. Stir in the dry ingredients, then gently fold in the chocolate chips and M&M’s.
  3. Turn the batter into a foil-lined 8×8-inch baking dish and bake until done. 
  4. Allow bars to cool in pan for at least 1 hour before slicing and serving.

Baking Tip

Note that I always bake with metal pans and line them with foil for easier cleanup. If baking with a glass pan, your bars may turn out slightly different from mine. 

Recipe FAQs

How long do cookie bars last?

These M&M’s bar cookies will keep airtight at room temperature for up to 1 week, or in the freezer for up to 6 months.

Can I Double This Recipe? 

You should be able to, yes. However, some readers who have tried doubling this recipe have said their cookie bars have turned out too greasy. If that happens to you, I recommend scaling back the amount of butter to 1 1/2 sticks total and seeing how that works out for you. 

What kind of M&M’s should I use?

I stirred in 1 cup of the new Crispy M&M’s, but anything from Dark to Pretzel to Peanut Butter M&M’s would be wonderful. M&M’S has a Pinterest page where you can check out new recipes for baking inspiration.

Can I add other mix-ins to the cookie dough?

Yes, you can add different mix-ins besides chocolate chips, if desired. Chopped nuts and dried fruit would both be good additions! 

4.73 from 48 votes
By Averie Sunshine
Soft buttery bars loaded with M&M’s and chocolate chips! Fast, easy, foolproof, no mixer recipe that's so much simpler than making cookies!! ❤️💚💙
Prep Time: 5 minutes
Cook Time: 28 minutes
Additional Time: 57 minutes
Total Time: 1 hour 30 minutes
Servings: 12

Ingredients 

  • ½ cup unsalted butter, 1 stick, melted
  • 1 large egg
  • 1 cup light brown sugar, packed
  • 1 tablespoon vanilla extract
  • 1 cup all-purpose flour
  • ½ teaspoon salt, or to taste
  • 1 cup Crispy M&M’s, or your favorite M&M’s like Dark, Pretzel, Peanut Butter, plus more for sprinkling
  • ¾ cup semi-sweet chocolate chips, plus more for sprinkling

Instructions 

  • Preheat oven to 350F. Line an 8-by-8-inch baking pan with aluminum foil, spray with cooking spray; set aside.
  • In a large, microwave-safe bowl melt the butter, about 1 minute on high power.
  • Wait momentarily before adding the egg so you don’t scramble it. Add the egg, brown sugar, vanilla, and whisk until smooth.
  • Add the flour, salt, and stir until just combined, don’t overmix.
  • Stir in the M&M’s and chocolate chips.
  • Turn batter out into prepared pan, smoothing the top lightly with a spatula.
  • If desired, evenly sprinkle about 1 tablespoon each of M&M’S and chocolate chips for an extra visual pop, tapping them down lightly with your fingertip.
  • Bake for about 25 to 28 minutes (I baked 26 minutes), or until done. A toothpick inserted in the center should come out clean, or with a few moist crumbs, but no batter. Bars firm up as they cool.
  • Allow bars to cool in pan for at least 1 hour before slicing and serving.

Notes

Bars will keep airtight at room temperature for up to 1 week, or in the freezer for up to 6 months.

Nutrition

Serving: 1, Calories: 310cal, Carbohydrates: 42g, Protein: 3g, Fat: 15g, Saturated Fat: 9g, Polyunsaturated Fat: 5g, Cholesterol: 38mg, Sodium: 111mg, Fiber: 1g, Sugar: 32g

Nutrition information is automatically calculated, so should only be used as an approximation.

More M&M’s Dessert Recipes:

Loaded M&M Oreo Cookie Bars – Stuffed to the max with M&Ms and Oreos! Easy, no-mixer recipe that’s ready in 30 minutes. Always a hit! On the cover of Taste of Home Magazine and pinned 650K+ times!

Loaded M&M Oreo Cookie Bars - Stuffed to the max with M&Ms and Oreos! Easy, no-mixer recipe that's ready in 30 minutes. Always a hit at parties!

Triple Peanut Butter Monster Cookie Bars – Peanut butter is use 3 different ways and baked into bars. Great for pantry odds-and-ends cleanout!

Triple Peanut Butter Monster Cookie Bars - Easy One-Bowl Recipe at averiecooks.com

M&M’s Cookies — These bakery-style M&M’s cookies are soft, chewy, buttery, and LOADED with M&M’s and chocolate chips. No one can resist these cookies!

A stack of three colorful candy and chocolate chip cookies on a white plate, with scattered candies around.

Soft and Chewy Chocolate Chip M&M’s Cookies — If you’re looking for a new M&M’s cookie recipe, this is THE ONE! Soft, buttery, and irresistible M&M’s Christmas cookies! 

A cookie with red and green candies and chocolate chips on a white surface.

Monster Cookies — My recipe for classic monster cookies that are chock full of creamy peanut butter, oats, chocolate chips, and M&M’s makes both kids and adults reach for just one more cookie! 

Hand holding a cookie with chocolate chips and colorful candies, with a glass of milk in the background.

Chocolate Peanut Butter Chex Bars — SO EASY, NO-BAKE, and ready in FIVE minutes!! Chex cereal, pretzels, and M&M’s glued together with peanut butter and marshmallows!! An IRRESISTIBLE salty-sweet combination!!

A snack mix bar with pretzels, marshmallows, colorful candies, and cereal pieces on a white surface.

 Post is brought to you by M&M’S. The recipe, images, text, and opinions expressed are my own.

Go Ad-Free!

A woman with long blonde hair smiles at the camera while standing on a waterfront sidewalk with boats and parked cars in the background.

✅ Faster load times, a cleaner look, NO ADS to interrupt you, and your membership supports Averie Cooks’ work and the recipes you’ve come to trust and enjoy!

Go Ad Free for only about $4 dollars a month when you pay annually!

4.73 from 48 votes (28 ratings without comment)

Leave a Comment

Please note: I have only made the recipe as written, and cannot give advice or predict what will happen if you change something. If you have a question regarding changing, altering, or making substitutions to the recipe, please check out the FAQ page for more info.

Recipe Rating




The maximum upload file size: 5 MB. You can upload: image, video. Links to YouTube, Facebook, Twitter and other services inserted in the comment text will be automatically embedded. Drop file here


Comments

    1. No there is not. But if you want to make it lighter, you can add 1/2 teaspoon but we like them more dense, as written.