This website may contain affiliate links and advertising so that we can provide recipes to you. Read my disclosure policy.

Banana coffee cake is a great way to use up any overripe bananas you might have lying around! With a moist, fluffy, vanilla banana-flavored interior and a buttery streusel topping, this is a unique twist on coffee cake that will have you hooked after the first bite!

Coffee cake is a breakfast staple and a great way to add a little sweetness to your day! More great recipes to try next: blueberry buckle, apple coffee cake, and coffee cake muffins!

A slice of coffee cake with a bite taken out of it.

Banana Coffee Cake Recipe

Recently I’ve been doing a lot of baking with bananas after finding myself faced with a mile-high pile of well-browned bananas. They were just past their prime and desperately needed to be baked into something or would shortly need to be thrown out (and my freezer was and always is way too full to even consider storing them there).

I made batch after batch of my favorite banana bread, but eventually I wanted to try something different. So, this recipe for banana coffee cake was born! Trust me when I say that this is one of the best coffee cake recipes ever. It’s so moist and sweet, with a crumbly texture and delicious glaze on top that will leave you wanting more. This banana coffee cake is a great make-ahead breakfast or Mother’s Day brunch option, it’s simple, packed with flavor, and sure to be a hit with everyone. Let’s get into all the ingredients you need!

Coffee Cake Ingredients

I know it looks like a lot, but trust me, this banana coffee cake is so worth it! It’s the most delicious way to use up overripe bananas. See the recipe card below for all measurements.

Streusel

  • Melted Butter: Adds a rich flavor to the streusel and also helps everything stick together.
  • All-Purpose Flour: Gives the streusel topping structure.
  • Light Brown and Granulated Sugar: I use both for the perfect sweetness and flavor!
  • Ground Cinnamon: You can’t go wrong with a little warm spice in homemade desserts.

Banana Coffee Cake

  • Unsalted Butter: Softened so it mixes together smoothly with the other ingredients.
  • Sugar: Adds sweetness to the cake itself.
  • Ripe Bananas: Have your overripe bananas mashed and ready to go.
  • Large Eggs: Give the banana coffee cake structure.
  • Vanilla Extract: Adds warm, sweet flavor to the cake. Use pure vanilla extract if you can!
  • Sour Cream: The secret ingredient for an ultra-moist and tender cake!
  • All-Purpose Flour: Gives the cake structure. All-purpose flour is great because it has a low protein content and will make your coffee cake light and crumbly.
  • Baking Powder and Soda: Makes your cake light and airy.
  • Ground Cinnamon: Another place to add a touch of this tasty spice.
  • Salt: A little goes a long way to boost all the flavors in this cake.

Glaze (optional)

  • Powdered Sugar: Makes the glaze sweet and also gives it substance.
  • Milk: For adjusting the consistency.

How to Make Banana Coffee Cake

I’ve broken it up into 3 parts: the streusel, the cake, and the glaze! Despite all of the instructions this delicious cake is actually super easy to make.

  1. Preheat Oven, Prep Baking Dish: Preheat oven to 350 degrees Fahrenheit and lightly grease and flour a 9×9 baking pan. Then set aside.
  2. Sugar Mixture: Combine butter and sugar in the bowl of a stand mixer, or use a hand mixer. Beat until well-combined, then stir in mashed bananas.
  3. Mix In Wet Ingredients: Add eggs, stirring well after each addition, and then add sour cream and vanilla extract and stir well.
  4. Mix Dry Ingredients: In a separate, medium bowl, whisk together the flour, baking powder, baking soda, cinnamon, and salt.
  5. Combine: Gradually add the dry ingredients to wet, stirring until completely combined (be sure to scrape down the sides and bottom of the bowl). I prefer to do this with a spatula to avoid over-mixing the batter.
  6. Add to Pan: Pour cake batter evenly into the prepared pan. Prepare streusel.

Streusel

  • Melt Butter: Melt butter in a medium-sized bowl on 10 second increments (stirring between) until just melted (you don’t want it to be too hot).
  • Combine With Other Ingredients: Use a fork to whisk together the flour, brown sugar, granulated sugar, cinnamon, and salt. Pour melted butter over mixture and use a fork to stir until combined (mixture should be crumbly).
  • Sprinkle Crumb Mixture on Top: Sprinkle crumb topping evenly over batter.
  • Bake: Bake at 350 degrees Fahrenheit for 35 minutes, or until centers spring back to the touch and a toothpick inserted in the center comes out with few moist crumbs or clean.
  • Cool: Allow to cool before drizzling with glaze (if using) and slicing and serving.

Glaze

  1. Combine Ingredients: If desired, make the glaze by whisking together powdered sugar, milk, and vanilla. Drizzle over cooled banana coffee cake.
4-photo collage of cake and streusel being prepared.

Tips and Tricks

Banana coffee cake is really straightforward to make, but here are a few tips to make it turn out as perfectly as possible! I’ve also included a couple ways to customize it.

  • Use Overripe Bananas: The #1 tip is to find the ripest bananas you can! The browner and spottier they are the better; this is going to give your banana coffee cake the best flavor and soft texture. Mash them up well (you can use a potato masher or even just a fork) and add them to your butter, sugar, eggs, and other wet ingredients.
  • Don’t Overmix Streusel: Take care not to overwork the streusel mixture, or you’ll end up with a paste! You want the mixture to resemble coarse crumbs that you can use your hands to drop evenly over your banana coffee cake.
  • Mix-Ins: If you want your coffee cake to have more texture, add in chopped walnuts or pecans!
  • Add a Drizzle: Instead of the powdered sugar glaze, try adding caramel sauce or white chocolate sauce!
Top-down view of banana coffee cake, with a slice being served with a cake spatula.

Storing Leftovers

Here are a few different ways to keep your banana coffee cake fresh and delicious:

  • At Room Temperature: Store wrapped with plastic wrap or in an airtight container for 2-3 days.
  • In the Refrigerator: Store for up to 5 days in an airtight container.
  • In the Freezer: Wrap in plastic wrap and then transfer to a freezer bag. Your cake will stay good for 2-3 months. Thaw overnight in the fridge, then let come to room temperature before serving.
Glaze being drizzled onto the cake.

Pin this now to find it later

Pin It

Banana Coffee Cake

4.50 from 6 votes
By: Alyssa Rivers
Banana coffee cake is a great way to use up any overripe bananas you might have lying around! With a moist, fluffy, vanilla banana-flavored interior and a buttery streusel topping, this is a unique twist on coffee cake that will have you hooked after the first bite!
Prep Time: 15 minutes
Cook Time: 35 minutes
Total Time: 50 minutes
Servings: 16

Ingredients 

Streusel

Banana Coffee Cake

Glaze (optional)

Instructions 

  • Preheat oven to 350 degree Fahrenheit and lightly grease and flour a 9×9 baking pan. Set aside.
  • Combine the butter and sugar in the bowl of a stand mixer or using a hand mixer. Beat until well-combined, then stir in mashed bananas.
  • Add the eggs, mixing well after each addition, and then add sour cream and vanilla extract and stir well.
  • In a separate, medium-sized bowl, whisk together the flour, baking powder, baking soda, cinnamon, and salt.
  • Gradually add the dry ingredients to wet, stirring until completely combined (be sure to scrape down the sides and bottom of the bowl). I prefer to do this with a spatula to avoid over-mixing the batter.
  • Pour batter evenly into the prepared pan.

Streusel

  • Melt butter in a medium-sized bowl on 10 second increments (stirring between) until just melted (you don't want it to be too hot).
  • Use a fork to whisk together the flour, brown sugar, granulated sugar, cinnamon, and salt. Pour melted butter over mixture and use a fork to stir until crumbly and combined.
  • Sprinkle streusel evenly over batter.
  • Bake on 350F for 35 minutes, or until centers spring back to the touch and a toothpick inserted in the center comes out with few moist crumbs or clean.
  • Allow to cool before drizzling with glaze (if using) and slicing and serving.

Glaze

  • If desired, make glaze by whisking together powdered sugar, milk, and vanilla. Drizzle over cooled banana coffee cake.

Notes

Originally posted April 27, 2018
Updated on June 5, 2023

Nutrition

Calories: 296kcalCarbohydrates: 47gProtein: 5gFat: 10gSaturated Fat: 6gCholesterol: 44mgSodium: 119mgPotassium: 70mgFiber: 1gSugar: 17gVitamin A: 305IUCalcium: 23mgIron: 1.9mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Additional Info

Course: Dessert
Cuisine: American
Tried this recipe?Mention @alyssa_therecipecritic or tag #therecipecritic!

About Alyssa Rivers

Alyssa Rivers is the author of 'The Tried and True Cookbook', a professional food photographer and experienced recipe-developer. Having a passion for cooking, her tried and true recipes have been featured on Good Morning America, Today Food, Buzzfeed and more.

More Ideas

Leave a comment

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

Recipe Rating




26 Comments

    1. Hi Ida, ‘coffee cake’ just refers to the type of cake here, since it’s more dense and crumbly than traditional cake. There isn’t any actual coffee in the recipe.