4th of July Fireworks Cookies Recipe

Get ready to turn your holiday baking into the ultimate celebration with these 4th of July Fireworks Cookies! Packed with colorful M&M’s, playful sprinkles, and chunks of chocolatey Oreo cookies, each bite is a flavor explosion that looks just as festive as the fireworks in the night sky. Whether you’re hosting a backyard barbecue or heading to a picnic under the stars, these soft, chewy cookies will be the star attraction on your dessert table—guaranteed to bring out the oohs, aahs, and seconds from kids and adults alike.

4th of July Fireworks Cookies Recipe - Recipe Image

Ingredients You’ll Need

The beauty of these 4th of July Fireworks Cookies is in the simplicity of their ingredients—each one adds a special boost of taste, color, or texture. No fancy tricks here, just thoughtful picks that work delicious magic when combined.

  • Vanilla cake mix (15.25 ounces): The secret shortcut for ultra-soft, fluffy cookies with a sweet vanilla flavor.
  • Unsalted butter (8 tablespoons, softened): Infuses richness and keeps every bite irresistibly tender.
  • Large egg: Essential for binding everything together and adding just the right amount of chew.
  • Vanilla extract (1 teaspoon): Adds that warm, classic bakery aroma and deepens the cookie’s flavor.
  • Cream cheese (4 ounces, softened): The not-so-secret ingredient! It delivers a slight tang and extra creamy-soft texture.
  • Oreo cookie chunks (2 cups, about 14 cookies): These chocolatey bits add a crunch and playfully dark contrast in every bite.
  • Red, white & blue M&M’s (3/4 cup, divided): Bright bursts of patriotic color, plus a pop of chocolate—save some for the tops!
  • Red, white & blue sprinkles (1/2 cup, divided): Sprinkles make everything better and turn your cookies into edible fireworks.

How to Make 4th of July Fireworks Cookies

Step 1: Make the Cookie Dough

In a large mixing bowl, combine the dry vanilla cake mix, softened butter, cream cheese, egg, and vanilla extract. Stir with a sturdy spoon or mix on low speed until a soft, cohesive dough forms. Don’t worry—it will be a little thick, but you want it to be smooth enough to easily mix in your add-ins.

Step 2: Add Cookie Chunks, M&M’s, and Sprinkles

Gently fold in the Oreo cookie chunks, 1/2 cup of the patriotic M&M’s, and 1/4 cup of the sprinkles. Take care not to overmix; you want to see streaks of color and get pockets of crunchy cookie in every bite. These festive additions are what give 4th of July Fireworks Cookies their signature surprise!

Step 3: Chill the Dough

Refrigerate the dough for 60 minutes. This quick chill gives each cookie that perfect, thick, bakery-style chew and helps keep those beautiful colors intact during baking.

Step 4: Preheat Your Oven

When the dough is almost ready, preheat your oven to 350 degrees. This is a great time to line your cookie sheets with parchment paper for easy cleanup later.

Step 5: Shape the Cookies and Decorate

Use a 2-tablespoon cookie scoop (or a heaping tablespoon if you don’t have one) to portion out 24 even dough balls. Place them on your baking sheets, then gently press the remaining M&M’s onto the tops. Want extra pop? Sprinkle a bit more red, white, and blue on each ball.

Step 6: Bake the Cookies

Bake for 10 minutes—just until the edges are set but the centers still look a little soft. Remove the cookies from the oven and let them cool on the hot pan for 2 minutes. This step keeps them soft and allows them to finish setting up.

Step 7: Cool Completely

Transfer the cookies to a piece of parchment paper or a wire rack and let them cool completely. The anticipation is real, but the wait is well worth it so you get perfectly set, gorgeously marbled 4th of July Fireworks Cookies every single time.

How to Serve 4th of July Fireworks Cookies

4th of July Fireworks Cookies Recipe - Recipe Image

Garnishes

You don’t need much to make these showstoppers sparkle, but a final shower of patriotic sprinkles just before serving adds a dazzling touch. If you’re feeling fancy, try a drizzle of melted white chocolate for extra flair—like a grand finale to your edible fireworks display!

Side Dishes

Pair your 4th of July Fireworks Cookies with a refreshing scoop of vanilla ice cream, a tall glass of cold milk, or a frosty lemonade. They make the perfect sweet treat alongside a fruit platter or next to other festive desserts, rounding out your Independence Day spread in delicious style.

Creative Ways to Present

Arrange the cookies in a big, colorful circle on a platter to mimic a firework burst or layer them between sheets of parchment in a clear mason jar as a gift. For a party, stack them on a tiered cake stand or tuck them into cute gift bags tied with patriotic ribbon for a memorable takeaway everyone will love.

Make Ahead and Storage

Storing Leftovers

To keep your 4th of July Fireworks Cookies ultra soft and fresh, transfer cooled cookies to an airtight container. They’ll stay perfect for up to 4 days at room temperature—just keep them out of direct sun or heat to preserve those vibrant colors and gooey centers.

Freezing

You can freeze the baked cookies or the scooped, unbaked dough balls. Place either in a single layer on a tray until solid, then store in a freezer bag for up to 2 months. When you’re ready, bake the dough straight from the freezer (add 1–2 extra minutes of baking time) or thaw baked cookies at room temperature—so easy for planning ahead!

Reheating

If you crave a gooey, just-baked texture, pop a cookie in the microwave for 8–10 seconds. It brings them right back to life, making the M&M’s a little melty and the center perfectly soft. Your 4th of July Fireworks Cookies will taste like they just came out of the oven!

FAQs

Can I use a different kind of cake mix?

Absolutely! While vanilla cake mix creates a classic cookie base, you can swap in white, yellow, or even funfetti cake mix for a slightly different flavor and look. Just keep the measurements the same.

What’s the best way to break up the Oreos?

A quick, no-mess method is putting them in a ziptop bag and giving them a few gentle whacks with a rolling pin—aim for big, chunky pieces so the texture really shines in your 4th of July Fireworks Cookies.

Do I have to chill the dough?

Chilling is key for thick, chewy cookies that don’t spread too much and helps all those mix-ins stay suspended throughout the dough. If you skip this step, your cookies might turn out flatter, but they’ll still taste great!

Can I double the recipe?

Definitely! This recipe doubles beautifully, which is perfect for holiday parties or bake sales. Just be sure to chill the dough well and bake in batches to keep the cookies consistent.

How do I prevent the M&M’s colors from running?

Chilling the dough helps a lot, and adding extra M&M’s on top right before baking keeps the colors bold and bright. Be careful not to overbake, as the heat can make the candy shells crack or bleed color.

Final Thoughts

If you’re searching for a festive treat that’s as fun to make as it is to devour, you honestly can’t do better than these 4th of July Fireworks Cookies. Give them a try—you’ll love seeing everyone’s faces light up as they take that first vibrant, chocolate-packed bite. Happy baking and happy celebrating!

Print

4th of July Fireworks Cookies Recipe

Celebrate Independence Day with these festive 4th of July Fireworks Cookies! A vanilla cake mix base loaded with Oreo cookie chunks, M&M’s, and sprinkles makes for a colorful and delicious treat.

  • Author: Maya
  • Prep Time: 15 minutes
  • Cook Time: 10 minutes
  • Total Time: 1 hour 25 minutes
  • Yield: 24 cookies 1x
  • Category: Dessert
  • Method: Baking
  • Cuisine: American
  • Diet: Vegetarian

Ingredients

Scale

Cookies:

  • 115.25 ounce vanilla cake mix
  • 8 tablespoons unsalted butter, softened
  • 1 large egg
  • 1 teaspoon vanilla extract
  • 4 ounces cream cheese, softened
  • 2 cups Oreo cookie chunks (14 chocolate cream-filled)
  • 3/4 cup red, white, & blue M&M’s, divided
  • 1/2 cup red, white, & blue sprinkles, divided

Instructions

  1. Mix: Together the dry cake mix, butter, cream cheese, egg, and vanilla until a soft dough forms.
  2. Stir in: The cookie chunks, 1/2 cup M&M’s, and 1/4 cup of the sprinkles gently.
  3. Refrigerate: The dough for 60 minutes.
  4. Preheat oven: To 350 degrees.
  5. Use: A 2-tablespoon cookie scoop to make 24 even dough balls. Press the remaining M&Ms into the tops of the dough balls. Add extra sprinkles if desired.
  6. Place: The dough balls on a cookie sheet and bake for 10 minutes. Let the cookies cool on the hot pan for 2 minutes before transferring to a piece of parchment paper to cool completely.
  7. Store: The cooled cookies in a tightly sealed container.

Nutrition

  • Serving Size: 1 cookie
  • Calories: 180
  • Sugar: 14g
  • Sodium: 180mg
  • Fat: 9g
  • Saturated Fat: 4g
  • Unsaturated Fat: 4g
  • Trans Fat: 0g
  • Carbohydrates: 23g
  • Fiber: 1g
  • Protein: 2g
  • Cholesterol: 20mg

Keywords: 4th of July, Fireworks Cookies, Independence Day treats, festive cookies, patriotic desserts

Did you make this recipe?

Share a photo and tag us — we can’t wait to see what you’ve made!

Similar Posts

Leave a Reply

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

Recipe rating