American Flag Cookie Cake Recipe

Jump to Recipe

4.67 from 6 votes

Published on June 2, 2023

, Updated on April 12, 2024

—

by Carrie Barnard

This post may contain affiliate links. If you make a purchase through links on our site, we may earn a commission.

Memorial Day and 4th of July is just around the corner. You will definitely impress your family with this delicious American Flag Cookie Cake. Not only does it look so festive but it tastes amazing.

This American Flag Cookie Cake Recipe is super simple to make. It is the best 4th of July dessert recipe . You will be shocked how easy it is to make.

This gorgeous American Flag cake is actually so simple to make. It decorates in no time and is a blast to eat. Get the kids involved on this one because they can make this with you.

I like to make and bake the cookie cake but the kids get to decorate it. This is the perfect 4th of July dessert for them to decorate. There are many fun ways to make this cake. You can even start with a sugar cookie base.

Impress your family and friends this holiday season with this fun and festive cookie cake. We love making red white and blue home recipes desserts and this one is always on the list. Check out these other 23 Easy 4th of July Cookies.

Equipment you need:

All you really need is a 9×13 cake pan. I love my Wilton 9×13 cake pan. It is sturdy, has straight sides, and it isn’t very expensive at all.

Unsalted Butter
Sugar
Brown Sugar
Vanilla Extract
Eggs
All Purpose Flour
Salt
Baking Soda
Chocolate Chips

Ingredients to Decorate:

Vanilla Buttercream Frosting (or a tub of store bought frosting)
Red White and Blue M&M’s. You will find them at your local store around 4th of July.

Step 1 – Mix Wet Ingredients – In medium bowl, beat butter, sugar, brown sugar, and vanilla until light and fluffy. Add eggs, one at a time, beating well. I like to beat with paddle attachment in a bowl of a stand mixer.
Step 2 – Add in flour mixture – Slowly add flour, salt, and baking soda, beating until well blended.
Step 3 – Mix in Chocolate Chips – Stir in chocolate chips by hand to cookie mix.
Step 4 – Spread in Pan – Spread in greased 9×13 baking sheet or line with parchment paper. I love my Wilton 9×13 cake pan. Personally, I like to cover in foil and then grease the foil. It makes removing the cookie cake much easier.
Step 5 – Bake Cookie – Bake at 375 degrees F for 20-25 minutes under golden brown in the oven. Cool cookie in pan on a cooling rack and then remove and place on serving platter.

Step 1 Spread Icing – Once the cookie cake is cooled completely. Spread icing all over the cookie cake for a thin even layer.
Step 2 – Separate M&M’s – Separate your red white and blue m&ms. Get the kids involved on this.
Step 3 – Add Blue M&M’s – Add your rectangle of blue M&Ms on the upper left corner of the cake. My rectangle is 8 M&Ms long and 6 M&Ms tall.
Step 4 – Add Red M&M’s – Then begin your stripes. I did 2 rows of red, then 2 rows of white, then 2 rows of red, etc… You should end of up with 4 red stripes and 3 white stripes.
Step 5 – Finish Decorating – Get the kids involved to make this. They love this part and it is a fun to get everyone involved. All of the red white and blue looks amazing.

Room Temperature Ingredients – We recommend starting with room temperature ingredients. This creates a smooth and creamy texture with everything is mixed together.
Mixing Ingredients – We recommend using a stand mixer or a hand mixer to combine ingredients.
Prepare Baking Pan – Make sure to spray the sheet pan with cooking spray. You can also line with foil or parchment paper. This helps for easy clean up.
Slice Cookies – When American Flag Cookie is ready to slice, use a sharp knife to cut.
Baking Cookie – The cookie base will cook in about 30 minutes. Make sure to watch closely to cookie doesn’t burn.
Frosting Cookie – Make sure that the cookie has cooled before adding the frosting and decorating. My kids love to decorate this American Flag Cookie.

Sugar Cookie Base – For a fun twist on this recipe, you can easily change the cookie to sugar cookie dough. American Flag Sugar Cookie Cake is delicious topped with a cream cheese frosting. Top with frosting and fresh fruit such as strawberries, blueberries and raspberries.
Change the Frosting – Feel free to make homemade icing or you can use store bought frosting.
Change Candy – We like using M&M’s, but you can use different types of candy or fruit. You may also like this M&M Cookie Cake.

How to Store Leftovers:

Store cookie cake in the refrigerator until ready to serve. We recommend covering with plastic wrap while storing. This cookie cake will stay fresh up to 3 to 4 days.

This is the perfect dessert to make ahead of time.