ByRebekah Winscott March 3, 2026May 26, 2026 4th of July, Cookies

4th of July Cookies (Easy Patriotic Cookies)

Name: 4th of July Cookies
Prep time: 20 min
Cook time: 12 min
Total time: 32 min
Yield: 24
Cuisine: American
Ingredients: 1 cup unsalted butter, softened; ¾ cup brown sugar; ½ cup white sugar; 2 large eggs; 2 tsp vanilla extract; 2¾ cups all-purpose flour; 1 tsp baking soda; ½ tsp salt; 1½ cups red, white & blue M&Ms

Jump to Recipe·Print Recipe

4th of July cookies are soft sugar-style cookies made with festive patriotic sprinkles and baked until perfectly chewy in the center. They’re easy to customize, great for parties, and can be made ahead for summer gatherings.

Close-up overhead view of soft and chewy 4th of July cookies layered together with red, white, and blue M&Ms and patriotic sprinkles baked into the tops. The homemade patriotic cookies have golden brown edges, thick soft centers, and bakery-style texture perfect for summer holiday dessert tables and Independence Day celebrations.

If there’s one dessert that disappears first at every summer cookout, it’s these soft and chewy 4th of July cookies. They’re buttery, festive, loaded with red, white, and blue sprinkles, and perfect for everything from backyard BBQs to fireworks parties.

The best part? They come together with simple pantry ingredients and stay soft for days.

RECIPE SNAPSHOT

Prep Time: 15 minutes
Cook Time: 10 minutes
Total Time: 25 minutes
Servings: 18 cookies
Difficulty: Easy
Best For: 4th of July parties, BBQs, summer cookouts, patriotic dessert tables

Stack of halved 4th of July cookies showing soft chewy centers filled with red, white, and blue M&Ms and patriotic sprinkles. The homemade patriotic cookies have golden brown edges, tender bakery-style texture, and colorful candy pieces baked throughout the soft cookie layers.

Why You’ll Love These 4th of July Cookies

These 4th of July cookies have soft chewy centers and buttery golden edges that taste just like bakery-style cookies.
The red, white, and blue M&Ms make these cookies festive, colorful, and perfect for summer celebrations.
This easy cookie recipe uses simple pantry ingredients and comes together quickly with minimal prep.
They’re easy to customize with extra candies, chocolate chips, or seasonal sprinkles for different holidays.

I’ve made these patriotic cookies for everything from pool parties to late-night fireworks gatherings, and they always disappear faster than expected. After testing several versions, I found that slightly underbaking them keeps the centers soft and chewy while still giving the edges that perfect bakery-style texture.

These are the kinds of cookies people grab “just one more” of before heading back outside.

Ingredients You’ll Need

(Scroll to the bottom of this post for the full recipe card.)

Overhead view of ingredients for homemade 4th of July cookies arranged in ceramic bowls on a white surface, including flour, white sugar, brown sugar, butter, eggs, vanilla extract, baking soda, salt, and red, white, and blue M&Ms.

Unsalted butter, softened – Creates rich, soft, bakery-style cookies
Brown sugar – Adds moisture and gives the cookies a chewy texture
White sugar – Helps create lightly crisp edges
Large eggs – Adds structure and richness
Vanilla extract – Gives the cookies warm classic flavor
All-purpose flour – Provides structure while keeping the cookies soft
Baking soda – Helps the cookies rise slightly and stay tender
Salt – Balances sweetness and enhances flavor
Red, white & blue M&Ms – Adds festive patriotic color and chocolate crunch

How to Make 4th of July Cookies

1. Preheat your oven to 350°F and line two baking trays with parchment paper to help the cookies bake evenly and prevent sticking.

2. In a large mixing bowl, cream the softened butter, brown sugar, and white sugar together for about 2–3 minutes until the mixture looks light, fluffy, and pale in color.

Close-up overhead view of butter, brown sugar, and white sugar creamed together in a large glass mixing bowl until light, fluffy, and pale yellow for homemade 4th of July M&M cookies. The whipped mixture has a soft, airy texture that helps create chewy bakery-style patriotic cookies with tender centers and crisp edges.

3. Beat in the eggs and vanilla extract until fully combined, scraping down the sides of the bowl as needed so everything mixes evenly.

Overhead view of eggs and vanilla being added to a creamed butter and sugar mixture in a large glass mixing bowl while making homemade 4th of July M&M cookies. The partially mixed dough appears light and fluffy with visible egg yolks and air bubbles, showing the early stages of creating soft, chewy patriotic cookies from scratch.

4. Add the flour, baking soda, and salt, then mix just until a soft cookie dough forms, being careful not to over mix or the cookies may turn dense instead of soft and chewy.

Flour added to a wet cookie dough mixture in a large glass bowl while making homemade 4th of July M&M cookies. The partially mixed dough shows the stage before the dry ingredients are fully combined, helping create soft and chewy patriotic cookies with tender centers and bakery-style texture.

Overhead close-up of fully mixed cookie dough in a large glass bowl for homemade 4th of July M&M cookies. The dough appears thick, soft, and slightly fluffy with a smooth buttery texture, showing the ideal co

5. Gently fold in the red, white, and blue M&Ms, reserving a small handful to press onto the tops of the cookies before baking for a more festive bakery-style look.

6. Scoop the cookie dough onto the prepared baking trays, spacing the dough balls evenly about 2 inches apart to allow room for spreading.

Overhead close-up of thick homemade cookie dough in a glass mixing bowl with red, white, and blue M&Ms being added for festive cookies. The soft buttery dough appears smooth and fluffy while the colorful candies create a patriotic red, white, and blue cookie dough mixture before baking.

Scooped cookie dough balls topped with red, white, and blue M&Ms arranged on a parchment-lined baking tray before baking. The thick homemade cookie dough portions are evenly spaced to create soft and chewy patriotic cookies with bakery-style texture and colorful candy tops.

7. Bake for 10–12 minutes, until the edges are lightly set and the centers still look slightly soft, which gives the cookies their perfectly chewy texture once cooled.

8. Let the cookies cool on the baking tray for 5 minutes before transferring them to a wire rack to cool completely, allowing them to finish setting without over baking.

Close-up of a baked cookie on a baking tray with golden brown edges, soft chewy texture, and red, white, and blue candies baked into the surface. The homemade patriotic cookie has a thick bakery-style appearance with slightly crisp edges and a soft center.

Overhead view of six baked cookies on a parchment-lined baking tray with golden brown edges and red, white, and blue candies baked into the tops. The homemade patriotic cookies appear soft and chewy with thick centers and slightly crisp edges fresh from the oven.

Tips For 4th of July Cookies

Slightly underbake the cookies and remove them when the centers still look a little soft because they will continue setting as they cool on the baking tray.
Using parchment paper helps the cookies bake more evenly while also preventing the bottoms from becoming too dark.
Once you add the flour mixture, mix only until combined so the cookies stay soft and tender instead of dense.
Pressing a few extra M&Ms onto the tops of the cookie dough balls before baking makes the finished cookies look more colorful and bakery-style.
Make sure your butter is fully softened to room temperature so it creams properly with the sugars and creates a light, fluffy cookie texture.

Large soft and chewy 4th of July cookie with red, white, and blue M&Ms leaning against a glass bottle of milk with more patriotic cookies blurred in the background. The homemade patriotic cookies have golden brown edges, bakery-style texture, and festive sprinkles perfect for summer holiday desserts and Independence Day parties.

Storage & Freezing

Storage: Store cookies in an airtight container at room temperature for up to 5 days.
Freezing Baked Cookies: Freeze fully cooled cookies in layers separated with parchment paper for up to 2 months.
Freezing Cookie Dough: Freeze scooped dough balls on a baking sheet, then transfer to a freezer bag. Bake directly from frozen and add 1–2 extra minutes.

If you love easy patriotic desserts, be sure to try my red, white and blue Cupcakes, festive 4th of July icing board, soft and gooey 4th of July Rice Krispie treats, and sweet-and-salty patriotic popcorn for your summer celebrations.

Close-up of soft and chewy 4th of July cookies stacked together with red, white, and blue M&Ms and patriotic sprinkles baked into the tops. The homemade patriotic cookies have golden brown edges, bakery-style texture, and colorful candy pieces perfect for summer holiday dessert tables and Independence Day parties.

If you make these 4th of July cookies, I’d love to hear how they turned out for you! Leave a comment below and let me know.

Rebekah Winscott

Food Blogger

Rebekah Winscott is a Lancaster, Pennsylvania–based food blogger and the creator of This Nana Can Cook, where she shares approachable, flavorful recipes for everyday cooks. Inspired by her grandmother’s timeless dishes, she blends quick, delicious meals with heartwarming storytelling and practical kitchen tips.