This post may contain affiliate links. For more information, read my disclosure policy.

Fireworks sugar cookie cake can be your star spangled, patriotic dessert on Memorial Day or the 4th of July! This easy cookie cake recipe is full of red, white, and blue deliciousness!

I am SO ready for the Fourth of July, are you? This Fireworks Sugar Cookie Cake is the PERFECT dessert to serve for the holiday!

Fireworks Sugar Cookie Cake Recipe - this EASY sugar cookie recipe is made in a cake pan! Such a great dessert for the 4th of July!

I swear, something about red, white, and blue food makes me happy. Is it the color combo? The promise of a holiday that doesn’t require presents? The knowing it’ll be a day of endless swimming and barbecue and fun? Or should I lie and say it’s because it’s our day of Independence?

Honestly, I think it’s a little of all those things, but mostly the 4th of July means that it’s SUMMER. The entire month is fun, what with Mel’s birthday and our anniversary and all the other little things here and there. (Please remind me of this statement come July 31 when I’m all is it time to go back to school yet?)

Jordan got out of school last week (happy dance) but you know the BEST part of the entire end-of-school was? Returning her darn violin. That thing was my nemesis! She was so excited to start playing back in September…and then she actually had to, you know, learn to play it. Once she realized it was more than just looking cool holding an instrument the thing became a glorified door stop/middle of the night road block/hours of whining.

I returned it to the store a few week ago and literally jumped for joy. Then I went to Target and bought red, white, and blue M&Ms because it’s SUMMER!

Fireworks Sugar Cookie Cake Recipe - this EASY sugar cookie recipe is made in a cake pan! Such a great dessert for the 4th of July!

You’re probably like, gosh, this looks familiar. Fireworks cookies…didn’t she do that before? Well, yes. Yes I did make those last year. But they were different. And cookies, not a cookie cake recipe. And also, y’all liked the explosion of M&Ms and sprinkles, so I figured, why not do it again?

Plus, the pictures of my fireworks sugar cookie cake make me super happy, with all the red, white, and blue and all. Speaking of fireworks, my blogger friend, Becca, has a summer vegetable orzo pasta salad recipe nicknamed Fireworks orzo salad, because of the explosion of color and flavors. And Angie has a recipe for a 4th of July fireworks cake roll!

This is my favorite sugar cookie recipe. I’ve used it for bars and cookie cups and snickerdoodles. However you make these cookies, they’re SO GOOD. However, I think my favorite way to eat them is like this: with chocolate, baked in a pan. The dough is soft and tender and gooey…I could easily eat the entire cake by myself.

Lots of butter and sugar (equal parts), as well as cream of tartar. Cream of Tartar is a leavening agent that helps keep cookies soft and tender, and when combined with baking soda it makes it so they are chewy and soft, all in the same bite. I also use a full tablespoon of vanilla extract to give it lots of extra flavor…and you can never have too many M&Ms!

Fireworks Sugar Cookie Cake Recipe - this EASY sugar cookie recipe is made in a cake pan! Such a great dessert for the 4th of July!

Plus, the cookie cake recipe is easy. You can make it even if you’re not a seasoned baker. Pressing it into a 9″ cake pan makes it easy to get a soft not-over baked cookie and the frosting adds a perfect sweet finish.

Fireworks Sugar Cookie Cake
5 from 23 votes
Fireworks Sugar Cookie Cake is the perfect 4th of July desserts! Add M&Ms and sprinkles to my perfect sugar cookie recipe and bake it in a cake pan!
Prep Time 30 minutes
Cook Time 25 minutes
Total Time 55 minutes
Yield 8 -10 servings


For the Cookie Cake:

  • ¾ cup (170g) unsalted Challenge Butter softened
  • ¾ cup (150g) granulated sugar
  • 1 large egg
  • 1 tablespoon vanilla extract
  • ½ teaspoon baking soda
  • ½ teaspoon salt
  • ½ teaspoon cream of tartar
  • 2 cups (248g) all purpose flour
  • 1 cup M&Ms Use patriotic M&Ms for the 4th of July
  • ½ cup “jimmie” sprinkles use red and white for the 4th of July

For the frosting:

  • 3 tablespoons (38g) unsalted butter softened
  • 1 ½ cups (170h) powdered sugar
  • 1 teaspoon vanilla extract
  • teaspoon salt
  • 2 tablespoons (30ml) heavy whipping cream or milk


  • Preheat oven to 350°F. Line a 9” round cake pan with foil and spray with nonstick cooking spray.
  • Make the cookie cake: Beat butter and sugar with a hand or a stand mixer until creamy. Beat in egg and vanilla, then mix in baking soda, salt, and cream of tartar. Slowly mix in flour. Stir in M&Ms and sprinkles.
  • Press batter into prepared pan, pressing more M&Ms onto the top as desired. Bake for 19-22 minutes or until the edges are just turning a light golden brown. It’s better to under bake this dough than over bake it. The cake will continue cooking a bit as it cools so err on the side of underdone for the best tasting cookie. Let it cool completely before frosting.
  • Make the frosting: beat butter until smooth, then slowly beat in powdered sugar until crumbly. Add salt and vanilla, then add 1 tablespoon of heavy whipping cream. Beat until smooth, adding more a teaspoon at a time to get a spreadable texture.
  • To frost: use a 1M tip and a ziplock or piping bag to decorate the cookie cake. Top with more sprinkles and M&Ms.
  • Store loosely covered for up to 2 days.
Nutritional information not guaranteed to be accurate
Course Dessert
Cuisine American

Red Velvet Cookie Cake (use red, white, and blue sprinkles!)

Red Velvet Cookie Cake (4 of 8)

Fireworks Pudding Cookies

Fireworks Pudding Cookies (3 of 8)

Chocolate Chip Cookie Cake (use Patriotic M&Ms!)

Harvest Chocolate Chip Cookie Cake (5 of 10)

Last Updated on June 16, 2023

Dorothy Kern

Welcome to Crazy for Crust, where I share recipes that are sometimes crazy, often with a crust, and always served with a slice of life.

Learn to Bake in 4 Days!
Get my tips, tricks and recipes to take your baking to the next level for FREE!

Leave a Comment

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

Recipe Rating


  1. At what point do you lift it out of the pan with the foil? After it cools? After you take it out of the oven? Thanks! My daughter and I are looking forward to making this!

  2. This is just beautiful. I’ve got everything ready for my buffet table, but somehow we are lacking dessert. This should be just perfect!

  3. Making this cookie cake now but using light and dark pink m&ms and colorful jimmies and hot pink frosting and baking in a 9 in heart shaped pan for my grand daughters birthday. I hope she loves it!

  4. July 4th is my birthday and cookie cake is my favorite dessert. I think I know what I’m making for myself this year…

  5. Finally got around to making this and it is delicious! Since we’re well past the 4th of July, I went with regular M&Ms and rainbow jimmies. Thanks for the recipe!

  6. Can these be made into individual cookies?  If you have done this, what was the cooking time?  Thanks!

    1. Yes you can! Depending on the size of the cookies, about 8-12 minutes. Err on the side of underdone – as soon as they start to get brown pull them out. They taste better a little underdone!

  7. Going to make this recipe this weekend! My only question (and I must be out of it seeing as I am the only one asking) is what is “Challenge butter”? Is it a brand? The icing recipe just calls for unsalted butter, so it has me wondering what the difference is. Thank you! Hope you have a wonderful 4th!

    1. It’s just the brand – you can use any kind of unsalted butter! I just love them, they’re my favorite, and I am an ambassador for them.

  8. My kids want to make this for the 4th of July but I don’t have a 9″ cake pan. I do have 8″ cake pans instead. How much longer would I have to bake this using the 8″ cake pan?

    1. It should work in an 8″, it’ll just be thicker. Baking time might take longer! You can also use a 9″ or an 8″ square pan! Enjoy!