Toasty Brown Butter Banana Coffee Cake
This post might have affiliate links. For full details please see my disclosure policy.
This soft and fluffy brown butter banana coffee cake is one of my favorites for brunch or a snack. It has brown butter, sour cream banana cake, a swirl of cinnamon sugar, and a buttery cinnamon streusel top. This cake is decadent, not-too-sweet, and the absolute best with a cup of coffee!
I have some personal news. In my mission to brown butter just about everything, I have now moved on to phase ‘banana’. That means banana muffins, cookie butter banana bread, and pancakes have all been turned into caramel-y, toasty goodness.
And so, of course, it only made sense that in the midst of January, I would turn cake into breakfast and add a good dose of brown butter, bananas, and cinnamon. Because we all need something to snack on while it’s blizzard-ing outside, yeah?
I’ve been making a version of this cake ever since I was in pastry school and it’s a forever favorite around here. This cake is best eaten with your fingers, enjoying bite by bite while sipping a cup of hot coffee, chatting with friends, and wearing cozy pajamas. You need this scenario in your life, ok?
My favorite cake for snacking & brunching
This is the sort of cake I like having on hand when I have family in town or friends over for brunch. It’s a good snacking cake for when you’re sitting around sipping coffee and playing cards, throwing a brunch party, or need a little rainy day project.
- This cake is a bit dense, but still perfectly moist and fluffy.
- There’s a crumbly, buttery streusel topping.
- The filling has cinnamon roll vibes. Amazingly good!
- The recipe is simple, straightforward, and perfect for guests.
The shopping list
- Brown sugar – this will add a deep toffee flavor to the cake and streusel. I use dark brown but light brown is good too.
- Cinnamon – and lots of it! It’s a staple in all coffee cake recipes and tastes so good with the buttery streusel and bananas.
- Bananas – choose bananas that are over-ripe with brown and black streaks. This will add moisture and lots of banana flavor.
- Unsalted butter – you’ll need some for the streusel which we’ll melt and some for the cake which we’ll brown.
- All-purpose flour – we’re making homemade cake flour (more on this later) to make this cake nice and fluffy! You can also just use cake flour if you have it on hand.
- Cornstarch – this is what we’ll use to make homemade cake flour.
- Vanilla extract – to add extra flavor and compliment the cinnamon and bananas.
- Sour cream – for a little tang. A classic coffee cake ingredient!
- Whole milk – it must be whole or it’ll affect the texture of the cake.
- Baking basics – Kosher salt, baking powder, white sugar, and eggs.
Let’s make this cake
We’ll make this recipe in three parts. The swirl, the streusel, and the cake. But all of the steps are super easy and make for the best coffee cake. Let’s talk about it!
Cinnamon swirl
- In a small bowl, whisk together the brown sugar and cinnamon until it’s smooth and clump-free.
Cinnamon streusel
- Whisk together the flour, brown sugar, cinnamon, and a pinch of salt in a bowl.
- Next, add the melted butter to the brown sugar-flour mixture.
- Using a fork, mix everything together until you have a crumble.
Banana cake
- To make the cake, start by whisking together the flour, baking powder, and salt in a small bowl. Then, mash the bananas until they’re very smooth. Set aside.
- Next, brown the butter over medium heat until it’s toasty. Add it to a mixing bowl to cool for a few minutes.
- Then, mix in the brown and white sugars. The mixture will be a bit sandy. Stir in the vanilla extract and eggs until the mixture is light and thick.
Use ripe bananas with brown and black streaks for moisture and flavor. This is the perfect recipe for using up over-ripe bananas.
- Next, add the sour cream and mashed bananas until smooth.
- Then, mix in the flour mixture and milk in 2 batches.
Assemble & bake
- Spread half of the batter into a prepared 8×8” pan. Sprinkle the cinnamon sugar mixture over the top and then spread the remaining batter over the top. Use a skewer to lightly swirl the batter and cinnamon-sugar.
- Finish by crumbling the streusel over the top of the cake.
- Lastly, bake the cake at 350°F for about 1 hour, just until it’s cooked through. Then, cool for 20-30 minutes, slice, and enjoy!
Carefully spread the second layer of batter over the cinnamon-sugar. It doesn’t have to be perfect but you also don’t want it to all mix together!
Or, make muffins instead
I haven’t tried this recipe in muffin-form but I’m sure it would work great! Just divide half the batter between muffin liners, sprinkle with some cinnamon-sugar, add the rest of the batter, lightly swirl, and finish with a bit of streusel. Bake at 350°F, checking for doneness at 16 minutes.
A few things to note
- This cake is developed for high altitude (4,500 feet). If you live at sea-level, try 2 teaspoons of baking powder. I have not yet tested this recipe at sea-level but will update the recipe once I do.
- Measure the flour properly to keep the cake from being dry. I fluff the flour with a whisk or fork, spoon it into the measuring cup, and level it off without packing the flour in.
- Use room temperature ingredients (like eggs, sour cream, and milk) so the batter mixes evenly. 10-15 minutes on the counter will do it.
- Don’t over-bake the cake or it will get dry. The cake is done when it no longer jiggles in the center and an inserted toothpick has just a few moist crumbs.
Variations & add-ins
To keep this recipe from being too-sweet, I chose not to add icing, but I still think it would be delicious! Here’s a few ways you can elevate this cake even more:
- Dust some powdered sugar over the top of the cake.
- Drizzle some brown butter icing over the top.
- Add toasted chopped pecans or walnuts to the streusel.
- Replace the cinnamon with a bit of cardamom, nutmeg, or other warm spices.
Store, freeze, & make-ahead tips
Store leftover coffee cake in an airtight container and keep it at room temperature for 2-3 days. You can also leave it in the pan and just cover it with plastic wrap or tin foil.
To freeze the coffee cake, wrap individual slices in parchment and place in an airtight container or freezer bag. Freeze for up to 3 months. To defrost, unwrap the slices and let them come to room temperature for at least an hour.
For a make-ahead situation, I would just bake the cake the night before. It will still be moist the next day and the flavors will have time to develop!
If you make this recipe, I would love it if you left a star rating and review! I read every single comment and love hearing what you think about my recipes. Thank you for supporting Sunday Table!
Brown Butter Banana Coffee Cake
Ingredients
Cinnamon-Sugar Swirl
- 1/2 c brown sugar, packed
- 2 tsp cinnamon
Cinnamon Streusel
- 1/2 c all-purpose flour
- 1/2 c brown sugar, packed
- 1 1/2 tsp cinnamon
- Pinch of Kosher salt
- 1/4 c unsalted butter, melted
Brown Butter Banana Cake
- 2 c all-purpose flour
- 1/4 c cornstarch
- 1 1/2 tsp baking powder*
- 1/2 tsp Kosher salt
- 2 large bananas, very ripe
- 10 tbs unsalted butter, cut into cubes
- 3/4 c sugar
- 1/2 c brown sugar, packed
- 2 tsp vanilla extract
- 2 large eggs, room temperature
- 1/3 c sour cream
- 2/3 c whole milk
Equipment
- 8×8'' metal baking pan
Instructions
Cinnamon-Sugar Swirl
- Add the brown sugar and cinnamon to a small bowl. Whisk until the mixture is smooth and clump-free. Set aside.
Cinnamon Streusel
- In a small bowl, whisk together the brown sugar, all-purpose flour, cinnamon, and a pinch of Kosher salt.
- Drizzle the melted butter over the flour-sugar mixture. Using the tines of a fork, stir everything together until you have a thick crumble. Set aside.
Brown Butter Banana Cake
- Line an 8×8'' metal baking pan with parchment paper. Then, grease with neutral oil or baking spray. Preheat the oven to 350°F.
- Add the all-purpose flour, cornstarch, baking powder, and Kosher salt to a small bowl. Whisk until smooth. Then, place the bananas on plate or in a shallow bowl. Use the tines of a fork to mash the bananas until they're very smooth. Set aside.
- To make the brown butter, melt the butter in a light-colored pan over medium heat. After a few minutes, it will start to simmer and foam up. Stir constantly until the butter smells toasty and there are brown bits on the bottom of the pan, about 5 minutes. Immediately remove the pan from the heat and pour the butter into a large heat-proof mixing bowl. You should have a 1/2 cup of brown butter. Let it cool for about 5 minutes. (Watch how to brown butter here).
- Pour the sugar and brown sugar into the brown butter. Whisk together until you have a sandy mixture. Then, add the vanilla extract and eggs, whisking rapidly until the mixture is pale and thick, about 2-3 minutes. Next, stir in the sour cream and mashed bananas until it's thoroughly mixed.
- Whisk half of the flour mixture into the butter-sugar mixture, followed by half of the milk. Repeat with the remaining ingredients, stirring just until the batter is combined. Don't over-whisk or the cake will be dense!
- Carefully spread about half of the batter in bottom of the prepared pan. Sprinkle the cinnamon-sugar mixture evenly over the batter. Then, carefully spread the remaining batter over the cinnamon-sugar. (This can get a little messy, but do your best! It doesn't have to be perfect). Use a skewer to gently swirl the batter and cinnamon-sugar (don't over-swirl). Crumble the streusel evenly over the top of the cake.
- Bake the banana coffee cake, checking for doneness at 1 hour and up to 1 hour and 10 minutes. The cake is finished when it no longer jiggles and an inserted toothpick has just a few moist crumbs on it. Let the cake cool for 20-30 minutes before slicing. Enjoy!