Home » Meals » Cookies » 4th of July Chocolate Chip M&M Cookies

4th of July Chocolate Chip M&M Cookies

Pinterest Hidden ImagePinterest Hidden ImagePinterest Hidden ImagePinterest Hidden Image

As an Amazon Associate, I earn from qualifying purchases. Read the full disclosure here.

Jump to Recipe Pin Recipe
No ratings yet

Soft and chewy 4th of July Chocolate Chip Cookies are loaded with gooey chocolate chips and colorful patriotic candies for the ultimate summer dessert. These jumbo cookies have thick centers, crisp edges, and rich buttery flavor in every bite. Make them all year long by swapping the chocolate candy colors!

PIN these 4th of July Chocolate Chip Cookies to try later!

A stack of M&M Cookies for the 4th of July.Pin

4th of July Chocolate Chip Cookies

There’s nothing better than warm homemade Chocolate Chip Cookies, they’re even better in the summer when dressed up for the 4th of July! These 4th of July Chocolate Chip Cookies are loaded with both semi-sweet chocolate chips, white chocolate chips, and festive red, white, and blue M&M candies in every bite.

These cookies are extra thick with a chewy texture, soft centers and slightly crispy edges. Make a batch for backyard BBQs, pool parties, Memorial Day, Independence Day, fireworks, and summer celebrations.

Other Fourth of July cookies to make are these Cake Mix Cookies, Frosted Cookie Bars and these Red, White and Blue Sprinkle Cookies.

Soft and chewy 4th of July cookies with crisp golden edges and melty chocolate.Pin

Why You’ll Love This 4th of july cookie recipe

Portable: Bring cookies anywhere by easily placing treats in an airtight container or ziplock bag.

They are: So thick, soft, chewy and jumbo size, just like the kind you get from a bakery!

Easy recipe: Made with simple ingredients, takes minutes to prep and you don’t need any fancy kitchen equipment. Kids can even help make this!

Festive: Each cookie is loaded with festive red, white, and blue M&M’s so it’s the perfect patriotic dessert!

Loaded with chocolate: Every bite is packed with melty chocolate chips and crunchy M&M candies, chocolate lovers will love them!

Thick chocolate chip cookies decorated with red white and blue candies on a plate.Pin

key ingredients

  • Sugar: Both brown and white granulated sugars are used for these M&M cookies to make them super soft and have the perfect amount of sweetness. The secret is using two different types of sugars to make sure you have a gooey cookie center.
  • All-purpose flour: Spoon and level the flour when measuring it. Be sure not to scoop it out of the bag using the measuring cup. This way, you won’t accidentally measure out too much flour. 
  • Baking soda and baking powder: Used as a leavening agent.
  • Butter: I used salted butter so you don’t have to add salt but you can also use unsalted butter, just add 1/4 teaspoon salt in the recipe. It’s best if the butter is at room temperature and slightly softened.
  • Eggs: One whole egg is used in this recipe to help bind the dough.
  • Pure vanilla extract: You could also use vanilla bean paste for more flavor.
  • Chocolate chips: Good quality chocolate chips are always recommended for the best flavor. We use a combination of semi-sweet (or milk) chocolate chips, and white chocolate chips. We use mini chocolate chips for this recipe because you’ll get more chocolate in each bite. 😉
  • M&Ms: We use patriotic colors for the 4th of July. Use regular peanut butter M&Ms to maximize the peanut butter flavor but you can use regular mini M&Ms, regular sized M&Ms, and peanut M&Ms. You’ll get more chocolate in each bite with the minis. 😉
Jumbo 4th of July Chocolate Chip Cookies stacked on a cooling rack.Pin

how to make 4th of july cookies

Cream butter and sugars: Preheat oven to 350 degrees F. Line cookie sheets with parchment paper and set aside. With an electric mixer in a large bowl or in the bowl of a stand mixer, cream together the butter and sugars until light and fluffy. Add the eggs and vanilla extract. Beat until combined.

Mix in dry ingredients: Add the flour, baking soda and baking powder to wet ingredients. Continue to mix together until cookie dough is formed, scraping down the sides of a bowl with a spatula occasionally. Do not over-mix.

Add chocolate: Add the M&Ms and chocolate chips and mix until incorporated.

Scoop cookie dough balls: With a large cookie scoop or ice cream scoop, equivalent to 1/4 cup (4 tablespoons) scoop cookie dough into balls and place on the prepared baking sheet. *Optional, add more M&Ms, and chocolate chips to the tops of the cookies to look extra pretty.

Bake: Bake for 9-11 minutes or until the tops are a light golden brown. Remove the cookies from the oven and let cool on the cookie sheets for a couple minutes before transferring to a cooling rack. Enjoy!

How to make red, white and blue cookies.Pin

variations

  • Mini cookies: Scoop out a smaller portion of the cookie dough. Be sure to reduce the baking time.
  • Cookie bars: Spread the cookie dough into the bottom of a greased 13×9-inch baking dish and bake at 350 degrees F for 20-25 minutes. 
  • Make all year long: Swap the red, white and blue M&M’s for regular rainbow M&M’s or other holiday colors.
  • Add patriotic sprinkles: To make them extra festive like jimmies or nonpareils.
A white plate full of soft bakery-style patriotic chocolate chip cookies with red white and blue candies.Pin

tips

  • Perfect shaped cookies: “Scoot” the cookies with a round glass or bowl right when they come out of the oven.
  • Room temperature ingredients: It’s important that your butter and egg is at room temperature. They incorporate with the other ingredients so much better and will help your cookies stay tender and soft.
  • Under bake cookies: Remove the cookies from the oven after 8 or 9 minutes to keep them soft and chewy. The cookies will harden as they cool. 
  • Make cookie dough ahead: Scoop the dough into balls and place in the refrigerator for up to 2 days or freeze up to three months. When ready to bake the cookies, thaw and bake according to recipe.
Bakery-style patriotic cookies loaded with chocolate chips and colorful candies.Pin

leftovers & storage

To-store: Store cookies at room temperature in an airtight container, large ziplock bag or cover dish with plastic wrap in a cool space like the counter. They will stay fresh for 7 days. They will still be ok to eat after 7 days but they may start to get crumbly and stale. 

To-freeze: Allow the baked cookies to cool completely. Place the cookie sheet in the freezer for 30 minutes to flash freeze or harden. Once hard, place the cookies in a large freezer bag or stack in an airtight container. Store for up to 3 months- when ready to serve, remove from the freezer to thaw until softened.

Gooey chocolate chip cookies with festive red white and blue M&M candies cut in half.Pin
Thick and chewy 4th of July Chocolate Chip Cookies with patriotic candies and chocolate chips.Pin

NEVER MISS A RECIPE

Join thousands of subscribers & get
easy recipes via email for FREE!

Want to be Featured?

If you make this recipe, please let me know how it turned out…

Provide a STAR rating in the recipe card.

Leave a COMMENT below.

Share a PICTURE on Instagram so I can see and feature you!

Pin

Kathryn’s Kitchen Blog

Easy, simple, and delicious recipes anyone can make. Click the button below so you don’t miss any recipes!

Pin

4th of July Chocolate Chip Cookies

Soft and chewy 4th of July Chocolate Chip Cookies are loaded with gooey chocolate chips and colorful patriotic candies for the ultimate summer dessert. These jumbo cookies have thick centers, crisp edges, and rich buttery flavor in every bite. Make them all year long by swapping the chocolate candy colors!
No ratings yet
Print Pin Rate
Course: Dessert
Cuisine: American
Keyword: 4th of july chocolate chip cookies, M&M cookies, patriotic cookies, red, white and blue cookies
Prep Time: 10 minutes
Cook Time: 10 minutes
Total Time: 25 minutes
Servings: 14 cookies

Ingredients

  • 1/2 cup salted butter softened at room temperature
  • 1/2 cup brown sugar
  • 1/4 cup granulated white sugar
  • 1 whole large egg
  • 1 teaspoon vanilla extract
  • 1 1/2 cups all-purpose flour
  • 1 teaspoon baking powder
  • 1/2 teaspoon baking soda
  • 1 cup Red, White and Blue M&Ms
  • 1/2-3/4 cup white chocolate chips
  • 1/2-3/4 cup milk or semi-sweet chocolate chips

Instructions

  • Preheat oven to 350 degrees F. Line cookie sheets with parchment paper and set aside. With an electric mixer in a large bowl or in the bowl of a stand mixer, cream together the butter and sugars until light and fluffy. Add the eggs and vanilla extract. Beat until combined.
  • Add the flour, baking soda and baking powder. Continue to mix together until cookie dough is formed, scraping down the sides of a bowl with a spatula occasionally. Do not over-mix.
  • Add the M&Ms and chocolate chips and mix until incorporated.
  • With a large cookie scoop or ice cream scoop, equivalent to 1/4 cup, scoop cookie dough into balls and place on the prepared cookie sheets. *Optional, add more M&Ms, and chocolate chips to the tops of the cookies to look extra pretty.
  • Bake for 9-11 minutes. Remove the cookies from the oven and let cool on the cookie sheets for a few minutes before transferring to a cooling rack. Enjoy!
Find Kathryn’s Kitchen Blog on Instagram!Mention @Kathryns.Kitchen.Blog or tag #kathrynskitchen!

Leave a Reply

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

Recipe Rating