Banana Coffee Cake


Every single time I go to the grocery store I pick up a bunch of bananas, and every single time they get brown spots before I get to eat them. See when it comes to actually eating bananas whole I like them just ripe and even a little green. No overly sweet brown bananas for me thank you! I’m happy to throw the slightly speckled ones into a smoothie or even into cereal, but more often than not they are brown before I remember I have them.

That is why, my friends, you can find tons of banana recipes here on the blog. I sure do love baking with bananas. The riper the better when it comes to baking, and having a collection of banana recipes is a great way to use them up. This week’s ripe bananas ended up in this Banana Coffee Cake which was just to die for.

The cake itself is moist and fluffy, full of banana flavor, with a gooey cinnamon swirl and lots of crumbly streusel topping. Warm out of the oven it almost melts in your mouth, the perfect pairing with a hot cup of coffee. I love cakes like this because they are easy to make and pretty impressive to add to a brunch spread or even just to snack on.

If my buying-banana problem yields delicious treats like this- I think it’s the best problem ever right?

Ingredients needed for Banana Crumb Cake Recipe:

  • Butter at room temperature
  • White sugar
  • Eggs
  • Vanilla extract
  • Buttermilk (yogurt or sour cream would also work.)
  • Overripe bananas
  • All purpose flour
  • Salt
  • Baking soda
  • Baking powder
  • Brown Sugar
  • Cinnamon
  • Cocoa Powder (just a touch for color!)

Supplies needed for Banana Coffee Cake:

  • Large bowl
  • Medium Bowl
  • 9×12 baking pan
  • Electric mixer
  • Cooling rack

How to make this Banana Coffee Cake Recipe:

Make the filling by stirring together the brown sugar, cinnamon and cocoa powder in a small mixing bowl and set aside.

For the crumble topping stir the flour, sugar and cinnamon together in a separate bowl. Stir in the melted butter until large crumbs form. Set aside.

In a medium sized bowl, stir together the dry ingredients for the cake and set aside.

In a large mixing bowl cream together the butter and sugar. Add the eggs and vanilla mixing until smooth. Add the flour mixture to the wet ingredients and mix until just combined. Add the buttermilk, mixing until almost fully incorporated and then fold in the mashed bananas.

In a prepared pan pour in about half of the cake batter and sprinkle the filling mixture on top in an even layer. Gently spread the rest of the banana cake batter on top. Use a butter knife to gently swirl the filling into the batter, and then sprinkle the crumb topping on top of the cake batter.

Heat oven to 350F and bake for 45-55 minutes and cool on a wire rack. Store leftover Banana Coffee Cake in an airtight container for 3 days.


Why is there cocoa powder in this Banana Bread Coffee Cake?

The cocoa powder doesn’t add chocolate flavor, but instead gives the filling a super dark color which is creates beautiful contrast in the cake. You can skip it if you don’t have any on hand!

Also- if you love the banana/chocolate combo, skip the cinnamon filling and stir in 2/3 cup of mini chocolate chips to your batter. You can add the crumble topping as listed in the recipe.

What are the best bananas to use for this recipe?

You want them brown or speckled. The more ripe the sweeter and more moist your baked goods will be.

Want to turn these into Coffee Cake Banana Muffins?

This recipe will make a lot of muffins, I’d estimate at least 3-4 dozen, so consider cutting it in half. But if you do then yes- you can make these into delicious muffins. Spoon a little batter into each muffin liner and then sprinkle in some filling, top with more batter and then crumb topping. Each muffin well should be 3/4 of the way full before baking. You’ll want to cut the baking time to about 20 minutes.

Need more recipes for ripe bananas? I gotchu:

Other favorite breakfast treats:

Cinnamon Swirl Banana Crumb Cake

Cinnamon Swirl Banana Crumb Cake

Yield: 18 pieces of cake


For the cake:

  • 3/4 cup butter
  • 1 1/2 cups sugar
  • 3 eggs, room temperature
  • 1 teaspoon vanilla extract
  • 3/4 cup buttermilk, room temperature
  • 1 cup mashed bananas
  • 2 1/2 cups all-purpose flour
  • 1/2 teaspoon salt
  • 1/2 teaspoon baking soda
  • 1 teaspoon baking powder

For the Filling

  • 1 cup brown sugar
  • 1 1/2 tablespoons cinnamon
  • 1 teaspoon unsweetened cocoa powder

For the Crumb Topping:

  • 2 cups of flour
  • 2/3 cup brown sugar
  • 1 tablespoon cinnamon
  • 6 tablespoons butter, melted


  1. In a small bowl, stir together the filling ingredients and set aside.

For the crumb topping:

  1. Stir the flour, sugar and cinnamon together in a medium-sized bowl. Stir in the melted butter until large crumbs form.

For the cake:

  1. Preheat the oven to 350F. Butter and flour a 9x13 pan and set aside.
  2. Cream together the butter and sugar. Add the eggs and vanilla and beat on high until smooth.
  3. In another bowl, whisk the flour, salt, baking soda and powder.
  4. On low speed, mix the dry ingredients into the butter mixture until just combined. Add the buttermilk and bananas.
  5. Spread half the batter into the pan. Sprinkle the filling evenly over the batter, and then spread the rest of the batter on top.
  6. Use a butter knife to gently swirl the filling into the batter. Sprinkle the crumb mixture over the top.
  7. Bake for 45-55 minutes or until a toothpick inserted into the cake comes out clean.


Base cake recipe adapted from: AllRecipes

Nutrition Information:
Yield: 18 Serving Size: 1 grams
Amount Per Serving: Unsaturated Fat: 0g

Did you make this recipe?

Please leave a comment on the blog or share a photo on Instagram


  1. I’m not a big fan of bananas, so I don’t get to bake with them often but I really like this cake, and the cinnamon-banana combo sounds interesting to me, so I’m going to give it a chance!

    xo, Elisa

  2. I only eat green bananas, too! My smushy, ripe bananas get stuck in the freezer for smoothies and baking, too. I have a surplus of frozen ‘naners right now…looks like maybe I need to make this cake, huh?

  3. I’m obsessed with bananas on the whole, but baking with them? Truly great! This sounds fantastic, and I love that I already have all the ingredients . . . even buttermilk. What are the odds of that? Know what I’ll be doing later! :)

  4. I absolutely love this! Cinnamon makes just about everything better, right? I have the same track record with bananas. I think I end up baking with more of them than are actually eaten around here.

  5. We have the exact opposite problem with bananas….they are always eaten before I can bake with them. I can’t determine if that’s a good thing or a bad thing! In any case, this cake would be a welcome addition to my morning coffee break! I adore the combination of cinnamon and banana.

  6. Great cake recipe but was wondering if the 2 cups of flour in the crumb topping was correct?

  7. I baked this cake last night and just brought it into my office for my co-workers and are they happy! It really is an outstanding recipe and definitely a keeper! I’ve made many crumb cakes in my time but never a banana crumb cake and it really works. So moist and delicious! I’ve been “studying” crumb variations this year, and this one is the best so far! Lots and lots of crumb in relation to the cake itself, just the way I love it. Thank you so much!

  8. Audra
    when i made this crumb cake it was delicious and moist. the only problem was my cinnamon filling sank to the bottom. Did any body else have this problem? Audra if you could advise why this happened? My batter was split equally. Thanks for ur help

    1. Hmm- I’m so confused by that Jennifer! The only thing I can think of is that there wasn’t enough batter on the bottom. Did you swirl the cinnamon filling in as well?

  9. Hi Audra! I just wanted to let you know that you’ve got some recipes which aren’t under any category! Such as this one, that doesn’t appear in the recipe index ;) Also, there are some uncategorized, like the Banana Chocolate Chip Cake with Caramel and Whipped Cream, the Banana Pudding Parfaits, the Salted Caramel Sticky Buns, the Chocolate Chip Cookie Dough Shortbread, the Cinnamon Crunch Banana Bread and the Mixed Berry Pavlova! They are just wonderful recipes with beautiful photos, so I thought you might want to know that they aren’t in the index! Thank you for you beautiful blog ;)

      1. No problem! I wasn’t sure if I should ask, given you must be really busy! Thank you for replying!

  10. Well hi this recipe looks very interesting I was just wondering if their is any substitutions for the buttermilk kinda on a tight budget. Well if you can reply anytime soon it would be great can’t wait to try it.:))

    1. Hey, you could make buttermilk while taking milk, mix it with a spoon of lemonjuice (or depending on the taste with vinegar), let it sit for 10 minutes and then go on with the recipe. I hope, this is helping?!
      Best, Becky

    2. You could use sour cream, yogurt, or like Becky said- regular milk with lemon juice or vinegar to make it “sour milk”

  11. Just made this yesterday. I love all things banana.. The cake was good but the cinnamon swirl overwhelmed the flavor of the banana cake and made the whole thing wayyyyy too sweet. Between the sweetness of the crumb topping (Which I always love and had to add more butter to get the right consistency of crumbs) and sugar in the cake itself the cinnamon layer was just too much! I like the idea of this cinnamon layer and will use it in a different cake, but next time I make this I will omit the cinnamon layer and maybe add another banana to the cake.

  12. K, something is wrong with my crumb topping. Is there really supposed to be 2 cups flour??? This did not turn out right…. Please respond….

    1. Yup- 2 cups. I make this crumb topping for virtually every “crumb-topped” thing I make and it always works well. So sorry it didn’t work out for you!

Leave a Reply

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