This post may contain affiliate links. For more information, please visit the disclosures and privacy policy page.
Apr 23, 2019

M&Ms and Chocolate Chip Cookie Bars

These M&Ms and Chocolate Chip Cookie Bars are filled with lots of M&Ms and mini chocolate chips. 

These M&M bars are sweet and chocolatey. The added crunch from the candy coating of M&Ms makes these bars even more fun and delicious.

Along with the M&Ms, these cookie bars also include mini chocolate chips, just to to add a little semi-sweet chocolate to the mix.

What is cool about making chocolate chip cookie bars is that you don't have to worry about the dough spreading or your cookies getting all lopsided. This is also helpful if you are adding candy to your cookies.

For these bars, I used pastel colored plain M&Ms, but I can't wait to try them with peanut ones too. In fact, there are so many new flavors of M&Ms that I bet would be tasty in these bars. Right now I'm thinking about the peanut butter filled and caramel filled ones.

How do you make M&Ms cookie bars?

Making these bars is pretty much the same as making chocolate chip cookies, except you spread the dough out over a foil or parchment lined pan. 

They may take longer to bake, but they are so convenient. You can let them cool in the pan, and then just lift them out with the foil or parchment and lay them on a cutting board for slicing. Plus, they stay fresh for a long time in an airtight container. 

They are pretty hard to mess up, which makes them great for baking with kids. 

This month my Creative Cookie Exchange pals are making cookies using leftover Easter candy. Be sure to check out everyone else's cookies:
More dessert ideas for using leftover candy:

M&Ms and Chocolate Chip Cookie Bars Recipe

Yield: 24 bars


  • 2 sticks (1 cup) unsalted butter, softened
  • 1 cup granulated sugar
  • 1 cup light brown sugar
  • 3 large eggs
  • 1 1/2 teaspoons vanilla
  • 3 cups (13.5 ounces) unbleached all purpose flour
  • 3/4 teaspoon baking soda
  • 3/4 teaspoon salt
  • 1 1/2 cups M&Ms
  • 1 cup mini semi-sweet chocolate chips


How to cook M&Ms and Chocolate Chip Cookie Bars Recipe

  1. Heat your oven to 350 degrees F and line a 9 inch by 13 inch cake pan with foil or parchment paper, with the foil or paper overhanging the sides of the pan (to lift the bars out later). Spray the lining with spray oil.
  2. Cream the butter and sugars together with a hand or stand mixer until light and fluffy. 
  3. Add the eggs, one at a time, and beat until each is incorporated. 
  4. Beat in the vanilla. 
  5. Whisk together the flour, baking powder, and salt. 
  6. Reduce the mixer speed to low and mix the dry ingredients into the wet ingredients. 
  7. Beat in the M&Ms and chocolate chips. 
  8. Spread the mixture evenly in the pan. 
  9. Bake for 35 to 40 minutes, until a toothpick comes out clean. 
  10. Cool in the pan completely on a wire rack. 
  11. Slice and serve. 
  12. Store leftovers in an airtight container. 
M&Ms, bars, cookies, chocolate chips
Cookies, bars, dessert
Created using The Recipes Generator

Would you like to comment?

  1. Bars are soooo much easier than drop cookies! Yours look wonderful, Karen. Aren't the M&M choices extraordinary?! Who knew there were so many!

    1. The M&M choices these days are mind blowing!

  2. Oh yeah, two of my favorites together! I'd eat these up all by myself!

  3. I have a whole bag of pastel M&M's! Totally making these for my kids. They both have big tests this week and could use a yummy treat!

  4. Hey Karen!
    My kids would LOVE these. I pinned them so I can make them for my son's birthday this weekend :)
    Thanks for the great recipe!

  5. I love cookie bars -- the thickness makes them extra good! These look delicious!

  6. I LOVE baking with seasonal M&Ms, and the Easter ones especially are so striking. These bars sound divine, I would like one right now please.


I would love to hear from you! If you comment anonymously, be sure to leave your name in your comment.