Banana Coffee Cake (The Perfect Morning Treat)

Banana coffee cake is the ultimate breakfast indulgence that combines moist, banana-flavored cake with a buttery cinnamon streusel topping and a sweet vanilla glaze. With those overripe bananas on your counter and about 15 minutes of prep, you can have a bakery-worthy coffee cake that’s perfect for lazy weekend mornings, brunch gatherings, or afternoon coffee breaks.

Why You’ll Love This Recipe

• Irresistible crumb topping – That buttery, cinnamon streusel is what dreams are made of
• Moist and tender cake – Bananas keep it incredibly soft for days
• Sweet vanilla glaze – The finishing touch that makes it feel extra special
• Perfect for entertaining – Looks impressive but surprisingly easy to make
• Uses overripe bananas – Turn those spotty bananas into something spectacular

Print

Ingredients You’ll Need

For the Crumb Topping:

• ½ cup all-purpose flour
• ½ cup packed light brown sugar
• 1 teaspoon ground cinnamon
• ¼ cup cold butter, cut into small pieces

For the Cake:

• 3 large very ripe bananas, mashed (about 1½ cups)
• ½ cup unsalted butter, melted and slightly cooled
• ¾ cup granulated sugar
• ¼ cup sour cream (or Greek yogurt)
• 2 large eggs, at room temperature
• 2 teaspoons vanilla extract
• 2 cups all-purpose flour
• 1 teaspoon baking soda
• ½ teaspoon baking powder
• ½ teaspoon salt
• ½ teaspoon ground cinnamon

For the Vanilla Glaze:

• 1 cup powdered sugar
• 2-3 tablespoons milk or heavy cream
• ½ teaspoon vanilla extract

Note: For extra richness, use full-fat sour cream instead of Greek yogurt.

Why These Ingredients Work

Very ripe bananas with heavily spotted or black peels are absolutely essential because they’re naturally sweet, incredibly moist, and have the most intense banana flavor that makes this cake taste amazing. Melted butter creates a tender, melt-in-your-mouth crumb that’s richer than oil would give you, and it adds that classic buttery flavor that makes coffee cake so comforting.

Sour cream is the secret to keeping this cake incredibly moist and tender for days—the acidity reacts with the baking soda to create a light, fluffy texture, while the fat keeps everything soft and delicious. Using both baking soda and baking powder gives you the perfect rise and creates a tender crumb that’s neither too dense nor too cake-like.

The crumb topping is what really makes this a coffee cake instead of just banana cake—cold butter cut into the flour and brown sugar mixture creates those irresistible crumbly clusters that get golden and crispy as they bake. Brown sugar in the topping adds moisture and a caramel-like depth that tastes incredible with cinnamon.

The vanilla glaze is the finishing touch that makes this cake look bakery-professional and adds a sweet, creamy element that balances the warm spices perfectly. It soaks slightly into the warm cake, creating little pockets of sweetness throughout.

Essential Tools and Equipment

• 9×13-inch baking pan – perfect size for coffee cake
• Large mixing bowl – for the cake batter
• Medium bowl – for dry ingredients
• Small bowl – for crumb topping
• Fork or pastry blender – for making the streusel
• Whisk – for mixing and making glaze
• Parchment paper – for easy cleanup

Step-by-Step Instructions

Step 1: Preheat and Prep

Preheat your oven to 350°F and grease a 9×13-inch baking pan with butter or cooking spray, or line it with parchment paper for easy removal. Having your pan ready before you start mixing makes everything smoother.

Step 2: Make the Crumb Topping

In a small bowl, combine the flour, brown sugar, and cinnamon. Add the cold butter pieces and use a fork or your fingers to work the butter into the flour mixture until it resembles coarse crumbs with some pea-sized pieces of butter remaining. Set this aside while you make the cake batter.

Step 3: Mix Wet Ingredients

In a large mixing bowl, mash the very ripe bananas with a fork until mostly smooth. Add the melted butter, granulated sugar, sour cream, eggs, and vanilla extract, whisking together vigorously for about 30 seconds until everything is well combined, smooth, and slightly lighter in color.

Step 4: Combine Dry Ingredients

In a medium bowl, whisk together the flour, baking soda, baking powder, salt, and cinnamon until evenly distributed. Whisking aerates the flour and ensures all the leavening agents are evenly mixed throughout.

Step 5: Fold Together Gently

Add the dry ingredients to the wet ingredients all at once and use a wooden spoon or rubber spatula to gently fold everything together. Mix just until you don’t see any more dry flour streaks—the batter should look thick and slightly lumpy, not smooth, because overmixing creates a tough, dense cake.

Step 6: Assemble and Top

Pour the batter into your prepared baking pan and spread it evenly with a spatula. Sprinkle the crumb topping evenly over the entire surface of the batter, making sure to use all of it—those crumbles are the best part, so don’t be shy.

Step 7: Bake to Golden Perfection

Bake for 35-40 minutes, until the top is golden brown, the crumb topping is crispy and caramelized, and a toothpick inserted into the center comes out with just a few moist crumbs. The edges should be pulling away slightly from the pan.

Step 8: Cool and Glaze

Let the coffee cake cool in the pan for about 15-20 minutes. While it’s cooling, whisk together the powdered sugar, milk, and vanilla extract until smooth and pourable—add more milk if too thick or more powdered sugar if too thin. Drizzle the glaze over the warm (but not hot) cake in a back-and-forth pattern, letting it drip down between the crumbles. Let it set for about 10 minutes before slicing and serving.

You Must Know

The most critical thing is to not overmix the batter once you add the flour—stir just until the dry ingredients are incorporated and then stop immediately, even if it looks lumpy, because overmixing develops gluten and creates a tough, rubbery cake instead of that tender crumb we’re after.

Personal Secret: I always make a double batch of the crumb topping and freeze half in a freezer bag for up to 3 months. Then when I’m making banana bread, muffins, or even regular coffee cake, I have instant streusel ready to sprinkle on top without any extra work.

Pro Tips & Cooking Hacks

• Use cold butter for topping – Cold butter creates the crumbly texture; soft butter makes it pasty
• Don’t skip sour cream – It’s what makes this cake incredibly moist and tender
• Room temperature eggs – They mix more smoothly and create a lighter texture
• Work quickly with streusel – Your hands will warm the butter, so don’t overwork it
• Test doneness carefully – The crumb topping can make the toothpick test tricky, so check in a few spots
• Glaze while warm – Warm cake absorbs some glaze for extra moisture and flavor
• Double the crumb topping – Everyone fights over those crispy bits, so make extra

Flavor Variations & Suggestions

For a nutty twist, add ½ cup of chopped pecans or walnuts to the crumb topping for extra crunch and richness. You can make it even more decadent by folding ¾ cup of chocolate chips into the batter for chocolate banana coffee cake that’s absolutely irresistible.

If you love warm spices, add ¼ teaspoon each of nutmeg and ginger to the batter along with the cinnamon for a chai-spiced version. For a coconut banana coffee cake, add ½ cup of shredded coconut to the crumb topping and ½ cup to the batter for tropical flair.

You can make individual servings by baking this in a muffin tin—fill cups about ⅔ full, top with streusel, and bake for 18-22 minutes. For a cream cheese swirl version, beat 4 ounces of softened cream cheese with ¼ cup sugar and 1 egg, dollop it over the batter, and swirl gently before adding the crumb topping.

Make-Ahead Options

This coffee cake is perfect for making ahead because it actually tastes better the next day once all the flavors have melded together and the crumb topping has had time to absorb some moisture while staying crispy on top. Bake it completely, let it cool to room temperature, then cover tightly with plastic wrap or aluminum foil and store at room temperature for up to 3 days.

For longer storage, wrap the cooled, unglazed cake tightly in plastic wrap and then aluminum foil and refrigerate for up to 5 days or freeze for up to 2 months. Add fresh glaze after thawing for the prettiest presentation.

You can also prepare the crumb topping up to 3 days ahead and store it in the refrigerator, or freeze it for up to 3 months. The dry ingredients for the cake can be whisked together and stored in an airtight container for up to a month, so when you have ripe bananas, you’re already halfway done.

What to Serve With Banana Coffee Cake

This coffee cake is absolutely perfect with a hot cup of freshly brewed coffee or a creamy latte—the combination of warm cake and hot coffee is pure morning bliss. A pot of your favorite tea, whether it’s Earl Grey, chai, or English breakfast, also pairs beautifully with the sweet, spiced flavors.

For a weekend brunch spread, serve it alongside fresh fruit salad, crispy bacon or sausage, and scrambled eggs for a balanced meal that feels celebratory. The savory elements help balance the sweetness and make it feel like a complete breakfast instead of just dessert for breakfast.

A dollop of whipped cream or a scoop of vanilla ice cream turns this into an afternoon dessert that’s simple but impressive. Fresh berries like strawberries or blueberries on the side add brightness and a pop of color that makes the plate look beautiful.

For a coffee break or afternoon snack, serve slices with softened cream cheese for spreading—the tangy cream cheese complements the sweet cake perfectly. Greek yogurt on the side also pairs wonderfully and adds a protein boost that makes it more filling.

If you’re hosting a brunch gathering, set out the cake on a pretty platter with small plates, napkins, and forks so guests can help themselves. It looks stunning as a centerpiece and disappears quickly once people taste that irresistible crumb topping.

Allergy Information

This recipe contains gluten (all-purpose flour), dairy (butter, sour cream, and milk in the glaze), and eggs.

For a dairy-free version, substitute the butter with melted coconut oil or dairy-free butter, use dairy-free yogurt instead of sour cream, and use almond milk or coconut milk in the glaze.

To make it gluten-free, use a 1:1 gluten-free baking flour blend with xanthan gum—the texture will be slightly different but still delicious.

For an egg-free version, replace the 2 eggs with 2 flax eggs (2 tablespoons ground flaxseed mixed with 6 tablespoons water, let sit for 5 minutes) or ½ cup of applesauce, though the cake will be slightly denser.

This recipe is naturally nut-free unless you add nuts to the crumb topping as an optional mix-in.

Storage & Reheating

Store banana coffee cake covered tightly with plastic wrap or aluminum foil at room temperature for up to 3 days—it stays incredibly moist and the crumb topping maintains a nice texture.

For longer storage, refrigerate tightly covered for up to 5 days. The cake is delicious cold straight from the refrigerator, but you can also warm individual slices in the microwave for 15-20 seconds to bring back that fresh-baked taste.

To reheat larger portions, cover the cake with foil and warm in a 300°F oven for 10-15 minutes until heated through. Freeze the unglazed cake wrapped tightly in plastic wrap and then aluminum foil for up to 2 months

FAQ

Can I use a different size pan?

You can use a 9×9-inch square pan for a thicker cake—just increase the baking time to 45-50 minutes. Two 8-inch round pans also work beautifully for a layered presentation, baked for about 30-35 minutes.

My crumb topping sank into the cake – what happened?

The batter was probably too thin or the butter in the topping wasn’t cold enough. Make sure you don’t overmix the batter, use cold butter for the streusel, and work quickly when making the topping so it stays crumbly.

Can I make this without the glaze?

Absolutely! The cake is delicious on its own with just the crumb topping. You could also dust it with powdered sugar instead of making the glaze for a simpler finish.

The cake is dry – what did I do wrong?

Overbaking is the most common culprit. Check for doneness at 35 minutes and remove from the oven as soon as a toothpick comes out with a few moist crumbs. Also make sure you’re using very ripe bananas and full-fat sour cream.

Can I make this as muffins instead of a cake?

Yes! Fill muffin cups about ⅔ full, top each with crumb topping, and bake at 350°F for 18-22 minutes until a toothpick comes out clean. This makes about 16-18 muffins and they’re perfect for grab-and-go breakfasts.

💬 Tried this recipe? Leave a comment and rating below! I’d love to hear how your banana coffee cake turned out