• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
soyandbutter
  • Dishes
  • Desserts
  • Drinks
  • lets get social

    • Instagram
    • Pinterest
    • TikTok

Healthy Banana Coffee Cake

June 29, 2024 by Christina Leave a Comment

Jump to Recipe·Print Recipe

When you’re craving something sweet but want to keep things on the healthier side, this banana coffee cake is here for you 🫶🏻. It makes use of those ripe bananas sitting on your counter and I’m sure you and your family are sick of banana bread for the 10th time. 

I’ve made this a healthier version using Greek yogurt, less sugar (letting ripe bananas do its thing) and omitting some butter (shh, it’s still in the crumble). Every bite of this cake is moist, with a taste of cinnamon that will have you reaching for another slice before you know it!

this recipe

I’ve been on a baking spree lately, trying to find healthier alternatives that still satisfy my sweet tooth. This banana coffee cake has become a staple in my kitchen. It’s so easy to make, and the fact that it uses ingredients that are actually good for you makes it taste even better than the original (this varies person to person 😉). My family absolutely loves it and honestly can “trick” who are usually suspicious of anything labeled ‘healthy’.

 

Each time I bake this banana coffee cake, it disappears almost immediately. It’s become one of those recipes that friends always ask for and I’m always happy to share. It’s always fun to create a recipe that feels indulgent but is packed with ingredients you can feel good about!

Why you'll love this Banana Coffee Cake​

  1. Healthier ingredients: Made with whole fruits and Greek yogurt, this cake offers more nutritional value than your average coffee cake!
  2. Moist and flavourful: Thanks to the ripe bananas and yogurt, the texture is perfectly moist.
  3. Not too sweet: Natural and added sugars are balanced just right, making it not too sweet.
  4. Easy to make: Simple instructions and common kitchen ingredients make this recipe a breeze.

KITCHEN EQUIPMENT FOR THIS RECIPE

  • Hand or stand mixer
  • Mixing bowls
  • Kitchen scale (I like to weigh out most of my ingredients for accuracy, I also think it’s more efficient when measuring things out over measuring cups!)
  • Parchment paper
  • 8×8 inch baking pan
  • Whisk
  • Spatula

Ingredients for this Banana Coffee Cake​

Start with the basics: ripe bananas for sweetness and moisture, and Greek yogurt for a creamy texture without the crazy fat. Here’s a breakdown:

For the cake: all purpose flour, sugar, baking powder, salt, cinnamon, vanilla extract, greek yogurt, eggs and ripe bananas

IMG_4683-Edit

For the cinnamon sugar middle: cinnamon and sugar (duh)

IMG_4695-Edit

For the crumble: cinnamon, all purpose flour, unsalted butter, sugar

IMG_4694-Edit
 *These are the main ingredients. The full list of ingredients and measurements can be found at the bottom of this post!*

How to make a Banana Coffee Cake​

1. Set your oven to 350°F (175°C). Grease or line a 8×8 inch baking pan with parchment paper.

2. In a large bowl, whisk together the eggs, mashed bananas, Greek yogurt, and vanilla extract until thoroughly combined.

3. In a separate bowl, combine the flour, sugar, cinnamon, baking powder, baking soda, and salt.

4. Fold the dry ingredients into the wet mixture gently until just combined. Avoid over-mixing to keep the cake tender.

5. In a small bowl, combine the sugar and cinnamon.

6. In another bowl, mix together the flour, sugar and cinnamon. Add cold butter and knead it in the dry mix until it resembles coarse crumbs the size of a pea.

7. Pour half cake batter into the prepared pan. Evenly sprinkle the cinnamon sugar over the batter. Carefully lay the rest of the batter over the cinnamon sugar (Protip: Add a dollop of batter on each corner first then the middle of the pan. This will make it easier to spread. Use an off set spatula). Evenly sprinkle the crumble topping over the batter.

8. Place in the oven and bake for 25 minutes, or until a toothpick inserted into the center comes out clean.

9. Allow the cake to cool in the pan for at least 10 minutes before transferring it to a wire rack to cool completely.

how to make banana coffee cake

Tips for the perfect Healthy Banana Coffee Cake

Use overripe bananas: They’re sweeter and mash more easily.

Don’t overmix: Mix just until the ingredients are combined for a tender cake.

Chill the butter for the crumble: It makes it easier to get that crumbly texture.

Layer evenly: Ensure the cinnamon sugar and batter layers are even for consistent flavour and texture.

Check doneness with a toothpick: It should come out clean or with just a few crumbs attached.

banana coffee cake

FAQ!

Can I make this gluten-free? Yes, use a gluten-free flour blend in place of all-purpose flour.

Can I use a different type of yogurt? Absolutely, any plain yogurt works, though Greek yogurt gives extra richness.

How can I make this vegan? Substitute the eggs with flax eggs and use a plant-based yogurt.

Can I add nuts? Definitely, walnuts or pecans would make great additions.

Storage instructions

This banana coffee cake keeps well in an airtight container at room temperature for up to three days or refrigerated for up to a week. If you want to save some for later, it freezes perfectly. Just wrap individual slices in plastic wrap and store them in a freezer bag. Thaw overnight on the counter when ready to enjoy, maybe with a fresh cup of coffee for that perfect treat. 🙂 

 

And that’s it! This healthy banana coffee cake is so delicious, you’ll find yourself making it again and again!

Happy baking!

Tag me on Instagram or Tiktok or DM me a photo if you make this recipe! 

More like this

20 min Soft Banana Cookies: beed a quick dessert? using just 2 bananas for a tasty, easy to make treat in 20 minutes.

Double Chocolate Banana Bread: turns overripe bananas into a chocolatey treat. easy to make, simple ingredients, and full of rich cocoa flavour.

Biscoff Streusel Banana Muffins: use those overripe bananas into these muffins!

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Healthy Banana Coffee Cake


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Christina
  • Total Time: 45 minutes
  • Yield: 9 1x
  • Diet: Low Calorie
Print Recipe
Pin Recipe

Description

Enjoy a healthier treat with our Banana Coffee Cake, made with ripe bananas and Greek yogurt for a moist, flavourful dessert.

Ingredients

Units Scale

BANANA CAKE

  • 2 large eggs
  • 2–3 ripe bananas, mashed
  • 1/3 cup Greek yogurt
  • 1 1/2 teaspoon vanilla extract
  • 2 1/4 cups all purpose flour
  • 1/4 cup granulated white sugar
  • 2 teaspoon cinnamon
  • 1 1/2 teaspoon baking powder
  • 1/4 teaspoon baking soda
  • 1/4 teaspoon salt

CINNAMON SUGAR

  • 1/4 cup granulated white sugar
  • 2 teaspoons cinnamon

CRUMBLE

  • 1/4 cup granulated white sugar
  • 1/2 cup all purpose flour
  • 1 1/2 teaspoon cinnamon
  • 1/4 cup unsalted butter, cold

Instructions

  1. Preheat Oven: Set your oven to 350°F (175°C). Grease or line a 8×8 inch baking pan with parchment paper.
  2. Prepare Wet Ingredients: In a large bowl, whisk together the eggs, mashed bananas, Greek yogurt, and vanilla extract until thoroughly combined.
  3. Mix Dry Ingredients: In a separate bowl, combine the flour, sugar, cinnamon, baking powder, baking soda, and salt.
  4. Combine Mixtures: Fold the dry ingredients into the wet mixture gently until just combined. Avoid over-mixing to keep the cake tender.
  5. Prepare Cinnamon Sugar: In a small bowl, combine the sugar and cinnamon.
  6. Prepare Crumble: In another bowl, mix together the flour, sugar and cinnamon. Add cold butter and knead it in the dry mix until it resembles coarse crumbs the size of a pea.
  7. Assemble the Cake: Pour half cake batter into the prepared pan. Evenly sprinkle the cinnamon sugar over the batter. Carefully lay the rest of the batter over the cinnamon sugar (Protip: Add a dollop of batter on each corner first then the middle of the pan. This will make it easier to spread. Use an off set spatula). Evenly sprinkle the crumble topping over the batter.
  8. Bake: Place in the oven and bake for 25 minutes, or until a toothpick inserted into the center comes out clean.
  9. Cool and Serve: Allow the cake to cool in the pan for at least 10 minutes before transferring it to a wire rack to cool completely.
  • Prep Time: 20 mins
  • Cook Time: 25 mins
  • Category: Cake
  • Cuisine: Healthy

Did you make this recipe?

Pin this recipe and share it on your board!

Filed Under: All recipes, Desserts Tagged With: banana, cake, coffee cake, healthy, ripe bananas

Previous Post: « Golden Oreo Blondies
Next Post: Soft Blueberry Muffins »

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star
Recipe Rating




Primary Sidebar

Hi there!

About Photo

I’m Christina, the recipe creator behind soyandbutter. Here, you’ll find recipes for Asian dishes, mainly Japanese, Chinese and Vietnamese cuisines, along with desserts that are "not too sweet"! My goal is to make cooking these delicious recipes easy and fun, with simple, easy to follow steps. Join me in my blogging adventure with my shadow of a dog, Happy, by my side!

lets get social

  • Instagram
  • Pinterest
  • TikTok
  • YouTube

Footer

Copyright © 2025 soyandbutter on the Foodie Pro Theme