4th of July M&M Cookie Bars

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

These 4th of July M&M Cookie Bars are full of plenty of red, white and blue M&Ms, sprinkles and chocolate chips!

4th of July M&M Cookie Bars cut into slices

These 4th of July M&M Cookie Bars are bursting with patriotic colors and taste just like chocolate chip cookies. They’re filled with plenty of red, white and blue M&Ms, sprinkles and chocolate chips! These cookie bars are made with melted butter so the dough comes together by hand and it all goes straight into an 8×8 inch pan. It doesn’t get easier than that!

Looking for more red, white and blue treats? Try my 4th of July Sugar Cookie Bars Patriotic Sprinkle Cookies or 4th of July Snack Mix!

Ingredient Breakdown

All-purpose flour – this gives the cookies structure.

Baking soda – helps give the cookie bars a little bit of lift. Do not use baking powder!

Butter – provides flavor and structure. Melting the butter helps make the cookie bars chewy. I always recommend using unsalted butter but salted butter works if that’s all you have on hand, just be sure to omit the 1/2 teaspoon of salt.

Granulated sugar and brown sugar – both sugars are necessary for sweetness and texture. I prefer using dark brown sugar for extra molasses flavor but light brown sugar also works fine!

Egg – binds the ingredients and provides structure.

Vanilla extract and salt – enhances flavor. Always use pure vanilla extract instead of imitation for best flavor.

M&Ms – I used red, white and blue M&Ms to keep these cookie bars on theme for 4th of July.

Chocolate chips – You can use whatever chocolate chips you prefer but I usually use semi-sweet or milk chocolate chips. You can also use chocolate chunks or chopped chocolate.

Red, white and blue sprinkles – make sure that you use jimmies and not nonpareils because nonpareils tend to bleed into the dough. Star quins will also work.

4th of July M&M Cookie Bar cross section

How To Make 4th of July M&M Cookie Bars

1. In a small bowl combine the all-purpose flour, baking soda and salt. Set aside.

2. In a medium bowl whisk the melted butter, brown sugar and granulated sugar.

3. Add the egg and vanilla extract then mix until just combined.

4. Add the dry ingredients all at once then fold until almost combined (there should still be streaks of flour). Then add the M&Ms, chocolate chips and sprinkles and fold until just combined. Do not over mix the dough because it will make the cookie bars tough.

5. Press the cookie dough into the prepared 8×8 inch pan using clean hands or the back of a measuring cup to smooth it out.

6. Bake cookie bars at 350°F for 25 minutes. Let cookie bars cool completely on a wire rack before slicing. Store 4th of July M&M Cookie Bars in an airtight container at room temperature for up to 3 days.

4th of July M&M Cookie Bars in an 8x8 inch pan

Pro Tips For 4th of July M&M Cookie Bars

  • Weigh your ingredients using a kitchen scale! Measuring ingredients by volume is not accurate.
  • Make sure your parchment paper hangs over the sides of the pan for easy removal after baking!
  • Use jimmies sprinkles and not nonpareils because nonpareils tend to bleed into the dough. Star quins will also work.
  • Don’t over mix the dough! There should still be streaks of flour in the dough when you add the M&Ms, chocolate chips and sprinkles. Over mixing = more gluten development which means tough cookie bars. Over mixing can also cause the sprinkles to bleed into the dough.
4th of July M&M Cookie Bars

If you try this recipe then please leave a rating/comment below to let me know how you liked it and feel free to ask any recipe questions you may have! 🙂

4th of July M&M Cookie Bars

Maria Azzarelli
These 4th of July M&M Cookie Bars are full of plenty of red, white and blue M&Ms, sprinkles and chocolate chips!
No ratings yet
Save To Inbox Recipe Card Form

✉ Want to save this recipe?

Enter your email and I’ll send it straight to your inbox! As a bonus, you’ll receive new recipes ideas weekly. ♥︎

Prep Time 20 minutes
Cook Time 25 minutes
Total Time 45 minutes
Course Dessert
Cuisine American
Servings 9 large cookie bars
Calories 316 kcal

Equipment

  • 8×8 inch pan

Ingredients
  

  • 160 g (1 1/3 cups) all-purpose flour
  • ½ tsp baking soda
  • ½ tsp salt
  • 113 g (1/2 cup) unsalted butter, melted
  • 100 g (1/2 cup) brown sugar
  • 50 g (1/4 cup) granulated sugar
  • 1 egg
  • ½ tsp vanilla extract
  • 100 g (1/2 cup) red, white and blue M&Ms
  • 42 g (1/4 cup) chocolate chips
  • 24 g (2 tbsp) red, white and blue jimmies sprinkles

Instructions
 

  • Preheat oven to 350°F. Grease an 8×8 pan and line with parchment paper.
  • In a small bowl combine the all-purpose flour, baking soda and salt. Set aside.
  • In a medium bowl whisk the melted butter, brown sugar and granulated sugar.
  • Add the egg and vanilla extract then mix until just combined.
  • Add the dry ingredients all at once then fold until almost combined (there should still be streaks of flour). Then add the M&Ms, chocolate chips and sprinkles and fold until just combined. Do not over mix the dough because it will make the cookie bars tough.
  • Press the cookie dough into the prepared 8×8 inch pan using clean hands or the back of a measuring cup to smooth it out.
  • Bake cookie bars for 25 minutes. Let cookie bars cool completely on a wire rack before slicing.

Notes

  • Weigh your ingredients using a kitchen scale! Measuring ingredients by volume is not accurate.
 
  • Store 4th of July M&M Cookie Bars in an airtight container at room temperature for up to 3 days.
  • Butter: I recommend using unsalted butter. You can use salted butter, just be sure to omit the 1/2 tsp salt.
  • Nutrition: the provided nutritional information is an estimate per serving. Please read my Nutrition Disclaimer for more information.
Calories: 316kcalCarbohydrates: 43gProtein: 3gFat: 15gSaturated Fat: 9gPolyunsaturated Fat: 1gMonounsaturated Fat: 3gTrans Fat: 0.4gCholesterol: 47mgSodium: 209mgPotassium: 57mgFiber: 1gSugar: 28gVitamin A: 365IUVitamin C: 0.1mgCalcium: 34mgIron: 1mg
Tried this recipe?Leave a comment below & tag @myhappybakes on social!

Similar Posts

Leave a Reply

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

Recipe Rating