Home > Recipes > Cakes > Banana Coffee Cake

Banana Coffee Cake

Pin Recipe Comments

This banana coffee cake is absolute bliss. Not only is moist like banana bread, but it’s also swirled with cinnamon sugar and topped with a sweet and crumble crumble. If you love coffee cake, you definitely need to try this recipe!

a stack of banana coffee cake slices

What makes this banana coffee cake SO good?

I made this when I had a friend visiting from out of town and we probably had two to three pieces a day for the entire weekend. We could not be stopped. It was out of hand. We have no regrets.

To break this down, you’ve got a super moist and dense cinnamon banana coffee cake with a sweet and crunchy brown sugar crumble AND an icing drizzle. Not to mention it’s insanely easy to make. Here’s what to expect from this banana coffee cake recipe:

  1. Banana Cake – But it’s more like banana bread! It has the perfect amount of bananas and is incredibly moist.
  2. Cinnamon Swirl – A layer of brown sugar and cinnamon is sprinkled in the middle, adding even more flavor.
  3. Brown Sugar Crumble – A hefty layer of cinnamon sugar crumble is added on top! It has just the right amount of sugar, flour, and butter making it chunky and crispy but not overly sweet.
  4. Icing – This is optional, but the icing drizzle really seals the deal.

Tips for making banana coffee cake

There are quite a few components to this banana crumb cake, but they’re all very easy to make! Here are my top tips to ensure your banana cake turns out just right:

  1. Flour – Measure the flour by grams instead of cups. Weighing is much more accurate than measuring by volume. If you don’t have a kitchen scale to measure, simply spoon the flour into the measuring cup and level it off with a flat edge. Don’t pack it in or shake it down, and do not scoop directly into the flour bag. This will add WAY too much flour to the batter. This goes for the crumble too!
  2. Banana – About 2 medium bananas will make up 3/4 cup, but always always always measure the banana when baking. It’s important than exactly 3/4 cup is used. Too little and the cake won’t be as moist, too much and the cake will be too soft and mushy.
  3. Mixing – After the dry ingredients are added, very carefully mix the batter with a rubber spatula. Over mixing can lead to a tough cake, so take it slow and steady and stop mixing right when the flour is fully absorbed.
  4. Layering – After sprinkling the cinnamon sugar layer, scoop spoonfuls of the remaining batter on top. Space them out evenly so that when you spread it into a level layer, it won’t disturb the cinnamon sugar underneath.
  5. Crumble – Once the crumble has chilled, it should turn very firm. Break it up with a fork or knife and sprinkle it in an even layer on top of the cake batter. Make sure to include both large and small chunks of crumble as this variation will lead to the best crunchy top.
close up on slices of banana coffee cake

How to bake banana crumb cake

This recipe took SO much trial and error, mainly because I wanted a really moist banana cake but it also needed to be solid enough to hold up the weight of the crumble.

The trick is to bake the coffee cake low and slow. It bakes at 325F for about 40-45 minutes which is nearly double the typical bake time for coffee cake.

It’s ready when the crumble is a light golden brown and a toothpick in the center comes out clean. The surface should also be evenly puffed.

When to serve banana coffee cake

Once the cake has baked, allow it to cool in the pan for about 30-40 minutes. It’s best served when its just slightly warm.

It’s also best to drizzle with the icing at this point because it won’t melt and disappear into the crumble. Once cooled, lift the cake out of the pan using the parchment paper over hang. Then drizzle with icing, slice, and serve!

a bite taken from a slice of banana coffee cake

For more BEST EVER banana recipes, check out my:

Make sure to tag me @butternutbakery on Instagram if you make this banana coffee cake. I love seeing my recipes come to life in YOUR kitchen! To pin this recipe and save it for later, you can use the button on the recipe card, the buttons above or below this post, or on any of the photos above. Happy baking!

Watch how to make this banana coffee cake:

@butternutbakery

Coffee cake? Crumb cake? Whatever you call it, it’s even better with bananas #coffeecake #bananarecipes

♬ Moonlight Serenade – Glenn Miller
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
a stack of banana coffee cake slices

Banana Coffee Cake


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

4.9 from 52 reviews

  • Author: Jenna Barnard
  • Total Time: 1 hour 10 minutes + 30 minutes cooling
  • Yield: 16 slices

Description

This banana coffee cake is like a cross between banana bread and cinnamon coffee cake. It’s super moist like banana bread but with a cinnamon sugar swirl and sweet crumble topping!


Ingredients

Banana Cake

  • 1 1/2 cups (195g) all-purpose flour
  • 3/4 teaspoon baking soda
  • 1/2 teaspoon salt
  • 6 tbsp unsalted butter, melted
  • 1/2 cup (100g) granulated sugar
  • 1/2 cup (100g) light brown sugar, packed
  • 1/3 cup (80g) sour cream, room temp
  • 1 large egg, room temp
  • 2 tsp vanilla extract
  • 3/4 cup (190g) mashed ripe bananas (about 2 medium bananas)

Cinnamon Sugar

  • 3 tbsp light brown sugar
  • 1 1/2 tsp cinnamon

Crumble

  • 1 cup + 2 tbsp (150g) all-purpose flour
  • 1 tsp cinnamon
  • 1/3 cup (65g) granulated sugar
  • 1/3 cup (65g) light brown sugar, packed
  • 1/2 cup (110g) unsalted butter, melted

Icing


Instructions

  1. Preheat your oven the 325F and grease and line an 8×8 baking pan, allowing the paper to hang over the sides for easy removal.
  2. Start by making the crumble – Combine the flour, cinnamon, and sugars in a bowl. Then mix in the melted butter. The mixture should resemble wet sand. Place the bowl in the refrigerator to chill while the rest of the cake is made.
  3. For the banana cake, whisk together the flour, baking soda, and salt in a medium bowl. Set aside.
  4. In a large mixing bowl, whisk together the sugars and butter.
  5. Once fully combined, whisk in the sour cream, egg, vanilla, and mashed banana.
  6. Gently mix in the dry ingredients using a rubber spatula.
  7. Spread half of the batter into the pan. Combine the cinnamon sugar mixture and sprinkle an even layer on top.
  8. Cover with the remaining batter and gently spread it even.
  9. Remove the crumble from the refrigerator. It should now be cold and firm. Crumble it on top in an even layer.
  10. Bake for 40-45 minutes or until a toothpick in the center comes out clean with a few moist crumbs.
  11. Allow the cake to cool for about 30-40 minutes.
  12. While it cools, whisk together the powdered sugar and milk to make the icing. It should make a glue-like consistency. If it’s too thick, add 1/2 tbsp of milk at a time until it turns smooth.
  13. Drizzle the icing on top of the slightly warm cake and enjoy!
  • Prep Time: 30 minutes
  • Cook Time: 40 minutes
  • Category: Dessert
  • Method: Baking
  • Cuisine: American
Recipe Card powered byTasty Recipes

Join Our Community

Meet Jenna

I’m the creator, baker, and photographer behind Butternut Bakery. Here I share desserts for every diet because I believe everyone should have a chance to indulge!

Leave a Rating and a Comment

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

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

105 Comments

  1. SOOOO GOOD! I’m not even a fan of bananas but this was delicious! Perfectly sweet, incredibly soft and moist. The crumb is addictive
    I also did a cream cheese drizzle for the top instead of a regular powdered sugar icing and it was perfect! Just a bit of cream cheese, powdered sugar to taste, vanilla, and enough milk to get it to a drizzling consistency.
    Family loved it






  2. Thank you for this amazing recipe! I just made this this evening and it is moist and so delicious! I did have to bake longer, around 55 min because I used a 9×9 round baking pan and started with 325 farenheit temp for 35 min and increased by 10 degrees every 10 min thereafter. Thankfully it still turned out well. Keep posting these wonderful recipes!






  3. Made this a while ago, froze some, and just finished enjoying a thawed piece. Cannot wait to make this again!






  4. This was such a success at work! I changed the recipe slightly by browning the butter – and if I had more time, I would have made some toffee and incorporated that into the cake as well (something I will be trying next time). This was very easy to make and definitely will be doing it again. I got a little unsure on the baking time – it was hard for me to tell if the cake was finished – with the crumb on top, I couldn’t tell at first if the toothpick was dry because the crumbles cleaned the toothpick on the way out, or if the cake was still wet. I had to make a small spot free of crumble to check – ended up needing more time to bake, so I was glad I did it. This was my first time ever making coffee cake, but still I got a lot of compliments on it. Thank you!






  5. Moist, flavorful coffee cake! A nice change from my go to coffee cake recipe. Will be saving the recipe and will be making again.
    Thank you for sharing!






  6. So tasty and moist. I used cake flour since that’s all we had and it was absolutely amazing. 10/10






  7. Made this last night as a dessert for a belated Mother’s Day dinner. I recently had to go dairy free while breastfeeding and used dairy free butter sticks and Forager DF sour cream. It was delish and very moist. I live at high altitude and baked it for the recommended time with wonderful results (but I did measure out the banana just to make sure it wasn’t too much liquid). Subbed the icing for vanilla ice cream and it was a crowd pleaser. Huge fan of all of your sweet treats!