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 24 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
Save this recipe!
Get this sent to your inbox, plus get new recipes from us every week!


  • 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.

Leave a Comment

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

Recipe Rating


  1. I make 12” round cookie cakes and want to make this recipe in my 12” round cookie pan. Will this recipe yield enough dough to make a thick enough 12” cookie cake? Or do I need to tweak the recipe. I don’t necessarily need to double it, but I don’t want to have to “guess” at how much dough to add to my pan, am an wondering if your recipe above would be enough as is. I currently don’t have to measure out dough for my chocolate chip cookie cakes because my recipe makes the perfect amount for my 12” cookie pan.

    1. I’ve never made it in a 12-inch but I have in a 9-inch and it’s thick. It’ll work in a 12 inch but it will be thinner – almost like how they are in these photos.

  2. This was delicious, perfectly done and soft cookie. I used the mini m&m’s and ran out of jimmies so used red/white/blue nonpareils. Turned out amazing and everyone loved it. Will definitely make again for another occasion since the recipe is flexible for different colored decorations and frosting.

  3. Love this cake! Have made it twice. Curious though on the icing.. it says tablespoons on the recipe part where it lists the ingredients. But then in the instructions it says teaspoons. Wondering which it is?!

    1. Thank you for catching that – I start with a tablespoon and add more a teaspoon at a time until I reach the desired consistency.