This post may contain affiliate links. Please read our disclosure policy.
Make an easy American Flag Cake for 4th of July. Use your favorite flavor of cake for the cake portion, then add cool whip and colored shredded coconut in a flag pattern.
The basics of the recipe call for a 9×13 inch cake, shredded coconut, red and blue food coloring, and cool whip. Easy, right?
We decided to make a coconut sheet cake (a 9×13 inch cake) to pair with the coconut topping.
If you’re looking for another cake flavor, try..
See, a flavor to suit anyone’s preferences!
There is so such flavor in the cake and sweetness in the coconut topping I decided to keep the frosting on the cake very light and used cool whip. You could also use homemade whipped cream – I love adding a little bit of vanilla paste to mine!
American Flag Cake Ingredients
- all purpose flour: flour is necessary to build structure
- baking powder: helps to leaven and lift the batter
- salt: just a pinch to balance the sweetness and enhances the other flavors of the cake
- unsalted butter: makes the cake tender and helps with leavening
- granulated sugar: adds sweetness and flavor
- eggs: binds the cake together by providing structure
- coconut extract: adds flavors
- cream of coconut: adds moisture and flavor
- cool whip: used for the topping
- shredded coconut dyed red and blue
How to Dye Shredded Coconut
You’ll need blue and red food coloring to dye the shredded coconut. I find that it’s easiest to use the more watery type of food coloring instead of the gel food coloring when dying the coconut.
Put the coconut in a ziplock bag, add a few drops of the food coloring, close the bag and shake it until all of the coconut is evenly dyed.
How to Assemble an American Flag Cake
Once the cake is completely cooled, spread the cool whip on top of the cake. Next add the blue colored coconut, making a large square in the upper left hand corner of the cake. I just eyeballed mine.. adding more coconut and making the square larger until it looked proportional. Next are the stripes. Start by adding a red stripe, followed by white, red, white, red, white, and ending with red.
Total Time Required
- 10 minutes to prep the batter
- 5 minutes to dye the coconut
- 35 minutes to bake the cake
- 1 hour, at least, to cool the cake
- 10 minutes to frost the cake
How to Properly Measure Flour
Use a spoon to spoon the flour into the measuring cup. Then use a butter knife to level off the excess flour. Do not stick the measuring cup into the bag of flour and do not pack the flour into the cup – both will result in an increase in flour, making your baked goods dry.
How to Make Gluten Free American Flag Cake
This recipe turned out great using gluten free flour! We love King Arthur Gluten Free Measure for Measure Flour. Follow the directions as stated, but substitute gluten free flour for all purpose flour.
More 4th of July Desserts
Tap stars to rate!
American Flag Coconut Cake
Ingredients
Coconut Cake
- 1 ½ cups all purpose flour
- 2 ¼ tsp baking powder
- ¼ tsp salt
- 2 sticks unsalted butter, room temperature, 1 cup
- 1 cup granulated sugar
- 4 large eggs
- ¾ tsp coconut extract flavor
- ⅓ cup cream of coconut*
Topping
- 1 container container of cool whip, 8 oz
- Shredded coconut, about 3 & 1/2 cups
- Red and blue food coloring
Instructions
- Preheat the oven to 350º F.
- Spray a 9×13 inch pan with non-stick cooking spray.
- In a small mixing bowl, combine the flour, baking powder, and salt. Gently mix using a spoon.
- In a larger mixing bowl, combine the butter and sugar, beat using an electric mixer until fluffy. Add in the eggs and coconut extract, lightly beat.
- Add in the cream of coconut, mix by hand using a spatula.
- Add half of the flour mixture to the wet ingredients, do not dump it in, rather take spoonfuls of the flour mixture and gently shake it over the wet ingredients. Fold in the mixture until no flour remains. Repeat with the other half of the flour, folding it in and scraping the sides and bottom of the bowl to incorporate everything.
- Pour the batter into the pan and bake for 30-35 minutes or until a toothpick inserted in the center comes out clean.
- Allow the cake to cool completely to room temperature.
- Place 1/2 cup coconut in a ziploc bag. Add blue food coloring, zip the bag closed and shake until the coconut is evenly dyed.
- Place 1 & 1/2 cups coconut in a ziploc bag. Add red food coloring, zip the bag closed and shake until the coconut is evenly dyed.
- Use a spatula to evenly spread the cool whip on top of the cake.
- Add the blue coconut to the upper left hand corner of the cake, creating a large square. I just eyeballed mine.. adding more coconut and making the square larger until it looked proportional.
- Add the stripes to the cake, alternating between the red and white coconut, beginning and ending with red. Red – white – red – white – red – white – red.
- Serve immediately or refrigerate until ready. Best served the same day it’s assembled.
Notes
Nutrition
Nutrition Disclosure
All nutritional values are approximate and provided to the reader as a courtesy. Changing ingredients and/or quantities will alter the estimated nutritional calculations.
Absolutely gorgeous cake, Beth!! I’m definitely making this for the 4th of July. I would’ve never thought to use coconut as a flag decoration…genius!
This sounds amazing!