Banana Coffee Cake with Brown Sugar Crumb Topping

This banana coffee cake recipe has completely changed my weekend breakfast game. Seriously. I’ve gone from “maybe I’ll have some toast” to “let me just preheat the oven real quick” because this tender, moist cake with its ridiculous brown sugar crumb topping is worth getting out of bed for. The best part? It uses those spotty bananas that are always giving you the guilt-eye from the counter.

How This Recipe Saved My Overripe Bananas

I used to be the queen of banana bread. Like, if you came to my house anytime between 2018-2021, chances were good I’d force a slice on you while apologizing that “it’s a little different this time because I was experimenting.” Nobody asked for these experiments. Nobody needed them.

But then banana bread fatigue set in. I couldn’t face another loaf, and yet the bananas kept ripening faster than I could eat them (why do they do that?). The first time I tried making this coffee cake, I actually messed up the crumb topping by melting the butter completely. Instead of those beautiful crumbs, I ended up with a weird sugary glaze that hardened into what my kid called “banana cake with a candy shell.” Not awful, but not what I was going for.

After a few more attempts (including one where I forgot the baking powder and created what can only be described as a “banana frisbee”), I finally nailed this recipe. The difference between this and regular banana bread? This actually feels special enough for company, not just a way to avoid throwing food away. The crumb topping makes all the difference – it adds this perfect contrast to the soft cake beneath.

Ingredients for Banana Coffee Cake Recipe

Let’s talk ingredients for a minute. Nothing here is fancy or hard to find, which is exactly how I like my baking recipes. I’m not driving to three stores for some exotic extract when I’ve got overripe bananas demanding attention.

What really matters here is using truly ripe bananas – I’m talking brown spots all over, almost black in places. Those sad-looking ones that you wouldn’t eat fresh if someone paid you. They’re sweeter and have a stronger flavor that carries through the whole cake.

Overripe Bananas (3 medium)

The browner, the better. I’ve actually frozen too-ripe bananas when I didn’t have time to bake, then thawed them for this recipe. They get super mushy when thawed, which is perfect here. If your bananas aren’t very ripe, you can bake them in their peels at 300°F for about 15 minutes to speed up the process.

All-Purpose Flour (2 cups)

Regular old all-purpose works perfectly here. I’ve tried it with half whole wheat flour, which works but makes a slightly denser cake. If you’re gluten-free, a 1:1 baking blend substitute works surprisingly well – I’ve made it for my neighbor’s kid who can’t have gluten.

Brown Sugar (1 cup, divided)

I use dark brown sugar for a deeper molasses flavor, but light brown works too. The moisture in brown sugar helps keep the cake tender, and it pairs beautifully with the banana flavor. We’ll use some in the cake and some in that glorious crumb topping.

Granulated Sugar (1/2 cup)

Just regular white sugar here. It creams with the butter to create tiny air pockets that help the cake rise. I’ve tried reducing this, and while you can go down to 1/3 cup, any less and the texture starts to suffer.

Unsalted Butter (1/2 cup for cake, 1/3 cup for topping)

Please use real butter. I tried this with coconut oil once when I ran out of butter, and while it worked, it wasn’t the same. The butter needs to be softened for the cake batter but cold for the crumb topping – that temperature difference is crucial. Trust me, I learned this the hard way with my “candy shell” incident.

Eggs (2 large)

These provide structure and richness. Room temperature eggs incorporate much better than cold ones. If you forgot to take them out ahead of time (I always do), just place them in a bowl of warm water for 5-10 minutes.

Vanilla Extract (2 teaspoons)

Real vanilla extract makes a noticeable difference here. I’m not usually precious about ingredients, but this is one place where the real stuff shines. The vanilla enhances the banana flavor without competing with it.

Baking Powder and Baking Soda (1 teaspoon each)

The dynamic duo of leavening agents. You need both here – the baking soda reacts with the acidity in the bananas and brown sugar, while the baking powder provides additional lift. Skip either one and you’ll end up with my infamous banana frisbee.

Sour Cream (1/2 cup)

This is my secret weapon for super moist coffee cake. The tanginess balances the sweetness, and the fat content keeps everything tender. You can substitute plain Greek yogurt in a pinch – I’ve done this many times when I’ve forgotten to buy sour cream.

Cinnamon (2 teaspoons, divided)

We’ll use some in the batter and some in the topping. I’m generous with cinnamon because it pairs so well with bananas. If you’re feeling adventurous, a pinch of nutmeg or cardamom is also delicious here.

Instructions for the Best Banana Coffee Cake Recipe

This isn’t a complicated recipe, but there are a few key moments where attention makes the difference between good and “oh my god why haven’t I been making this my entire life” banana coffee cake. The whole process takes about 20 minutes to prep and 45-50 minutes to bake – so figure an hour and fifteen minutes from “I should use those bananas” to actually eating cake.

The most common mistake I see people make (including myself, repeatedly) is overmixing the batter. Once the flour goes in, you want to mix until just combined and not a second longer. Overmixing develops gluten which leads to tough, rubbery cake – not the tender crumb we’re after.

STEP 1: Preheat and prep.

Start by preheating your oven to 350°F and lining a 9×9-inch baking pan with parchment paper, leaving some overhang on the sides to use as handles later. If you don’t have parchment, just grease the pan really well. I’ve forgotten this step before and ended up having to surgically remove pieces of cake from the pan – learn from my mistakes.

STEP 2: Make the crumb topping.

In a medium bowl, whisk together 1/2 cup brown sugar, 1/2 cup flour, and 1 teaspoon cinnamon. Now here’s the crucial part – the butter needs to be COLD, straight from the fridge. Cut 1/3 cup cold butter into small cubes and add to the dry mixture. Using your fingers or a fork (I prefer fingers), work the butter into the mixture until it resembles coarse crumbs of varying sizes. Some bigger chunks are good! Place this in the refrigerator while you make the batter.

STEP 3: Cream butter and sugars.

In a large bowl, beat the 1/2 cup softened butter with 1/2 cup granulated sugar and 1/2 cup brown sugar until light and fluffy, about 3 minutes. Don’t rush this step – the creaming process creates tiny air bubbles that help the cake rise. If your butter isn’t soft enough, you’ll hear it clunking around in the bowl. If that happens, don’t panic – just stop and let it warm up a bit more.

STEP 4: Add eggs and vanilla.

Add the eggs one at a time, beating well after each addition. Scrape down the sides of the bowl – there’s always butter hiding somewhere. Then add the vanilla extract and mix to combine. At this point, the mixture might look slightly curdled or separated – totally normal, don’t freak out like I did the first time.

STEP 5: Mash those bananas.

In a separate bowl, mash the bananas with a fork. You want them pretty smooth but a few small lumps are fine – they’ll remind you it’s actually made with real fruit. I find that mashing them separately rather than adding banana chunks to the batter gives a more consistent texture throughout the cake.

STEP 6: Combine dry ingredients.

In another bowl (sorry about all the dishes), whisk together the 2 cups flour, baking powder, baking soda, 1 teaspoon cinnamon, and 1/2 teaspoon salt. This even distribution matters – nobody wants to bite into a pocket of baking soda. I once skipped this step and mixed everything right into the wet ingredients… and found out why this step exists.

STEP 7: Alternate adding wet and dry ingredients.

Now, with your mixer on low speed (this is important – I’ve worn flour like a ghost costume before), add 1/3 of the dry ingredients to the butter mixture, then half the sour cream, another third of dry ingredients, the remaining sour cream, and finally the last of the dry ingredients. Mix just until combined after each addition. Then gently fold in the mashed bananas. The batter will be thick but pourable.

STEP 8: Layer and top.

Pour the batter into your prepared pan, spreading it evenly with a spatula. Take the crumb topping out of the refrigerator and sprinkle it evenly over the batter. The key word is “sprinkle” – don’t pat it down or you’ll lose all that wonderful texture. I like to squeeze some of the mixture in my hand to create larger crumbs mixed with the smaller ones.

STEP 9: Bake until golden and set.

Bake for 45-50 minutes, or until a toothpick inserted in the center comes out with just a few moist crumbs (not wet batter). The top should be golden brown and slightly firm to the touch. If your topping is browning too quickly (oven hot spots are real!), loosely tent with aluminum foil for the last 10-15 minutes. My oven runs hot in the back right corner, so I always rotate the pan halfway through baking.

STEP 10: Cool before cutting.

The hardest step of all – let the cake cool in the pan for at least 20 minutes before removing and slicing. I know it smells amazing and you want to dive in, but cutting into it too soon will give you a gummy texture instead of a clean slice. I speak from impatient experience. If you used parchment paper, you can lift the whole cake out using the overhang as handles.

Tips & Variations for Banana Coffee Cake Recipe

This cake stays fresh at room temperature, covered tightly, for about 3 days – if it lasts that long. For longer storage, refrigerate for up to a week or freeze slices wrapped individually for up to 3 months. Just microwave frozen slices for about 30 seconds to thaw.

Want to make it your own? Try adding 1/2 cup chopped walnuts or pecans to either the batter or the crumb topping for extra crunch. Chocolate chips are another amazing addition – about 3/4 cup folded into the batter makes this feel like dessert rather than breakfast (though I fully support cake for breakfast).

And don’t stress if your crumb topping isn’t picture-perfect. Mine rarely looks like the professional food blog photos, but it always tastes amazing. Real homemade crumbs have personality – they’re supposed to be a little uneven.

Final Thoughts on This Banana Coffee Cake Recipe

Look, I’m not claiming this is the most original recipe on the planet. Banana baked goods have been around forever. But this version, with its perfect balance of tender cake and crisp, cinnamon-brown sugar topping, is the one that finally made me excited about spotty bananas again.

If you try this recipe, please let me know how it turns out. I genuinely love hearing about your kitchen adventures – especially if you discover a variation that makes it even better. And if you have a banana ripening crisis that this recipe helps solve, well, that’s just the icing on the… coffee cake.