| |

4th of July M&M Cookie Bars Recipe

This M&M cookie bars recipe is a go-to recipe for easy 4th of July desserts! They are quick and easy to make and everyone LOVES them! Whip up a batch for 4th of July and celebrate in the most delicious way.


cookie bars 4th of july


The great thing about M&M’s is that they make different colors for different holidays! I have made Easter M&M cookie bars as well using pastel M&M’s. You can use any color for any holiday! This no-bake icebox cheesecake is another favorite 4th of July dessert here. I love celebrating with red, white and blue desserts!


M&M Cookie Bars

These M&M cookie bars are like a cookie and a bar combined. You get the best of both worlds in one delicious bar! The end pieces are my favorite, specifically the corners! Then you get the yummy, chewy crust in maximum portions.


4th of july cookie bars


This easy 4th of July dessert makes a 9×13 pan of bars so you’ll have enough to feed a crowd (or a small family multiple times). Trust me when I say they won’t last long!


4th of july desserts


Another fun way to change up the flavors is to use different flavors of M&M’s candies. You can use plain, peanut butter, peanut, etc. Any variety will work! We used peanut butter M&M’s in our bars this time. Last time we did plain M&M’s. They are all good!


How To Make M&M Cookie Bars

how to make m&m cookie bars


You can make M&M cookie bars by mixing together basic baking ingredients and baking them in a pan. Using a hand mixer, stand mixer or spatula mix together the wet ingredients first and then the dry ingredients. Last, add the M&M candies by using a spatula to stir them in. Reserve some of the candies to sprinkle on top of the batter once it is spread in the pan.


spread the cookie bars in the pan


You will need to spread the prepared batter in a 9×13″ pan. I generally like to use a metal baking pan however we were at our cabin when I made these and I only had a glass baking dish. Either metal or glass will work for baking cookie bars. If you use a glass pan reduce the heat by 25 degrees F.

After spreading the batter in the pan, sprinkle to top of it with the remaining M&M’s.


baking cookie bars


Bake the cookie bars until the center sets. Don’t overbake them or they will be dry and hard. You are going for soft and chewy!


easy july 4th dessert


M&M Cookie Bars Recipe

You can print off the cookie bars recipe below!

cookie bars 4th of july

Red, White and Blue M&M Cookie Bars

Easy recipe for crowd favorite cookie bars using any variety of M&M candies.
Prep Time 10 minutes
Cook Time 25 minutes
Course Dessert
Cuisine American
Servings 16


  • 2/3 cup butter melted
  • 2 cups brown sugar
  • 2 eggs
  • 1 tablespoon vanilla extract
  • 2 cups flour
  • 1 teaspoon baking powder
  • 1/4 teaspoon baking soda
  • 1 teaspoon salt
  • 2 2/3 cups M&M candies divided


  • Preheat oven to 350 degrees F.
  • Mix together melted butter and brown sugar. Add in egg and vanilla extract and blend together.
  • Then add flour, baking powder, baking soda and salt. Mix well.
  • Using a spatula, stir in 2 cups of the M&M candies (reserve the remainder).
  • Grease a 9x13" pan and spread the batter evenly in the pan. Add the remaining 2/3 cup M&M candies on top of the batter.
  • Bake for 20-25 minutes until center is set. Do not overbake.
  • Allow to cool and cut into squares. Store in an airtight container.

Pin M&M Cookie Bars Recipe

m&m cookie bar

Similar Posts

Leave a Reply

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

Recipe Rating