This sweet and gooey chocolate chip 4th of July Cookie Cake is studded with colorful M&M candies for a bite of chocolate goodness in every slice. Pipe on dollops of whipped cream stars around the edges and garnish with red, white, and blue sprinkles for a festive finish to this patriotic dessert.
Up-level a chocolate chip cookie to a red, white, and blue holiday celebratory cake with this easy recipe. Who doesn’t love a slice of a sweet and buttery oversized cookie that’s been infused with delicious add-ins and decorated to irresistible perfection? No one, that’s who! This 4th of July Cookie Cake will be an instant hit on your holiday dessert table.

Ingredients Needed
For the cookie cake dough batter
Butter – use unsalted and set it out to soften so it will cream easily
Sugars – you’ll need both brown sugar and white granulated sugar
Eggs – for the cookie dough batter
Vanilla Extract – for flavoring
Flour – use regular all-purpose
Salt – for seasoning
Baking Soda – to help the cookie cake rise when baking
Chocolate Chips – I use semi-sweet, but you can use dark or even white chocolate chips
M&Ms – you’ll need red and blue to keep it patriotic

For the frosting
Butter – use unsalted and set it out to soften so it will cream easily
Powdered Sugar – to sweeten the frosting
Milk – to help with creaminess
4th of July Sprinkles – to garnish the top of the cookie cake

How To Make 4th of July Cookie Cake
Note: This is a summary of the recipe steps. For complete instructions, see the recipe card down below.
STEP 1: Make the cookie cake batter. In a stand mixer or using a handheld mixer, cream together the butter and sugars before adding the eggs and vanilla.
STEP 2: Combine the dry ingredients. In a separate bowl, whisk together all-purpose flour, salt, and baking soda.
STEP 3: Add the dry ingredients to the wet ingredients. Slowly add the flour mixture to the wet ingredients and mix until all the flour mixture is incorporated.
STEP 4: Add chocolate chips and M&Ms. Using a spatula, fold in the chips and candy to the cookie dough batter.
STEP 5: Bake. In a prepared pan, evenly press in the cookie dough batter and bake for 20-25 minutes, until golden brown. Remove and let it cool completely before frosting it.
STEP 6: Make the frosting. Cream the butter until smooth and then slowly add in the powdered sugar, vanilla, and milk. Mix until well combined.
STEP 7: Decorate the cookie cake. Add the frosting to a piping bag with a 1M star tip and pipe the frosting around the edge of the cookie cake. Sprinkle with the 4th of July sprinkles.

What Is A Cookie Cake?
A cookie cake is part cookie dough and part cake batter that’s spread into a large cake pan and baked. It comes out as a single-layer large-scale cookie that you slice into wedges. It’s your favorite cookie, just a little thicker and super-sized!

What Size Pan Do I Use?
Traditional cake pans are usually 8 or 9 inches but because this is a super-sized cookie, you’ll need to use a 10-inch cake pan or springform pan. You can also use a sheet pan or 9 x 13 pan, but you may need to reduce the baking time by a few minutes since the dough will be spread more thinly in a larger pan.

Do I Need To Chill The Dough Before Baking?
Good news – no! Just spread it out in the pan and slide it in the oven!

Can I Use Store Bought Frosting?
Absolutely! If you’re short on time or just prefer it, use your favorite brand of store-bought frosting to pipe on the top as decoration.

Pro Tips
- When baking, if you notice the top of the cookie is browning too much, cover it with foil and continue baking.
- Be sure and let the cookie cake cool completely before frosting and decorating it.
- No piping bag? Just add the frosting to a ziplock bag and cut off one of the bottom corners to pipe on dollops of frosting. No need for a fancy tip, especially if you’re adding a smattering of patriotic sprinkles over the top of the frosting and center of the cookie cake!

Variations
- Chocolate Chips: This recipe calls for semi-sweet chocolate chips, but you could easily substitute white chocolate chips to make it a true red, white, and blue cookie cake.
- M&M’s: You can use this same recipe but swap out the red and blue M&Ms for other colors related to other seasonal holidays. For example, for Easter, use pastel M&Ms and sprinkles or just follow my easy Easter Cookie Cake recipe. For Valentine’s Day, use red, white, and pink M&Ms and sprinkles. For other special events, use themed colors and personalize the cookie cake, along with the sprinkles and frosting colors (just tint the frosting with food coloring) to make it fit the occasion.

Is This 4th of July Cookie Cake Freezer-Friendly?
The baked cookie cake, before decorating it, can be cooled completely, wrapped tightly, and frozen for up to 3 months. Thaw at room temperature before adding frosting and decorating it.

Storage
This cookie cake can be stored, tightly covered, on the countertop for 3-4 days or in the refrigerator.
More 4th of July Recipes
American Flag Cupcakes
Red White And Blue Cake with a No-Bake Cheesecake Layer
Patriotic Windmill Cupcakes
Flag Poke Cake Recipe
Red, White, and Blue Dipped Marshmallows
Berry Firecracker Drink
Nettie is a wife and mother who is passionate about cooking and baking. With 5 children, Nettie insists that all meals, snacks, and desserts come together quickly! You will find a wide variety of easy yet scrumptious recipes on her viral website Moore or Less Cooking
Be sure to follow me on Instagram and tag #mooreorlesscooking so I can see all the wonderful recipes that YOU make from this site!
Check out my YOUTUBE with a free email subscription HERE and please share on FACEBOOK and PINTEREST

4th of July Cookie Cake
This sweet and gooey chocolate chip 4th Of July Cookie Cake is studded with colorful M&M candies for a bite of chocolate goodness in every slice. Pipe on dollops of whipped cream stars around the edges and garnish with red, white and blue sprinkles for a festive finish to this patriotic dessert.
Ingredients
- 1 cup butter, divided
- ⅔ cup brown sugar
- ⅓ cup granulated sugar
- 2 eggs
- 2 ½ tsp vanilla extract, divided
- 2 cups all purpose flour
- 1 tsp. Salt
- ¾ tsp baking soda
- ½ cup semi sweet chocolate chips
- ½ cup red and blue M&Ms
- 2 cups powdered sugar
- 1 tbsp. milk
- 4th of July sprinkles- red, white and blue
Instructions
- Gather all of the ingredients.
- Preheat oven to 350 degrees Fahrenheit.
- Spray a 10-inch springform pan, or a 10-inch round cake pan with non-stick spray.
- In a large bowl, beat ½ cup of butter until smooth.
- Add in brown sugar and sugar, and mix well to combine.
- Add eggs and 1 ½ tsp. vanilla and mix again.
- In another bowl, whisk together all-purpose flour, salt, and baking soda.
- Slowly add the dry ingredients to the sugar and butter mixture, mixing until just combined.
- Fold in chocolate chips and M&Ms.
- Press the cookie dough into the prepared pan evenly.
- Bake for 20-25 minutes, until golden brown.
- Allow the cookie cake to cool completely.
- For the frosting, in a large mixing bowl, beat ½ cup butter, until smooth.
- Add in powdered sugar, 1 tsp. Vanilla, and milk. Mix until well combined.
- Add the frosting to a piping bag with a 1M star tip.
- Pipe frosting around the edge of the cookie cake.
- Finally, sprinkle with the 4th of July sprinkles.
- Store any leftovers in an airtight container in the refrigerator. Enjoy!
Notes
Pro Tips
- When baking, if you notice the top of the cookie is browning too much, cover it with foil and continue baking.
- Be sure and let the cookie cake cool completely before frosting and decorating it.
- No piping bag? Just add the frosting to a ziplock bag and cut off one of the bottom corners to pipe on dollops of frosting. No need for a fancy tip, especially if you're adding a smattering of patriotic sprinkles over the top of the frosting and center of the cookie cake!
Recommended Products
As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.
-
Piping Bags
-
Hand Mixer
-
Mixing Bowls
-
Domino Powdered Sugar, 32 Oz
-
Nestle Toll House, Semi-Sweet Chocolate Chip Morsels, 24 oz
-
365 Everyday Value, Baking Soda, 16 oz
-
365 Everyday Value, All-Purpose Flour, 5 lb
-
Rodelle Gourmet Pure Vanilla Extract, 8 Oz
-
C&H, Cane Sugar, Golden Brown, 2lb Bag (Pack of 2)
-
Domino Sugar, Granulated, 4LB Canister
-
Amazon Brand - Happy Belly Unsalted Butter Sticks, 16 oz. (4 Four Oz. Sticks)
-
Sprinkles | Patriotic sprinkles | Red white and blue sprinkles | American sprinkles | Cookie sprinkles | July 4th sprinkles | Manvscakes
-
Russian Piping Tips, 8pcs Stainless Steel Sphere Ball Icing piping Nozzle Tips for Cake Cupcake Decorating, Pastry Fondant Buttercream DIY Baking Tools
-
9½ Inch Cake Pan Set of 3, E-far Stainless Steel Round Cake Baking Pans, Non-Toxic & Healthy, Mirror Finish & Dishwasher Safe
-
Ifuerte 10-Piece Stainless Steel Measuring Cups and Spoons Set
Nutrition Information
Yield
10Serving Size
1Amount Per Serving Calories 576Total Fat 27gSaturated Fat 16gTrans Fat 1gUnsaturated Fat 8gCholesterol 89mgSodium 506mgCarbohydrates 81gFiber 2gSugar 59gProtein 5g
