Love this? Save it for later!
Share the inspiration with your friends
“You know that feeling when the smell of fresh cake baking takes you straight back to a summer afternoon, surrounded by laughter and the buzz of a backyard barbecue?” That’s exactly what happened to me last Fourth of July. I was at my friend Jamie’s house, who, surprisingly, isn’t much of a baker. Yet, she was whipping up this stunning American Flag Cake that looked like it belonged on a magazine cover. I wasn’t expecting much since she mentioned it was gluten-free, and honestly, I’ve had my fair share of gluten-free bakes that fell a bit flat. But as soon as I took a bite, I was hooked. The cake was moist, tender, and packed with wholesome flavors that didn’t scream “special diet” at all.
Jamie told me she’d found the recipe scribbled on a napkin at a local farmers market booth, where a home baker was sharing samples. She made a few tweaks, adding her own secret ingredients to boost both nutrition and flavor. I remember spilling a bit of the red berry compote on the kitchen counter (classic me) and Jamie laughing it off, saying, “That’s part of the fun.” The way the blueberries and strawberries popped against the white frosting was just beautiful—a true celebration in every bite.
Since that day, I’ve been recreating and refining this Wholesome Gluten-Free American Flag Cake for all my summer get-togethers and patriotic celebrations. It’s not just about the look, though that’s impressive enough; it’s about the satisfying texture and wholesome ingredients that make it a crowd favorite. Maybe you’ve been there too—wanting to enjoy a festive dessert without the gluten hassle or heavy guilt. Well, this recipe’s got you covered, and I can’t wait to share all the details with you.
Why You’ll Love This Recipe
I’ve tested this Wholesome Gluten-Free American Flag Cake countless times, tweaking it until it was just right. It’s genuinely one of those recipes you can rely on when you want something festive but also nourishing.
- Quick & Easy: You can have this cake ready in just under two hours, including baking and decorating—perfect when time’s tight but celebration’s calling.
- Simple Ingredients: No need to hunt down obscure gluten-free flours or fancy toppings. Most of the ingredients are pantry staples or easy to find at your local store.
- Perfect for Patriotic Celebrations: Whether it’s July 4th, Memorial Day, or any summer party, this cake brings the festive spirit front and center.
- Crowd-Pleaser: I’ve brought this to potlucks and family dinners, and it always disappears fast—kids, adults, gluten-sensitive folks, everyone loves it.
- Unbelievably Delicious: The moist crumb, balanced sweetness, and fresh berry accents make it a standout among gluten-free cakes.
What makes this recipe different? Well, for one, it uses a blend of almond and oat flours to create a tender but sturdy crumb that holds up beautifully under the layers of frosting and fruit. Plus, the homemade berry compote adds a fresh, vibrant touch that’s both colorful and flavorful. I’ve also swapped in coconut yogurt for extra moisture and a subtle tang that pairs wonderfully with the vanilla frosting. Honestly, it’s the kind of cake that makes you close your eyes after the first bite and savor the moment.
So, if you’ve been hunting for a gluten-free dessert that’s wholesome, festive, and genuinely delicious, this American Flag Cake just might become your go-to recipe for patriotic celebrations.
What Ingredients You Will Need
This Wholesome Gluten-Free American Flag Cake keeps things straightforward with easy-to-find ingredients that come together for a flavorful and textured treat. The mix of almond and oat flour gives the cake a moist crumb, while the coconut yogurt keeps it light and tender. The fresh berries and berry compote add that classic red and blue pop, making it as beautiful as it is tasty.
- For the Cake Batter:
- 1 ½ cups almond flour (I prefer Bob’s Red Mill for consistent texture)
- 1 cup oat flour (you can make your own by grinding oats in a food processor)
- 1 tsp baking powder (gluten-free certified)
- ½ tsp baking soda
- ¼ tsp salt
- ¾ cup coconut sugar (adds a subtle caramel note)
- 3 large eggs, room temperature
- ½ cup coconut yogurt (full-fat for best moisture, or dairy-free yogurt if preferred)
- ½ cup unsweetened almond milk (or any nut milk)
- 1 tsp pure vanilla extract
- 2 tbsp melted coconut oil (for richness)
- For the Berry Compote:
- 1 cup fresh strawberries, hulled and chopped
- ½ cup fresh blueberries
- 2 tbsp pure maple syrup (or honey if not vegan)
- 1 tsp freshly squeezed lemon juice
- For the Frosting:
- 1 cup cream cheese, softened (or dairy-free cream cheese)
- ½ cup unsalted butter, softened (or vegan butter)
- 2 cups powdered sugar, sifted
- 1 tsp vanilla extract
- 2 tbsp milk or nut milk, as needed for consistency
- For Decoration:
- Extra fresh blueberries and strawberries for the flag design
- A handful of edible white flowers (optional, for an elegant touch)
Tip: In summer, I swap fresh berries with frozen if I can’t find ripe ones, just thaw and drain excess liquid first to avoid soggy cake layers. For a gluten-free oat flour option, make sure your oats are certified gluten-free to keep the recipe safe.
Equipment Needed
You won’t need fancy gadgets for this Wholesome Gluten-Free American Flag Cake—just some basic tools to get you through smoothly.
- Two 8-inch round cake pans (non-stick or lined with parchment paper for easy release)
- Mixing bowls (at least two: one for dry ingredients, one for wet)
- Electric hand mixer or stand mixer (while whisking by hand is possible, a mixer makes the frosting silky smooth)
- Rubber spatula for folding in ingredients gently
- Measuring cups and spoons (accuracy is key with gluten-free baking!)
- Cooling racks to let your layers cool evenly and prevent sogginess
- Small saucepan for simmering the berry compote
- Offset spatula or butter knife to spread frosting evenly
If you don’t have two cake pans, you can bake the batter in one pan in two batches, but it’ll take a bit longer. I’ve also used silicone pans before, which work fine but might need extra cooling time. When it comes to mixer maintenance, make sure to clean beaters immediately after use to avoid hardened sugar sticking around.
Preparation Method

- Preheat your oven to 350°F (175°C). Grease two 8-inch cake pans and line the bottoms with parchment paper for easy removal. Set aside.
- Prepare dry ingredients: In a large bowl, whisk together the almond flour, oat flour, baking powder, baking soda, salt, and coconut sugar until well combined. This ensures the leavening agents are evenly distributed.
- Mix wet ingredients: In a separate bowl, beat the eggs lightly. Add the coconut yogurt, almond milk, vanilla extract, and melted coconut oil. Whisk until smooth and creamy.
- Combine wet and dry: Pour the wet ingredients into the dry and gently fold together with a rubber spatula. Be careful not to overmix—just enough to combine. The batter should be thick but pourable.
- Divide batter evenly between the prepared pans and smooth the tops with a spatula. If you want perfectly level layers, gently tap the pans on the counter a couple of times to release air bubbles.
- Bake for 25-30 minutes, or until a toothpick inserted in the center comes out clean. Oven temperatures vary, so start checking around 23 minutes. You want the edges to be golden and the center set but still moist.
- Cool completely on wire racks. Resist the urge to frost warm cakes—that leads to melting and sliding layers. I usually let mine rest about an hour, or pop them in the fridge for 30 minutes if I’m short on time.
- While the cakes cool, make the berry compote: Combine strawberries, blueberries, maple syrup, and lemon juice in a small saucepan over medium heat. Let simmer gently for 10-12 minutes, stirring occasionally until the berries break down and the mixture thickens slightly. Set aside to cool.
- Prepare the frosting: Beat the cream cheese and butter together until smooth and fluffy. Gradually add powdered sugar and vanilla extract, mixing well. Add milk a little at a time until desired consistency is reached—spreadable but firm enough to hold shape.
- Assemble the cake: Place one cake layer on your serving plate. Spread a thin layer of frosting, then spoon about half the berry compote over it, spreading gently. Top with the second cake layer.
- Frost the top and sides evenly with the remaining frosting. Use an offset spatula to smooth the surface as best you can.
- Decorate the top with fresh blueberries arranged in the upper left corner as the “blue field” of the flag. Use sliced strawberries to create the red stripes, leaving white frosting as the white stripes. Add edible flowers if using, for a subtle extra touch.
- Chill the cake for at least 30 minutes before serving to let the flavors meld and the frosting set. This also makes slicing easier and cleaner.
Pro tip: If you find your frosting is too soft to work with, pop it in the fridge for 10 minutes and then try again. Also, be patient while assembling—the berry compote can be a little juicy, so gentle spreading helps keep layers neat.
Cooking Tips & Techniques
Gluten-free baking can sometimes feel like a puzzle, but a few tricks make all the difference with this Wholesome Gluten-Free American Flag Cake.
- Measure flours carefully: Gluten-free flours vary widely in texture. I’ve had best results weighing almond and oat flour with a kitchen scale to avoid dense or crumbly cakes.
- Don’t skip the coconut yogurt: It’s the secret weapon for moisture and tenderness. Tried swapping it with regular yogurt? It works, but coconut yogurt adds a subtle richness I love.
- Mix gently: Overmixing gluten-free batter can make cakes tough. Fold ingredients just until combined to keep the crumb light.
- Use room temperature eggs and dairy: This helps emulsify the batter better and avoids lumps in frosting.
- Chill frosting if needed: Warm kitchens make cream cheese frosting a little tricky. A quick chill helps firm it up, making spreading easier without breaking the cake layers.
- Berry compote consistency: If it seems too runny, simmer a bit longer to thicken. For a chunkier texture, mash some berries lightly with a fork while cooking.
- Timing your assembly: Assemble the cake only once the layers and compote are cool to avoid melting or sogginess. I recommend assembling right before your event for best freshness.
One time, I forgot to add the baking soda and ended up with a flatter cake—lesson learned! Also, when decorating, using a small offset spatula lets you finesse the frosting edges without tearing the crumb. Trust me, these little details make your cake look polished and professional.
Variations & Adaptations
This recipe is flexible enough to fit various dietary needs and flavor preferences. Here are some ideas I’ve tried or recommend:
- Vegan Version: Substitute eggs with flax eggs (1 tbsp flaxseed meal + 3 tbsp water per egg) and use dairy-free cream cheese and butter alternatives. The coconut yogurt and maple syrup keep it moist and sweet.
- Nut-Free Option: Replace almond flour with extra oat flour or a gluten-free all-purpose blend, though the texture will be slightly different—denser but still tasty.
- Different Fruit Flags: Use raspberries and blackberries if strawberries or blueberries aren’t in season. You can also try a tropical flag with mango slices and kiwi for a fun twist.
- Mini Cakes or Cupcakes: Bake the batter in muffin tins for handheld patriotic treats. Adjust baking time to about 18-20 minutes.
- Spiced Variation: Add ½ tsp cinnamon and a pinch of nutmeg to the batter for a warm, cozy flavor that’s great for cooler patriotic holidays like Veterans Day.
Personally, I once swapped the frosting for a whipped coconut cream topping during summer picnics—it was a hit and made the cake even lighter. Feel free to experiment and find your favorite version!
Serving & Storage Suggestions
This Wholesome Gluten-Free American Flag Cake is best served chilled or at room temperature. The chilled frosting holds its shape nicely, and the berry compote is refreshingly cool against the tender crumb.
For a festive presentation, I like to serve it on a simple white platter to let the red, white, and blue colors pop. Pair it with a cold glass of homemade lemonade or iced tea for a classic summer vibe.
Store leftovers in an airtight container in the refrigerator for up to 4 days. The flavors actually deepen after a day, making it even more delicious. If you want to freeze it, slice into portions and wrap each piece tightly in plastic wrap and foil before freezing. Thaw in the fridge overnight and bring to room temperature before serving.
When reheating, I recommend letting slices sit out for about 15-20 minutes—microwaving can make the frosting messy. This cake holds up surprisingly well, so you can enjoy it a day or two after baking without losing any charm.
Nutritional Information & Benefits
Each slice of this Wholesome Gluten-Free American Flag Cake packs a balanced mix of nutrients thanks to its wholesome ingredients.
- Calories: Approximately 320 per slice (1/12th of cake)
- Protein: 6 grams (from almond flour and eggs)
- Healthy fats: From coconut oil and almond flour, supporting sustained energy
- Natural sweetness: Coconut sugar and maple syrup instead of refined white sugar
- Fiber: Oat flour and fresh berries provide dietary fiber supporting digestion
Key benefits include gluten-free ingredients ideal for those with sensitivities or celiac disease, plus antioxidants from the berries. The cake is dairy-friendly if you choose dairy-free options, and free of artificial additives or preservatives. I personally appreciate how it satisfies my sweet tooth without the usual sugar crash or heavy feeling afterward.
Conclusion
In case you’re wondering if this Wholesome Gluten-Free American Flag Cake really lives up to the hype—trust me, it does. It’s the kind of recipe that brings people together, looks stunning on your dessert table, and tastes like a true celebration of summer and patriotic spirit.
Feel free to customize the berry toppings or try one of the variations to make it your own. I love this cake because it proves gluten-free doesn’t mean flavor-free, and it’s perfect for anyone who wants a festive dessert that’s a little kinder to their body without sacrificing fun.
Try making this cake for your next holiday get-together and see how it becomes a favorite fast. And hey, I’d love to hear how you personalize it—drop a comment below or share your photos. Let’s keep the celebration going!
FAQs
Can I make this cake ahead of time?
Yes! You can bake the cake layers a day in advance and store them wrapped in plastic wrap at room temperature or in the fridge. Assemble and decorate the cake the day you plan to serve it for the freshest taste.
Is this cake suitable for people with nut allergies?
The recipe uses almond flour, so it’s not safe for those with nut allergies. However, you can substitute almond flour with extra oat flour or a gluten-free all-purpose blend to make it nut-free.
How do I keep the frosting from melting in warm weather?
Keep the cake refrigerated until just before serving. If your kitchen is warm, chill the frosting before spreading and assemble the cake in a cool space to prevent melting.
Can I use frozen berries for the compote?
Absolutely! Just thaw and drain any excess liquid before cooking to avoid a soggy compote. Frozen berries often work well since they’re picked at peak ripeness.
What’s the best way to store leftover cake?
Store leftovers in an airtight container in the refrigerator for up to 4 days. For longer storage, freeze individual slices wrapped tightly, then thaw overnight in the fridge before serving.
Pin This Recipe!

Wholesome Gluten-Free American Flag Cake
A moist, tender, and wholesome gluten-free cake perfect for patriotic celebrations, featuring almond and oat flours, coconut yogurt, fresh berries, and a creamy vanilla frosting.
- Prep Time: 20 minutes
- Cook Time: 30 minutes
- Total Time: 1 hour 20 minutes
- Yield: 12 servings 1x
- Category: Dessert
- Cuisine: American
Ingredients
- 1 ½ cups almond flour
- 1 cup oat flour
- 1 tsp gluten-free baking powder
- ½ tsp baking soda
- ¼ tsp salt
- ¾ cup coconut sugar
- 3 large eggs, room temperature
- ½ cup coconut yogurt (full-fat or dairy-free)
- ½ cup unsweetened almond milk (or any nut milk)
- 1 tsp pure vanilla extract
- 2 tbsp melted coconut oil
- 1 cup fresh strawberries, hulled and chopped
- ½ cup fresh blueberries
- 2 tbsp pure maple syrup (or honey)
- 1 tsp freshly squeezed lemon juice
- 1 cup cream cheese, softened (or dairy-free cream cheese)
- ½ cup unsalted butter, softened (or vegan butter)
- 2 cups powdered sugar, sifted
- 1 tsp vanilla extract
- 2 tbsp milk or nut milk, as needed for consistency
- Extra fresh blueberries and strawberries for decoration
- A handful of edible white flowers (optional)
Instructions
- Preheat oven to 350°F (175°C). Grease two 8-inch cake pans and line bottoms with parchment paper.
- In a large bowl, whisk together almond flour, oat flour, baking powder, baking soda, salt, and coconut sugar.
- In a separate bowl, beat eggs lightly. Add coconut yogurt, almond milk, vanilla extract, and melted coconut oil; whisk until smooth.
- Pour wet ingredients into dry ingredients and gently fold with a rubber spatula until combined. Batter should be thick but pourable.
- Divide batter evenly between prepared pans and smooth tops. Tap pans gently to release air bubbles.
- Bake for 25-30 minutes or until a toothpick inserted in the center comes out clean. Edges should be golden and center set but moist.
- Cool cakes completely on wire racks. Chill in fridge for 30 minutes if short on time.
- Make berry compote by combining strawberries, blueberries, maple syrup, and lemon juice in a small saucepan over medium heat. Simmer for 10-12 minutes until berries break down and mixture thickens. Cool.
- Prepare frosting by beating cream cheese and butter until smooth and fluffy. Gradually add powdered sugar and vanilla extract. Add milk a little at a time until spreadable consistency is reached.
- Assemble cake by placing one layer on serving plate. Spread thin layer of frosting, then half the berry compote. Top with second cake layer.
- Frost top and sides evenly with remaining frosting using an offset spatula.
- Decorate top with fresh blueberries in upper left corner and sliced strawberries for red stripes, leaving white frosting as white stripes. Add edible flowers if desired.
- Chill cake for at least 30 minutes before serving to set frosting and meld flavors.
Notes
Use certified gluten-free oats for oat flour. Swap fresh berries with frozen if needed, thaw and drain excess liquid first. Chill frosting if too soft before spreading. Assemble cake only when layers and compote are cool to avoid melting or sogginess. For vegan version, substitute eggs with flax eggs and use dairy-free cream cheese and butter. Nut-free option available by replacing almond flour with extra oat flour or gluten-free all-purpose blend.
Nutrition
- Serving Size: 1 slice (1/12th of c
- Calories: 320
- Sugar: 15
- Sodium: 150
- Fat: 22
- Saturated Fat: 7
- Carbohydrates: 25
- Fiber: 4
- Protein: 6
Keywords: gluten-free cake, American flag cake, patriotic dessert, almond flour cake, oat flour cake, berry compote, coconut yogurt, dairy-free option, Fourth of July dessert


