Healthy 4th of July Cookie Cake Recipe

To my American readers: here is how to impress your 4th of July BBQ guests. Introducing this adorable and healthy 4th of July cookie cake recipe.

This Healthy Fourth of July Cookie Cake is perfect for a festive dessert that doesn't go overboard on sweetness! Get this healthy dessert recipe and more from @fannetasticfood!

This patriotic recipe is my latest Almond Breeze partnership creation, and it’s a pretty cute one, if I do say so myself. (Looking for a gluten free and/or vegan option? Check out last year’s patriotic creation: No Bake Blueberry Custard Pie.)

4th of july cookie cake 9

This cookie cake is easy to make, tasty, and won’t give you a massive sugar crash like most recipes like it, either. #winning

It’s packed with fiber from the whole wheat pastry flour (be sure to use pastry flour, not regular whole wheat flour) and oats and has a nice added vanilla punch without any extra sugar from Almond Breeze Almondmilk Unsweetened Vanilla. As for the icing? It’s actually just vanilla Greek yogurt, which makes this recipe super easy AND adds a nice protein punch to the mix.

4th of july cookie cake 8

Not to mention all the nutrients the berries bring to the mix! No food dye needed here. :)

4th of july cookie cake 6

4th of july cookie cake 7

I call this a cookie cake because that exactly what it is: a mix between a cookie and a cake! The texture and flavor is somewhere in between an oatmeal cookie and a vanilla cake; crispy around the edges, chewy but fluffy in the middle, and nice and vanilla-y.

4th of july cookie cake 11

This would actually make a great breakfast or afternoon snack, too. :)

To make it, simply whisk together the dry and wet ingredients separately, then add the wet to dry, mixing gently until a dough forms.

4th of july cookie cake recipe healthy easy

Then pat the dough into a baking pan, bake 25 minutes, and it’s ready to be decorated!

4th of july cookie cake 2

Be sure to use vanilla GREEK yogurt – not regular yogurt – as your icing; the regular kind won’t be thick enough to stay put. I recommend full fat if you can find it, too. If you’re vegan, I bet a thick vegan yogurt would do the trick instead.

4th of july cookie cake 3

With your blank canvas ready, it’s time to make your flag – or whatever else you like! Feel free to get creative depending on the season/holiday.

4th of july cookie cake 4

The full recipe is below. Have fun and enjoy! This would be a great one to make with kids – I think they would have a lot of fun making the flag topping. :)

4th of july cookie cake 10

Serves 12     adjust servings

Healthy 4th of July Cookie Cake

Prep Time 20 MINUTES Prep Time
Cook Time 25 MINUTES Cook Time
Total Time 45 mins Total Time


  • 1 cup whole wheat pastry flour
  • 1 cup old fashioned oats
  • 1/2 cup cane sugar
  • 1/4 teaspoon salt
  • 1/4 teaspoon baking soda
  • 3 tablespoons vegetable oil or melted coconut oil
  • 6 tablespoons Almond Breeze Almondmilk Unsweetened Vanilla
  • 6 ounces vanilla Greek yogurt
  • Assorted berries, for garnish


  1. Preheat the oven to 350 degrees F.
  2. Whisk together the flour, oats, cane sugar, salt, and baking soda in a large bowl.
  3. Add the vegetable oil and almondmilk, stir until a dough forms. Pat the dough into a greased, foil-lined 11x7 inch baking pan.
  4. Bake for 25 minutes, until the edges are golden brown and the center is set. Allow to cool, then remove from the pan and peel back the foil.
  5. Spread the Greek yogurt evenly over the cake and top with berries.


Have a wonderful holiday weekend, my friends! I’ll be taking tomorrow off, so I’ll see you back here on Monday!

What’s your favorite 4th of July BBQ treat? I share some more ideas in this post: Healthy 4th of July BBQ recipes. The patriotic strawberries at the end of that post are one of my all-time faves!


Thank you to my friends at Blue Diamond Almond Breeze Almondmilk for sponsoring this post. Previous Almond Breeze sponsored recipe creations:


  1. 1

    YUM! I love these kinds of deserts!

  2. 2

    YUM! definitely want to make this. However I never can find whole wheat pastry flour. What is the difference between that and regular whole wheat flour?

    • 3

      Pastry flour is a lot softer/lighter than regular whole wheat flour – it creates a less dense baked good. It’s basically a way to use all whole wheat but without your final product being super dense/gummy/intense. You can just use regular flour in place of it if you want.

  3. 8

    great, thank you! i only have fresh market near me but will try whole foods in atlanta this weekend!

  4. 9

    Beautiful photos! I love oatmeal cookies, and this looks like such a tasty twist on them that’s perfect for the holiday.

  5. 10

    Looks delicious! I love festive 4th of July cakes that pop with color like this one.

  6. 11

    I saw the picture you posted yesterday and have been waiting for the recipe. Thanks! I can’t wait to share it on our company Facebook page too. I’m always looking for great high fiber options to traditional sweets.

  7. 13

    Hi Anne,
    This looks wonderful! Can I use the Quaker 3 minute quick cooking steel cut oats?

    • 14

      I’d recommend rolled or old fashioned here. .. steel cut texture is quite different, although I haven’t tried the 3 minute ones!

  8. 15
    Roadrunner says

    Wow! Looks super! Happy 4th!

  9. 16

    Yum! I bet whipped coconut cream would be a good sub for the yogurt too!

  10. 18

    This looks so good! I love flag cakes! :)

  11. 19
    Amna Husain says

    Hi! This is a weird question, but did you happen to be at the Safeway today in Arlington? I think I saw you a few times (or someone who looked just like you!)

Speak Your Mind


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