Banana Crumb Coffee Cake

With a soft texture and sweet flavor, this Banana Coffee Cake is super moist with a cinnamon sugar swirl and a flavorful crumb topping.

Looking for a fun way to upgrade your coffee cake, or use overripe bananas for something other than banana bread?

This banana coffee cake with homemade crumb topping is perfect for a special brunch or a satisfying dessert.

Why this Recipe Works

Sweet, nostalgic, and indulgent, this coffee cake with banana is the perfect recipe for fans of comforting and fruity baked treats!

It includes a moist and tender cake, a cinnamon sugar filling, a delicious crumb topping, and an optional homemade icing that adds the right amount of sweetness that pairs with loads of banana flavor.

Serve it alongside a Corned Beef Hash with Scrambled Eggs or this Steak and Potato Breakfast Hash for the ultimate brunch or special breakfast!

Ingredients Needed

Labeled ingredients for banana crumb cake.
  • All Purpose Flour
  • Sugar: Use both white sugar and brown sugar for the perfect balance of sweetness.
  • Butter: Softened butter gives the crumble a nice rich flavor.
  • Cinnamon: Pairs well with the sugary sweetness and provides some warmth.
  • Sour Cream: This is the secret to a nice moist coffee cake with a little bit of tangy flavor to balance out the sweetness.
  • Butter: I prefer to use unsalted butter so I can
  • Vanilla extract: Adds an extra dimension of sweet warmth to your cake.
  • Bananas: Commonly used to make banana bread, overripe bananas are also great for making coffee cake!
  • Baking Soda: Provides a nice lift to your crumb cake and prevents it from getting too dense.
  • Salt
  • Powdered Sugar: This is different from granulated sugar so be sure not to use the same kind!
  • Milk: I like to use regular dairy milk, but you could use a non-dairy substitute if you prefer.

How to Make this Banana Crumb Coffee Cake

Steps 1 through 4 for making banana coffee cake.
  • Step 1: For the crumble, add the flour, sugars, butter, and cinnamon in a large mixing bowl.
  • Step 2: Combine until you have large crumbs, then store in the fridge.
  • Step 3: In a separate bowl, combine the wet ingredients for the crumb cake (both sugars, sour cream, egg, butter, vanilla, and mashed bananas).
  • Step 4: Whisk together the dry ingredients in another large bowl (flour, baking soda, and salt) and fold the flour mixture into the wet ingredients.
Steps 5 through 8 for baking banana crumb coffee cake.
  • Step 5: Spread half of the batter in an even layer in a prepared pan.
  • Step 6: Evenly distribute the brown sugar cinnamon mixture over the batter.
  • Step 7: Add the other half of the coffee cake batter over top.
  • Step 8: Sprinkle the crumble over top of the batter.
Vertical image of pieces of banana crumb cake on a cooling rack.

Recipe Tips

  • The riper the bananas are that you use, the sweeter the result will be.
  • For some extra flavor, add other warm spices like nutmeg or pumpkin spice in the cinnamon sugar layer.
  • You can use either light brown sugar or dark brown sugar.
  • Don’t overmix the batter! You may end up with a more tough or dense coffee cake. Allow refrigerated ingredients to come up to room temperature so the batter comes together more easily.
  • Instead of the homemade icing, you can also dust the coffee cake with some powdered sugar.
  • For a slightly lighter option, use Greek yogurt instead of sour cream and coconut oil instead of butter.

Using a spatula to scoop a square piece of banana coffee cake from a pan.

Banana Crumb Coffee Cake

This moist and delicious banana crumb coffee cake is a fun take on the classic sweet bread dish that’s perfect for special occasions or whenever you need a treat!
Prep Time15minutes 
Cook Time45minutes 
Servings12
Calories390

Ingredients

For the crumble

  • 1 cup all purpose flour
  • 1/3 cup brown sugar
  • 1/3 cup granulated sugar
  • 1/2 cup butter softened
  • 1 teaspoon cinnamon

Cinnamon sugar filling

  • 1 tablespoons brown sugar
  • 1 1/2 teaspoon cinnamon

Banana Cake

  • 1/2 cup granulated sugar
  • 1/2 cup brown sugar
  • 1/3 cup sour cream
  • 1 egg
  • 6 tablespoon unsalted butter melted and slightly cooled
  • 2 teaspoons vanilla
  • 3 medium bananas mashed
  • 1 1/2 cups all purpose flour
  • 3/4 teaspoon baking soda
  • 1/2 teaspoon salt

Icing-Optional

  • 1/2 cup powdered sugar
  • 1-2 tablespoons milk

Instructions

  • Preheat the oven to 325 degrees and spray an 8×8 pan with cooking spray.

For the crumble

  • In a small bowl add the flour cinnamon, sugars and softened butter and mix until combined. Place in the refrigerator until ready to use.

For the filling

  • In a small bowl mix together the brown sugar and cinnamon and set aside.

For the banana cake

  • In a large bowl sugars, sour cream, egg, butter, vanilla, and mashed bananas until combined.
  • Add in the flour, baking soda and salt until combined.
  • Spread 1/2 of the batter into the baking pan,
  • Spread the cinnamon sugar filling over the batter.
  • Then spread the remaining half of the batter on top, followed by the crumb mixture.
  • Bake for 40-45 minutes or until a toothpick comes out clean.

Notes

Instead of the homemade icing, you can also dust the coffee cake with some powdered sugar.

Nutrition

Serving: 1servingCalories: 390kcalCarbohydrates: 62gProtein: 3gFat: 15gSaturated Fat: 9gPolyunsaturated Fat: 1gMonounsaturated Fat: 4gTrans Fat: 1gCholesterol: 39mgSodium: 235mgPotassium: 172mgFiber: 2gSugar: 39gVitamin A: 474IUVitamin C: 3mgCalcium: 35mgIron: 1mg