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. Best banana bread-esque recipe I’ve ever made! Might just make the cake without the crumble next time because it was so good!!






  2. I misread the instructions and put the crumble topping in between the batter instead of the cinnamon sugar. It took about 60 minutes to bake but the result was still good! Skipped the icing since I don’t think it needed it and used Greek yogurt instead of sour cream. Super moist and delicious!






  3. Made this today as an alternative to banana bread and it was delicious! A little less dense than normal banana bread which I loved. Used Greek yogurt instead of sour cream as I didn’t have any, and didn’t add the icing as it was plenty sweet with the streusel topping. Everyone loved it and will def make again!

  4. This recipe is amazing! I made it today and since I didn’t have the right size pan, I used a 11×7 rectangle pan & it still came out super moist. I did adjust the time & started checking it after 30min.
    It needed a few more min, so I baked it for a total of 35min. Dangerous though since we can’t stop eating it.






  5. I don’t typically enjoy coffee cake, but this banana version had me on cloud 9. I used less sugar in the batter, and didn’t use all of the cinnamon sugar and crumble. No ragrets, it was so delicious. Jenna knows how to execute her banana recipes so well and I luv her 4 it <3






  6. not one to leave reviews but i had to bc this was ACTUALLY SO GOOD AND MOIST!!! i often have trouble finding good recipes online and i was skeptical bc my mother normally makes super moist and delicious banana bread with a recipe that she got from a french cook

    but this was actually SO GOOD! didnt have sour cream so i used yoghurt. i used 1/2 the crumble recipe and cut down abt 20g of sugar (still found it too sweet so will cut down next time) and for the cake i used 70g of white sugar and 90g of brown sugar instead of 100g each 🙂 was worried that this would impact the structure and texture of the cake bc the butter + sugar seemed abit too watery so i used about 240g of banana instead and it turned out so well! the cake wasnt sweet and was complimented v well by the crumble :”) so happy with this

    made the cake not v sweet not going to lif but i think the sweetness of the crumble matched it very well 🙂






  7. This recipe is brilliant. I followed instructions to a tee and the result is a supremely delicious, moist and beautiful coffee cake. I would not change one thing…and that is saying something! Deadly…for the waistline!

  8. This is a great recipe! I thought about a banana bread with coffee cake crumbs and this is the first recipe I found on Google. Even with all the steps, it wasn’t complicated and the bread has a great texture and is a real treat.

    Yes, if you double a recipe it will take longer to bake just like a 20 pound turkey takes longer than 15. Mine probably took about 70 minutes to bake through fully. The toothpick test did not steer me wrong. Also, I realized late in the game that my Greek yogurt was nonfat, and I knew that could mess up a swap with sour cream. I Googled, crossed my fingers, removed 3T of the yogurt and added 3T of butter to the recipe (this is for a doubled recipe.) The texture turned out great!

    I think I would prefer a heavier cinnamon flavor in the middle, but I used Penzeys cinnamon sugar blend so that could be on them.

    Thanks for the great recipe!






  9. Hi, Jenna! LOVED the best chocolate chip cookies recipe, this coffee cake did not disappoint! Super moist, a generous crumble, and I added pecans to the cinnamon mix. This made my grandmas birthday very special!