Easy Delicious M&M Cookie Bars

Cookie bars will always be one of my favorite desserts, especially these M&M cookie bars! The M&Ms are just my excuse to add more chocolate. ? Plus, making cookies without having to roll them into balls is a great shortcut!

These cookie bars are slightly crisp on the outside and extra gooey on the inside. They are loaded with chocolate, and the M&Ms add a nice crunch! I had a bag of red, white, and blue M&Ms for the 4th of July, so I used them to make this a festive treat!

If you’re looking for other cookie bar desserts, check out these s’mores bars or these Cadbury egg cookie bars (with brown butter)!

How to Make M&M Cookie Bars

First, whisk together all of the dry ingredients: cake flour, salt, and baking soda. If you don’t have cake flour, use a combination of all purpose flour and cornstarch. Instead of using 2 3/4 cups of cake flour, use 2 1/2 cups of all purpose flour and 1/4 cup of cornstarch.

Next, cream the butter, granulated sugar, and brown sugar. Once creamy, mix in the vanilla extract and the eggs. Then, add in the whisked dry ingredients and mix on the lowest speed. After the dry ingredients are just barely incorporated, mix in the M&Ms and chocolate chips by hand with a rubber spatula. The dough should be pretty sticky, but don’t let that worry you!

Add the dough to a 9×13 pan lined with parchment paper. The parchment paper will make it easier to remove the cookie bars from the pan. Use a rubber spatula or knife to spread the dough evenly throughout the pan. Add extra chocolate chips and M&Ms on top as a decorative touch.

Bake the cookie bars at 350° Fahrenheit for 25-30 minutes, until golden on top. The cookie bars will still be really gooey, so let them sit until they reach room temperature before cutting them. (Or dig in immediately for an oversized pizookie! ?)

Try this recipe out and let me know how it goes in the comments below!

Easy Delicious M&M Cookie Bars

Recipe by Maddie Saxey
5.0 from 1 vote


Prep time


Cooking time






  • 1 cup unsalted butter

  • 3/4 cup granulated sugar

  • 1 cup light brown sugar

  • 2 large eggs

  • 1 Tbsp vanilla extract

  • 2 3/4 cup cake flour*

  • 1 tsp baking soda

  • 1 tsp fine sea salt

  • 1 1/2 cup M&M’s (milk chocolate)

  • 1 cup semisweet chocolate chips


  • Preheat the oven to 350° F. Line a 9×13 inch pan with parchment paper and set aside.
  • Whisk together the flour, baking soda, and salt in a bowl and set aside.
  • Add the butter, granulated sugar, and brown sugar to a standing mixer. Mix on medium speed for about 3 minutes, until creamy and slightly lighter in color. Scrape down the sides halfway through.
  • Add the vanilla and eggs and mix on medium speed until well combined. Scrape down the sides of the bowl halfway through.
  • Add the whisked dry ingredients to the standing mixer and mix on the lowest setting until just combined. Add the chocolate chips and M&Ms and mix in by hand with a rubber spatula–this minimizes the risk of overworking the cookie dough.
  • Add the dough to the 9×13 pan and smooth over the top with a spatula. If you’d like, add extra M&Ms and chocolate chips to the top.
  • Bake for about 25-30 minutes, until golden. Let cool on the counter until room temperature (or else the bars will completely fall apart when you cut into them). Enjoy!


  • *Cake flour keeps these cookie bars soft. If you don’t have cake flour, you can use all purpose flour and cornstarch. Rather than 2 3/4 cup cake flour, use 2 1/2 cup all purpose flour + 1/4 cup cornstarch. Just whisk the cornstarch in with the other dry ingredients.

Did you make this recipe?

Tag @all.you.can.eats on Instagram!

Leave a Review