Fourth of July Cookie Bars

5

Jump to Recipe

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

Soft, chewy Fourth of July Cookie Bars are filled with M&Ms, white chocolate chips, and rolled oats. Made in under 30 minutes, add these festive cookies in bar form to your Independence Day celebration. 

cookie bars with red and blue candies on top

Summer is here! Pool days, popsicles, and burgers on the grill. Warm weather meals are on my mind for everything from Memorial Day to Fourth of July, and I think they’re the best to cook for. It’s so easy to throw something on the grill, make a big salad (Asian Chopped and Thai Ramen are my current favorites), and set out a bunch of red, white, and blue desserts.  


The past few years, I have always made Red, White, and Blue Pinwheel Cookies, but this year I wanted something with chocolate as well. And these cookie bars (a twist on my favorite Chocolate Chip Oatmeal Cookie Bars) seemed like the perfect fit. These are the best because they’re so incredibly easy. No mixer needed and they use melted butter, so no waiting around for the butter to soften (just like my easy Creamy Chocolate Coconut Magic Bars). They’re always a crowd-pleaser with kids and adults alike.

close up of cookie bars with red and blue candies

Here’s how to make them!

  1. Mix together dry ingredients. Whisk together flour, baking powder, and salt.
  2. Mix together wet ingredients. Combine melted butter and brown sugar. Add egg and vanilla extract. 
  3. Combine wet and dry ingredients.
  4. Stir in oats, M&Ms, and white chocolate chips.
  5. Pour batter into a greased 8×8 pan.
  6. Bake at 350°F / 177°C for 24 to 28 minutes
  7. Slice and serve!

How to Store Them

Slice the bars. Store, covered, at room temperature for up to 3 days. Or freeze for 6 months.

overhead shot of ingredients for cookie bars in a clear bowl

Ingredients

  • All-Purpose Flour – Weigh the flour if possible, but otherwise, just gently spoon it into the measuring cup. 
  • Brown Sugar – This recipe uses all brown sugar to keep the bars soft and give them a slightly chewy texture. Light or dark brown sugar work. 
  • Unsalted Butter – Melt the butter and let it cool slightly before baking. If using salted butter, just be sure to skip the added salt in the recipe. 
  • Oats – You’ll need regular oats for these bars – look for either “old-fashioned” or “rolled” oats.
  • Red, White, and Blue M&Ms – I buy these at Target) or, if I have a bag or regular M&Ms around, I just task my kids with pulling out the red and blue ones. I like to use a few extra to scatter over top of the bars before baking. 
  • White Chocolate Chips – These go well with the Red, White, and Blue festive theme, but regular chocolate chips work well too. 
  • Baking Powder, Kosher Salt, Large Egg, Pure Vanilla Extract – Standard baking ingredients.
mixing ingredients for cookie bars in a clear glass bowl

More Desserts for Fourth of July

cookie bars on a white countertop

Pin this now to save it for later

Pin It Now
cookie bars with red and blue candies on top
5 from 2 votes

Fourth of July Cookie Bars

These soft, chewy bars are filled with M&Ms, white chocolate chips, and rolled oats. Made in under 30 minutes, add these festive cookies in bar form to your Fourth of July celebration.
Prep: 20 minutes
Cook: 24 minutes
Total: 44 minutes
Servings: 16

Equipment

  • Mixing Bowls
  • 8×8 baking dish

Ingredients 

  • 1 cup All-Purpose Flour (1 cup flour = 125g)
  • 1/4 teaspoon Baking Powder
  • 1/4 teaspoon Kosher Salt
  • 8 Tablespoons Unsalted Butter, melted and cooled slightly (1 stick)
  • 1 cup lightly packed Brown Sugar (light or dark will work) (1 cup sugar = 200g)
  • 1 large Egg
  • 1 teaspoon Pure Vanilla Extract
  • 1 cup Old Fashioned / Rolled Oats
  • 1 cup Red, White, and Blue M&Ms (see note)
  • 1/2 cup White Chocolate Chips (substitute regular chocolate chips)

Instructions 

  • Preheat oven to 350°F / 177°C. Line an 8×8 metal baking pan with parchment paper and / or spray the pan with nonstick cooking spray.
  • In a medium mixing bowl, whisk together the flour, baking powder, and salt. Set aside.
  • In a larger mixing bowl, whisk together melted butter and brown sugar until evenly combined. Whisk in egg and vanilla.
  • Pour dry ingredients over wet and stir with a spatula or wooden spoon just until no dry spots remain (do not overmix.)
  • Gently stir in oats, M&Ms, and white chocolate chips.
  • Pour batter into prepared pan, scattering any reserved mix-ins over top.
  • Bake 24 to 28 minutes, until the edges are lightly browned. (Note: If cooked on the lower end of the bake time, these will be very soft and will stay moist for a couple of days. If you plan to serve them the same day as they were baked, bake at the higher end of the recommended cook time.)
  • Let cool in the pan until the bars can be easily removed. Once cool, slice and serve.
  • The bars can be stored at room temperature for up to 3 days.

Notes

Red, White, and Blue M&Ms – Buy them (I usually find them at Target) or get a regular Family Size bag of M&Ms and sort out the red and blue ones. I like to use a few extra to scatter over top of the bars before baking. 
Glass or Ceramic Baking Pan – If using a glass or ceramic baking pan, the bars will take longer to bake. Expect to add about 5 minutes to the baking time.

Nutrition

Calories: 251kcal | Carbohydrates: 35g | Protein: 3g | Fat: 11g | Saturated Fat: 7g | Polyunsaturated Fat: 0.5g | Monounsaturated Fat: 2g | Trans Fat: 0.3g | Cholesterol: 30mg | Sodium: 60mg | Potassium: 74mg | Fiber: 1g | Sugar: 25g | Vitamin A: 223IU | Vitamin C: 0.1mg | Calcium: 48mg | Iron: 1mg

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

Author: Jess Smith via Inquiring Chef
Cost: $5.00
Calories: 251
Keyword: cookies, kid-friendly recipe, oatmeal cookies, summer, summer dessert
Like this? Leave a comment below!Jump to Comments
Want to save this recipe?
Get it emailed to you directly! Enter your email below.

About Jess Smith

Jess is the recipe creator and photographer at InquiringChef.com. She spent nearly a decade as the Chief Recipe Developer for the award-winning meal planning app Cook Smarts. Her colorful, healthyish recipes have been featured in popular online publications including Parade, Hallmark, and HuffPost.

Leave a comment

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

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.