This post may contain affiliate links. Please read our disclosure policy.
Looking for a delicious and easy-to-make dessert that’s perfect for any occasion? This Banana Yogurt Cake is sure to impress. It’s moist, filled with sweet banana goodness, and some extra protein from the vanilla yogurt!

Why I Make Banana Yogurt Cake
When I want to offer a boost of protein to my kids, one of the first things I reach for is yogurt. With protein and calcium in every bite, yogurt is easy to digest making it a perfect food as a snack, breakfast or even dessert. The obvious choice is to eat yogurt on its own, but I love coming up with other fun ways to incorporate it into recipes or serve along with it. One of our favorite treats we’ve been making lately is Banana Yogurt Cake made with vanilla yogurt adding a rich vanilla flavor. It couldn’t be easier to make and is a great use for spotty bananas!

The Ingredients
- white whole wheat flour
- brown sugar
- baking powder
- baking soda
- ground cinnamon
- kosher salt
- vanilla yogurt
- very ripe bananas
- egg
- canola oil
- vanilla extract

How to Make Moist Banana Yogurt Cake
- Prep the oven and baking dish: Preheat the oven to 375°F. Grease an 8 inch square baking dish or line with parchment paper.
- Combine dry ingredients: In a large bowl, whisk together the flour, sugar, baking powder, baking soda, cinnamon, and salt.
- Combine wet ingredients: In a separate bowl, whisk together the yogurt, mashed banana, egg, oil, and vanilla.
- Mix wet and dry ingredients together: Pour the yogurt mixture into the flour mixture and mix until just combined.
- Bake: Pour the batter into the baking dish. Bake for 25-30 minutes, until a toothpick inserted in the center comes out clean.
Would you like to save this?
Substitution Tip
Don’t have white whole wheat flour? All purpose flour can be used as a substitute with no problems at all!

How to Ripen Bananas Quick:
This recipe is great for when you have spotty bananas on your counter that are about to go too far to be used, but what if you want to make this banana yogurt cake and you’re bananas aren’t super ripe? Here’s are three ways to ripen your bananas!
- Place the bananas in a brown paper bag and fold the top to close it. The bananas will release ethylene gas, which will speed up the ripening process.
- Put the bananas in a warm place, like on top of the refrigerator or near a window that gets a lot of sunlight. The heat will also speed up the ripening process.
- If you need to ripen the bananas even faster, try this hack! Put them in the oven at a low temperature (about 250°F) for 15-20 minutes. Keep an eye on them to make sure they don’t over-ripen or become too soft.
More Recipes for Ripe Bananas:
- Banana Waffles
- Banana Berry Bread
- Banana Chocolate Chip Cookie Bread
- 15 Ways to Use Ripe Bananas (And The Best Way to Freeze Them)

Banana yogurt cake makes a great addition to snack time, school lunch or even as a healthy dessert! Let me know in the comments what you think if you make it or tag me on social media.

Banana Yogurt Cake
Ingredients
For the Cake:
- 1 1/2 cups white whole wheat flour (can substitute all purpose flour)
- 1/3 cup brown sugar
- 1 teaspoon baking powder
- 1 teaspoon baking soda
- 1 teaspoon ground cinnamon
- 1/4 teaspoon kosher salt
- 1 cup vanilla yogurt
- 3 small very ripe bananas, mashed
- 1 large egg
- 1/4 cup canola oil
- 1 teaspoon vanilla extract
For the Glaze Drizzle (optional):
- 1 cup powdered sugar
- 3-4 tablespoons milk of choice
Instructions
- Preheat the oven to 375F.
- In a large bowl, whisk together the flour, sugar, baking powder, baking soda, cinnamon, and salt.
- In a separate bowl, whisk together the yogurt, mashed banana, egg, oil, and vanilla.
- Pour the yogurt mixture into the flour mixture and mix until just combined.
- Pour the batter into a greased 8 inch square baking dish.
- Bake for 25-30 minutes, until a toothpick inserted in the center comes out clean.
Notes
- Don’t have white whole wheat flour? All purpose flour can be used as a substitute with no problems at all!





How fantastic! I love Annie’s products, and would love to try their yogurt.
Thank you for the wonderful giveaway.
Erin
ErinLoves2Run at gmail dot com
Yum Annie’s!
yogurt in cold oatmeal
I like to use it in pancake batter
Yum!!
I didn’t know this product existed, but now that I do I am excited to make your banana yogurt cake.
We love Annie’s in smoothies and yogurt parfaits!!
Shared on Facebook.
Pinned.
I haven’t tried the Annie’s yogurts yet, but we buy their other products often. I also use plain Greek yogurt in lots of recipes and my snack today was a Chobani Simply 100 Strawberry with a little granola and a few white chocolate chips. Yum!
I also like to bake with yogurt. But we also use it in place of sour cream or mayo in recipes.
Yum! Can’t wait to try this,!
We’d love to eat it straight from the cup. These would be perfect to pack in lunches or add to smoothies! 🙂
We eat tons of it straight from the cup. Also love adding to smoothies!!!
We love to use Annie’s yogurt for fruit and veggie smoothies. The gluten free mac-n-cheese and fruit snacks are also my kids’ favorites.
We love everything Annie’s! We eat the whole wheat bunnies, bunny grahams, cheddar bunnies, graham crackers, granola bars, and the list goes on. My kids LOVE yogurt, bananas and would love this recipe!!