This post may contain affiliate links. Please read my disclosure and privacy policy.

This oat flour Flag Cake is a fun, patriotic treat for a holiday weekend. It’s naturally dairy-free and gluten-free, and there are tons of options below to help you customize it to your needs.

oat flour flag cake topped with berries

This cake is the result of some experimenting I’ve done this week. I was testing different brands of coconut milk to make dairy-free whipped cream, and I’ve also been testing a new oat flour cake recipe.

Why not combine them and turn them into a dessert for the Fourth of July? This also works for Memorial Day and Labor Day. You can even make it into a Canadian Flag, using only strawberries, for Canada Day.

Why You’ll Love It

  • It’s gluten-free. Made with oat flour, this cake is naturally gluten-free, but be sure to make sure the flour you’re using is “certified gluten-free” to prevent contamination during processing.
  • It’s dairy-free. The batter uses coconut oil instead of butter, and the cake is frosted with coconut whipped cream. (Or, use my vegan cream cheese frosting.)
  • It’s naturally sweetened. The cake is naturally sweetened with coconut sugar. Feel free to use any other granulated sugar you have on hand, though!
  • It feeds a crowd. This cake yields 15 large slices, or more if you prefer to slice it smaller.
  • It’s easy to decorate. No artificial food dyes are required to make this red, white, and blue cake. Slice some strawberries and have a cup of blueberries ready to go.
  • You can make it ahead. Bake the cake the night before, and keep it in the fridge tightly covered overnight. You can frost and add the berries shortly before serving. (The berries can start to sweat into the white frosting if you prepare this too far in advance, FYI.)
toppings added to flag cake

Keep in mind that this flag cake is more of a general idea than a recipe that you have to follow 100% accurately.

If you want to use a different cake base, try:

Need a vegan recipe? Try these toppings on my Vegan Chocolate Cake, which is naturally grain-free and gluten-free.

Detoxinista Tip

If you’re using a different cake recipe that only makes one 8-inch cake, you must double the ingredients to fill a 9-by-13-inch pan. I’ve found that the baking time also needs to increase from 30 minutes to closer to 45 minutes when baking a cake this size, but be sure to keep an eye on the cake after the 35-minute mark, just to be sure.

How to Make a Flag Cake

  1. Stir. Start by whisking together the dry ingredients to break up any clumps. Then, add the wet ingredients and mix until smooth.
  2. Bake. Pour the batter into a greased 9-by-13-inch pan (or a similar rectangle pan for a flag shape) and bake until a toothpick inserted in the center comes out clean, about 45 minutes.
  3. Cool. Let the cake cool completely so the toppings won’t melt! I like to place mine in the fridge so it is cold when I frost it.
  4. Decorate! Top with coconut whipped cream or your favorite frosting, then add the blueberries and sliced strawberries. I usually can squeeze in about four rows of strawberry “stripes,” so it won’t be a perfect American flag, but I think you get the idea.
finished flag cake by bowl of berries

Flag Cake Frosting Ideas

Coconut Whipped Cream or your favorite store-bought whipped cream is the easiest topping for a flag cake. You can also make cream cheese frosting, if you prefer!

Use my dairy-free cream cheese for this idea:

  • 1/2 cup vegan cream cheese, at room temperature
  • 3 to 4 cups organic powdered sugar
  • 1/2 teaspoon vanilla extract

Stir the ingredients in a large bowl, starting with just 1 cup of powdered sugar at a time, until it’s as thick as you’d like. This is not the type of frosting that can be “piped” or that will set. It remains relatively runny, so keep that in mind. My family didn’t care, since it tasted good!

Or, try my Vegan Cream Cheese Frosting made with white sweet potatoes.

oat flour flag cake topped with berries

Flag Cake

5 from 3 votes
This patriotic cake is baked in a rectangular pan for a "flag shape" and then topped with fresh berries to look like an American Flag! It's perfect for Fourth of July, Memorial Day, or any summer party.
prep20 mins cook45 mins total1 hr 5 mins
Servings:15

Ingredients
 
 

  • 3 cups oat flour (400 grams)
  • 2 1/4 cups coconut sugar (367 grams)
  • 4 large eggs (200 grams)
  • 3/4 cup melted coconut oil (158 grams)
  • 1 1/2 teaspoons baking soda (9 grams)
  • 3/4 teaspoons salt (6 grams)
  • 2 tablespoons vanilla extract (17 grams)
  • 1 1/2 cups water

Toppings

  • 2 heaping cups Coconut Whipped Cream (or 2 cups of your favorite frosting)
  • 1 pound sliced strawberries
  • 1 cup fresh blueberries

Instructions

  • Preheat the oven to 350ºF and grease a 9-by-13-inch pan well. In a large bowl, combine the flour, sugar, baking soda, and salt, and whisk well, until there are no visible clumps.
    dry ingredients mixed together
  • Add in the eggs, oil, water, and vanilla, and stir again, until the batter looks smooth. Pour it into the prepared pan and bake for 40 to 45 minutes, or until a toothpick comes out clean when inserted in the center.
    wet ingredients mixed and added to pan
  • Let the cake cool completely before frosting. I like to place it in the fridge to cool, so the cake will be chilled when I frost it. Top the cake with coconut whipped cream or your favorite frosting (see recipe ideas in the post above), then top with sliced strawberries and blueberries to make an American Flag look, with the blueberries in the top left corner, and the strawberries making red "stripes."
    frosting and toppings added to cake
  • Serve this cake chilled, soon after adding the fruit. The sliced strawberries may start to sweat into the frosting if they sit for too long at room temperature. Store any leftovers in an airtight container in the fridge for up to 3 days. If you're planning to make this cake ahead of time, don't add the fruit until just before serving.
    finished flag cake with slice removed

Notes

Nutrition information is for 1 of 15 slices, using full-fat coconut milk as the whipped topping. This will vary based on what type of frosting (and how much) you use. This is automatically calculated, and is just an estimate, not a guarantee.

Nutrition

Calories: 399kcal | Carbohydrates: 42g | Protein: 6g | Fat: 24g | Saturated Fat: 19g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 2g | Cholesterol: 50mg | Sodium: 301mg | Potassium: 262mg | Fiber: 2g | Sugar: 19g | Vitamin A: 78IU | Vitamin C: 19mg | Calcium: 34mg | Iron: 3mg
Course: Dessert
Cuisine: gluten-free
Keyword: flag cake, healthy

If you try this Flag Cake, please leave a comment below letting me know how you like it. And if you make any modifications, I’d love to hear about those, too.

Reader Feedback: What’s your favorite treat to make for Fourth of July?

Megan Gilmore leaning on her white countertop.

Megan Gilmore

Hi, I’m Megan. A former fast food junkie turned best-selling cookbook author. As a Certified Nutritionist Consultant (CNC), I love to make healthier food using simple ingredients. I test these recipes multiple times in my kitchen to make sure they will turn out perfectly for you.

Read More

You May Also LIke

Leave a Review!

I love hearing from you! Submit your question or review below. Your email address will not be published. Required fields are marked*.

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.

Comments