M & M Cookie Bars

Jump to Recipe

This post may contain affiliate links. Please read our disclosure policy.

These are the best M & M Cookie Bars. This recipe is easy to make (5 minutes to mix, 20 minutes to bake) and results in gooey, chewy, buttery M and M bars. Use red and green M&Ms to make Christmas cookie bars!

7 M&M Cookie Bars on a plate

What do you do when the craving for M & M cookies strikes, but you just don’t have the time (or energy) to scoop, roll and bake multiple batches of your favorite treat? Answer: you make these M & M Cookie Bars (like these chocolate chip cookie bars)!

This recipe is the best. It is easy to make, taking only 5 minutes to put together and 20 minutes to bake (just like these M&M brownies, yum)! And the results speak for themselves, gooey, chewy, doughy yet fully cooked M&M bars that are 100% delicious. Serve the warm with a scoop of ice cream!

You can even dress them up and make them Christmas cookie bars (or any holiday) by using different colored M&Ms. They’re a great addition to your Christmas Cookie tray!

14 M & M Cookie Bars cut into squares on a round cutting board
overhead photo of the labeled ingredients in this m m cookie bars recipe
  • All-purpose flour. For a gluten-free version, use an all-purpose gluten-free baking flour.
  • Light Brown sugar. If you like a deeper, molasses taste, then you can use dark brown sugar.
  • Granulated sugar. you can use organic cane sugar instead of regular white sugar.
  • Salted Butter. Unsalted butter works well in this recipe.
  • Fine Sea salt. If you use table salt (iodized) I recommend halving the salt.
  • Mini Chocolate chips. I suggest mini chips to offset the size of the M&M candies in these bars, however you can use regular chips if you wish.
  • M&Ms. Use regular M&Ms or your favorite holiday varieties to make festive bars. I love making these as Christmas cookie bars using red & green M&Ms (see below). I also have been buying these Unreal chocolate candies in place of M&Ms because they don’t use any artificial ingredients or food dyes.
M & M Christmas cookie bars cut into 16 squares

Let’s walk through how to make this recipe step-by-step, and don’t forget to watch the video.

Begin by combining the dry ingredients in a medium-sized bowl, then set them aside.

How to Make m m Cookie Bars - combining dry ingredients

In the bowl of a standing mixer or in a large bowl with a handheld mixer, cream together butter, light brown sugar and granulated sugar.

Then, add the egg and vanilla to the butter/sugar mixture and beat until combined.

two photos showing How to Make m m Cookie Bars- combining wet ingredients & sugars

Next, add the dry ingredients and beat until incorporated.

two photos showing How to Make M & M Cookie Bars - adding dry ingredients to wet mixture

Add m & ms and chocolate chips and mix until evenly distributed throughout the dough.

two photos showing How to Make M & M Cookie Bars - adding chocolate chips and M&Ms

Press the dough into the bottom of a lined and greased baking pan and bake for 18-25 minutes, or until the edges are set, and the top is just barely browned.

two photos showing How to Make M & M Cookie Bars - before and after baking in a baking pan

Place the baking pan on a wire cooling rack and let the bars cool in the pan for at least 30 minutes (preferably longer, they hold up better as they cool).

Use the parchment paper to lift the cookie bars out of the pan, then cut into squares and serve. I suggest serving them slightly warm with a scoop of homemade vanilla ice cream on top. Or let them cool completely to serve to a crowd.

M & M Cookie Bars cut into 16 squares on a round serving platter

Store

Store any leftover bars in an airtight container at room temperature for up to 3 days or in the refrigerator for up to 5 days. Serve at room temperature.

Freeze

Freeze individual bars by wrapping them in plastic wrap and then storing them in an airtight container in the freezer for up to 2 months. Thaw at room temperature slowly.

a stack of two M & M Christams Cookie Bars on top of other bars, the top one has a bite taken out of it
How do you cut bar cookies cleanly and evenly?

If you’re cutting these to add to a cookie tray or serve to a crowd, here are my tips on getting clean, even squares:
Let the cookie bars cool all completely to room temperature before cutting.ย 
Use a very sharp, long knife.ย 
Dip the knife in warm water and quickly dry it off before the first cut. Then wipe it clean, dip it in warm water, then dry again before each subsequent cut.ย 
Use a ruler to measure equal pieces. If cutting these cookie bars into 16 squares, you’d want each bar to be 2″ x 2.”

Can I double this recipe?

Yes. Double the ingredients and bake in a 9×13″ baking dish for 20-25 minutes (or until the edges are golden brown and the top is lightly browned and set).ย 

4 M & M Cookie Bars laying on their side so you can see the inside of the bars

If you make and love our recipes, it would mean so much to me if you would leave a comment and rating! And don’t forget to follow along with us on Instagram, Pinterest, Facebook, and Youtube – be sure to tag @joyfoodsunshine and use the hashtag #joyfoodsunshine so we can see your creations!

M & M Cookie Bars

Laura
These are the best M&M Cookie Bars. This recipe is easy to make (5 minutes to mix, 20 minutes to bake) and results in gooey, chewy, buttery M and M bars. Use red and green M&Ms to make Christmas cookie bars!
5 from 9 votes
Course Dessert
Cuisine American
Servings 16 Bars
Calories 195
Prep Time5 minutes
Cook Time20 minutes
Total Time25 minutes

Ingredients 
 

Instructions 

  • Preheat oven to 350 degrees F.
  • Line a 8×8โ€ square baking pan with parchment paper and lightly grease. Set aside.
  • In a small bowl, mix together flour, baking soda, baking powder, and salt. Set aside.
  • In the bowl of a standing mixer or in a large bowl with a handheld mixer, cream together butter, light brown sugar and granulated sugar.
  • Add egg and vanilla to the butter/sugar mixture and beat until combined.
  • Add dry ingredients and beat until just incorporated.
  • Add M&Mโ€™s and chocolate chips and mix until evenly distributed.
  • Press the dough into the bottom of the prepared baking pan.
  • Bake for 18-25 minutes, or until the edges are set, and the top is just barely browned.
  • Place baking pan on a wire cooling rack and let the bars cool in the pan for at least 30 minutes (preferably longer, they hold up better as they cool).
  • Use the parchment paper to lift the cookie bars out of the pan, then cut into squares and serve.

Video

Notes

ย Store
Store any leftover bars in an airtight container at room temperature for up to 3 days or in the refrigerator for up to 5 days. Serve at room temperature.
Freeze
Freeze individual bars by wrapping them in plastic wrap and then storing them in an airtight container in the freezer for up to 2 months. Thaw at room temperature slowly.
Ingredient Substitutions
  • All-purpose flour.ย For a gluten-free version, use an all-purpose gluten-free baking flour.
  • Light Brown sugar.ย If you like a deeper, molasses taste, then you can use dark brown sugar.
  • Granulated sugar.ย you can use organic cane sugar instead of regular white sugar.
  • Salted Butter.ย Unsalted butter works well in this recipe.
  • Fine Sea salt.ย If you use table salt (iodized) I recommend halving the salt.
  • Mini Chocolate chips.ย I suggest mini chips to offset the size of the M&M candies in these bars, however you can use regular chips if you wish.
  • M&Ms. Use regular M&Ms or your favorite holiday varieties to make festive bars. I love making these as Christmas cookie bars using red & green M&Ms (see below). I also have been buying these Unreal chocolate candies in place of M&Ms because they don’t use any artificial ingredients or food dyes.

Nutrition

Serving: 1bar | Calories: 195kcal | Carbohydrates: 28g | Protein: 2g | Fat: 8g | Saturated Fat: 5g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 2g | Trans Fat: 1g | Cholesterol: 27mg | Sodium: 170mg | Potassium: 34mg | Fiber: 1g | Sugar: 19g | Vitamin A: 213IU | Vitamin C: 1mg | Calcium: 24mg | Iron: 1mg

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

Did you enjoy this recipe? Have a question? Leave a comment below!

try these recipes


latest recipes

5 from 9 votes (7 ratings without comment)

Post a Comment or Ask a Question!

Your email address will not be published. Required fields are marked *

Recipe Rating




4 Comments

  1. 5 stars
    I made these today and the only thing I changed was I just used m& mโ€™s, no chocolate chips. I made for husband and he doesnโ€™t like to much sweets. Good recipe. Thank you. I took a picture but wonโ€™t let me post

  2. 5 stars
    These really are the best cookie bars ever. Iโ€™ve made them 10 times now and they turn our delicious every time. No modifications. Unless you count the variations of M&Mโ€™s Iโ€™ve tried.
    PS Peanut butter M&Mโ€™s with extra chocolate chips are the best. Thanks for sharing this recipe!