Fireworks Sugar Cookie Cake

Category: Treats That Make Everything Better

Celebrate with a festive sugar cookie cake packed with colorful M&Ms and cheerful sprinkles. This soft-baked dessert is made creamy with plenty of butter and vanilla, then topped with a simple buttercream frosting. Finished with more M&Ms and sprinkles on top, it’s a show-stopper for gatherings or holiday tables. Easy to prepare in a single cake pan and baked to golden perfection, it brings a fun twist to classic cookies, making it ideal for sharing on the Fourth of July or whenever you're craving something playful and sweet.

Labels: #vegetarian #kid-friendly

Lili Clark smiling at the camera.
Created By Lili Clark
Updated on Mon, 06 Jul 2026 21:10:46 GMT
A slice of a sugar cookie cake with blue, red and white icing. Save
A slice of a sugar cookie cake with blue, red and white icing. | lilicooks.com

If you are looking for a festive treat to brighten up your 4th of July or any celebratory summer day, this Fireworks Sugar Cookie Cake is the perfect choice. Imagine the beloved taste of soft sugar cookies, but baked into a giant sliceable cake packed with colorful M and Ms and studded with cheerful sprinkles. The creamy butter frosting takes it over the top and makes it an instant crowd pleaser among kids and grown-ups alike.

This recipe became my go-to for backyard barbecues when I realized the kids would rather have cookies than cake and it vanished at every summer party

Ingredients

  • Unsalted butter This is the foundation for flavor and moisture Make sure it is truly soft to blend smoothly with sugar Choose a high quality name for the best taste
  • Granulated sugar The key to the sweet crisp sugar cookie bite Look for white fine sugar for even mixing
  • Large egg Provides binding and richness Always use eggs at room temperature for best texture
  • Vanilla extract Lends warm bakery flavor Opt for real extract instead of imitation
  • Baking soda For gentle lift and tenderness Look for one that is fresh and not clumpy
  • Salt Helps balance the sweetness and brings out the butter flavor
  • Cream of tartar Traditional ingredient in sugar cookies for a tender chewy texture Even a small dash makes a difference
  • All purpose flour Good structure and soft crumb Stick with unbleached for a more natural flavor
  • M and Ms For pops of color and chocolatey crunch Go for seasonal mixes or classic mini M and Ms
  • Jimmie sprinkles Red and white are festive for the 4th of July but you can swap in rainbow for any occasion Choose a brand with bright colors and minimal artificial aftertaste
  • Powdered sugar For the frosting be sure it is lump free for a smooth result
  • Heavy whipping cream or milk Adds richness and helps create a fluffy pipeable frosting

Step-by-Step Instructions

Prepare the Pan:
Line a nine inch round cake pan with foil making sure the bottom and sides are entirely covered Spray generously with nonstick spray to ensure easy release later
Mix the Cookie Dough:
In a large bowl beat the softened butter and sugar together using a hand or stand mixer Keep beating until it looks creamy and light in color Add the egg and vanilla and keep mixing until incorporated Add in the baking soda salt and cream of tartar Mix once again then gradually add the flour in batches so you do not overload the mixer The dough should pull away from the bowl and not feel sticky
Add the Festive Extras:
Switch to a spatula and gently fold in most of the M and Ms and sprinkles Reserve some for topping Spread the dough evenly in the prepared pan Use your fingers to press toward the edges Dot the top with extra M and Ms for a pretty look
Bake the Cookie Cake:
Place the pan in the preheated oven and bake for nineteen to twenty two minutes Start checking at eighteen as ovens vary The edges should just turn golden and the center will look slightly underdone This is key for a chewy not dry cake
Cool and Frost:
Allow the cookie cake to cool completely in the pan If you frost while warm the frosting will melt Make the frosting by beating the butter until creamy adding the powdered sugar in stages Mix in the vanilla and salt Drizzle in the heavy cream a bit at a time until you have a spreadable thick frosting Swirl or pipe across the cooled cake Top with reserved sprinkles and M and Ms
A slice of a sugar cookie cake with blue and red icing.
A slice of a sugar cookie cake with blue and red icing. | lilicooks.com

The red and blue M and Ms melt a bit during baking and give each slice a really fun burst of color My family’s favorite part is arguing over who gets the slice with the most frosting piled on top I will always remember making this with my niece who insisted on extra sprinkles and ended up covered in them from head to toe

Storage Tips

To keep your sugar cookie cake soft let it cool completely first before covering Leave it loosely covered at room temperature for up to two days After that you can store leftovers in an airtight container for another day or two but it is best enjoyed fresh The frosting keeps well and does not get hard as quickly as classic buttercream

Ingredient Substitutions

If you do not have cream of tartar you can use a squeeze of lemon juice for a similar tang and tenderness Dairy free margarine can be used for a non dairy version Substitute funfetti chips or chocolate chips for the M and Ms if you prefer Another fun swap is using holiday colored candies to fit any celebration not just Independence Day

Serving Suggestions

Serve the sugar cookie cake in classic cake wedges or cut into squares if you want smaller bites For a true fireworks party flair add little American flags or sparkler candles to the top It also makes a wonderful birthday treat for anyone who prefers cookies over traditional cake

A slice of a sugar cookie cake with blue, red, and white icing.
A slice of a sugar cookie cake with blue, red, and white icing. | lilicooks.com

Cultural and Historical Context

Sugar cookies became popular in the United States thanks to Pennsylvania German settlers The idea of decorating them with colored candies and serving them as cakes makes this recipe a uniquely American mashup If you love potlucks or family get togethers this cookie cake has a way of standing out and being remembered

Recipe FAQs

→ Can I use regular M&Ms instead of patriotic colors?

Yes, any variety of M&Ms works well, but red, white, and blue add a festive touch for summer celebrations.

→ What’s the key to a soft texture?

Be careful not to over-bake; remove when edges are lightly golden as it firms up while cooling.

→ Can the cookie cake be made ahead of time?

Absolutely; it stores well at room temperature for up to two days when loosely covered.

→ Is it possible to use a different frosting?

Yes, cream cheese frosting or a simple glaze can also be delicious on this treat.

→ Can sprinkles be omitted or swapped?

Sprinkles add color and crunch, but you can use chocolate chips or leave them out if you prefer.

Fireworks Sugar Cookie Cake

Soft cookie cake packed with patriotic M&Ms and sprinkles, ideal for festive Fourth of July treats.

Preparation Time
30 min
Cooking Time
25 min
Overall Time
55 min
Created By: Lili Clark

Category: Desserts

Skill Level: Moderate

Cuisine Type: American

Output: 10 Serves

Dietary Options: Vegetarian

Ingredients

→ For the Cookie Cake

01 ¾ cup (170g) unsalted butter, softened
02 ¾ cup (150g) granulated sugar
03 1 large egg
04 1 tablespoon vanilla extract
05 ½ teaspoon baking soda
06 ½ teaspoon salt
07 ½ teaspoon cream of tartar
08 2 cups (248g) all-purpose flour
09 1 cup M&Ms, patriotic colors for decoration
10 ½ cup 'jimmie' sprinkles, red and white for decoration

→ For the Frosting

11 3 tablespoons (38g) unsalted butter, softened
12 1 ½ cups (170g) powdered sugar
13 1 teaspoon vanilla extract
14 ⅙ teaspoon salt
15 2 tablespoons (30ml) heavy whipping cream or milk

Steps

Step 01

Preheat oven to 350°F (175°C). Line a 9” (23 cm) round cake pan with foil and spray with nonstick cooking spray.

Step 02

Beat softened butter and granulated sugar with a hand or stand mixer until creamy. Mix in the egg and vanilla extract. Add baking soda, salt, and cream of tartar, and mix until combined. Gradually add the all-purpose flour. Incorporate M&Ms and sprinkles into the dough.

Step 03

Press the batter evenly into the prepared cake pan. Optionally, press additional M&Ms onto the surface. Bake for 19-22 minutes, or until the edges have a light golden brown color. Avoid overbaking—slightly underdone results in the best texture. Allow the cake to cool completely before adding frosting.

Step 04

Beat softened butter until smooth. Slowly incorporate the powdered sugar until the mixture becomes crumbly. Add salt, vanilla extract, and 1 tablespoon of heavy whipping cream, and beat until the texture is smooth. Add additional cream, a teaspoon at a time, to reach a spreadable consistency.

Step 05

Using a 1M piping tip and ziplock or piping bag, decorate the cooled cookie cake with the frosting. Garnish with additional M&Ms and sprinkles.

Step 06

Store the cake loosely covered at room temperature for up to 2 days.

Tips

  1. Avoid overbaking the cookie cake for a chewier texture, as it continues to cook while cooling.

Required Tools

  • 9-inch (23 cm) round cake pan
  • Hand mixer or stand mixer
  • Piping bag with 1M tip
  • Foil and nonstick cooking spray

Allergy Information

Always check each ingredient for allergens, and consult a medical professional if unsure.
  • Contains dairy (butter, heavy cream)
  • Contains eggs
  • Contains gluten (flour)
  • Contains tree nuts (check M&Ms and sprinkles for processing warnings)

Nutritional Information (per serving)

These details are shared for general guidance and don’t replace professional advice.
  • Calories: 350
  • Fats: 18 g
  • Carbohydrates: 46 g
  • Proteins: 3 g