Go Back
4th of july cookie cake recipe

Delicious 4th of July Cookie Cake Recipe You’ll Love

Enjoy this 4th of July cookie cake recipe, a delightful dessert with chewy, chocolatey goodness and festive M&Ms, perfect for summer celebrations.
Prep Time 15 minutes
Cook Time 20 minutes
Cooling Time 10 minutes
Total Time 35 minutes
Course Dessert
Cuisine American
Servings 12 slices
Calories 320 kcal

Equipment

  • 10-inch springform pan
  • - Mixing bowls
  • - Electric mixer
  • Piping bag
  • Whisk

Ingredients
  

For the Cookie Base

  • 1 cup butter, divided Use softened butter for easy mixing and rich flavor.
  • cup brown sugar Adds moisture and a hint of caramel flavor.
  • cup granulated sugar Balances sweetness and contributes to a chewy texture.
  • 2 eggs Vital for binding and providing structure.
  • 2 ½ tsp vanilla extract, divided Enhances flavor profile.
  • 2 cups all-purpose flour Foundation ensuring it holds shape.
  • 1 tsp salt Enhances flavors and balances sweetness.
  • ¾ tsp baking soda Helps the cookie cake rise.
  • ½ cup semi-sweet chocolate chips Adds chocolatey bits.
  • ½ cup red and blue M&Ms For festive decoration.

For the Frosting

  • 2 cups powdered sugar Provides sweetness and perfect frosting texture.
  • ½ cup butter Adds creaminess and richness.
  • 1 tbsp milk Adjusts frosting consistency.

For Decorating

  • 4th of July sprinkles Pretty finishing touch.

Instructions
 

Making the Cookie Cake

  • Preheat oven to 350°F (175°C).
  • Prepare a 10-inch springform pan with non-stick spray.
  • Cream ½ cup softened butter until smooth.
  • Mix in brown sugar and granulated sugar until combined.
  • Add eggs and 1 ½ tsp vanilla extract.
  • Whisk together flour, salt, and baking soda in another bowl.
  • Gradually mix dry ingredients into butter mixture until just combined.
  • Gently fold in chocolate chips and red-and-blue M&Ms.
  • Press cookie dough into prepared pan evenly.
  • Bake for 20-25 minutes until edges are golden and the center is set.
  • Cool completely on a wire rack.

Making the Frosting

  • Beat ½ cup softened butter until smooth for frosting.
  • Gradually mix in powdered sugar, 1 tsp vanilla, and milk until fluffy.
  • Pipe the frosting around the edge of the cookie cake.
  • Optional: Top with additional 4th of July sprinkles.

Notes

Customize add-ins as desired; refrigerate frosting if too soft to pipe.
Keyword 4th of July, baking, celebration, cookie cake, dessert, Summer