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. This recipe did take some time than I like to but it was so worth it! So delicious will be making this again!






  2. Excellent! Loved this coffee cake! Only change I made was used dark brown sugar (as that’s what I had on hand), but it worked well! Thanks for another wonderful recipe to add to my arsenal!






  3. Came out great. I didn’t add as much sugar because I wanted it to be more of a breakfast treat than a dessert and it still came out perfect.






  4. I made one today but the cake part is not cakey fluffy texture, is my crumble too heavy hence the cake cant rise properly? Im using yogurt instead of sour cream. Help me!

    The taste however is awesome!

  5. I usually make regular banana bread and thought of changing it slightly today. This recipe is awesome! So moist and yummy and just the right amount of sweetness. I did skip the icing topping. I also did not have sour cream but I had Greek yogurt so mixed about 1/4cup milk with 3tbsp of the yogurt just so it’s not too thick. Thank you for another wonderful recipe! 🙂






  6. i made this…omg. SO GOOD! i love banana and it was so delicious; so moist, the crumb topping was delish too 🙂 i decided not to add the frosting drizzle and it was still perfect.