Jump to Recipe·Print Recipe·Leave a Review

Banana coffee cake is a delightful fusion of flavors and textures, marrying the rich sweetness of ripe bananas with the comforting crumb of your favorite coffee cake. Each bite is a warm embrace, featuring a soft, moist interior complemented by a crispy streusel topping that adds just the right amount of crunch. This cake strikes the perfect balance between decadent and homey, making it a wonderful addition to your breakfast table or a sweet snack any time of the day.

I still remember the first time I made banana coffee cake. It was a chilly Sunday morning, and I was searching for a way to use up some overripe bananas sitting on my counter. As I whisked together the ingredients, the enticing aroma of warm spices and caramelizing fruit filled my kitchen. The result was a cake that disappeared faster than I could have imagined. Whether you’re indulging with a cup of coffee or serving it to guests, this banana coffee cake is sure to impress.

Why You’ll Love This Recipe

Simple & Quick: You can whip this up in about an hour, making it ideal for brunch or a last-minute dessert.
Irresistible Flavor: The combination of caramelized bananas and warm spices creates a taste that’s both nostalgic and satisfying.
Eye-Catching Appeal: With its golden brown streusel topping and smooth glaze, this cake is a feast for the eyes.
Flexible Serving: Perfect for breakfast, an afternoon snack, or a cozy dessert after dinner.
Diet-Friendly Options: Easy to modify for gluten-free and dairy-free diets with simple substitutions.

Ingredients You’ll Need

½ cup rolled oats: Adds a nutty flavor and hearty texture to the streusel topping.
2 tablespoons all-purpose flour: Helps bind the streusel ingredients for a crumbly topping.
2 tablespoons light brown sugar: Sweetens the streusel with a hint of caramel flavor.
2 tablespoons cold unsalted butter: Gives the streusel its delightful crunch.
1 teaspoon vanilla extract: Enhances the flavors throughout the cake.
½ cup avocado oil + 1 tablespoon, separated: Keeps the cake moist; feel free to use vegetable or coconut oil as substitutes.
3 large ripe bananas, peeled and halved: The stars of this recipe, providing natural sweetness and moisture.
¼ cup maple syrup: Adds depth of flavor and sweetness; honey or agave syrup can work well too.
2 teaspoons vanilla extract: Enhances sweetness and rounds out the flavors.
2 large eggs: Binds the ingredients together and helps the cake rise.
⅓ cup 5% Greek yogurt: Contributes creaminess and stability; non-dairy yogurt is a good alternative.
½ cup almond milk: Keeps the batter moist; any milk should suffice.
2 cups all-purpose flour: The base for the cake; can be substituted with a gluten-free blend if necessary.
1 teaspoon baking powder: Helps the cake rise for a fluffy texture.
½ teaspoon baking soda: Works together with the baking powder for a perfect lift.
½ teaspoon sea salt: Balances the sweetness of the cake.
1 teaspoon ground cinnamon: Adds warmth and depth of flavor.
4 oz. cream cheese, softened: Creates a rich glaze for topping.
½ cup powdered sugar: Provides sweetness to the glaze; can substitute with coconut sugar for a different flavor.
2-3 tablespoons milk: Adjusts the glaze consistency; use any milk to achieve the desired thickness.

How to Make Banana Coffee Cake

Cook the Bananas: Heat 1 tablespoon of avocado oil in a large nonstick skillet over medium heat. Place the bananas cut-side down in the skillet and cook for about 3 minutes, until they start to caramelize. Flip them and cook for another 3 minutes until golden brown. Set aside to cool.
Preheat the Oven: Preheat your oven to 350℉ (175℃) and line an 8×8-inch baking dish with parchment paper for easy removal of the cake later.
Prepare the Streusel Topping: In a mixing bowl, combine ½ cup rolled oats, 2 tablespoons all-purpose flour, 2 tablespoons light brown sugar, 2 tablespoons cold unsalted butter, and 1 teaspoon vanilla extract. Use a fork or your fingers to mix these ingredients until a crumbly mixture forms. This should take about 4-5 minutes. Set it aside for later.
Mix the Dry Ingredients: In a separate bowl, whisk together 2 cups all-purpose flour, 1 teaspoon baking powder, ½ teaspoon baking soda, ½ teaspoon sea salt, and 1 teaspoon ground cinnamon. This helps distribute the leavening agents evenly throughout the batter.
Combine the Wet Ingredients: In another bowl, mix ¼ cup maple syrup, ½ cup avocado oil, 2 teaspoons vanilla extract, 2 large eggs, the cooled roasted bananas, ⅓ cup Greek yogurt, and ½ cup almond milk using an electric mixer until smooth and creamy.
Combine Wet & Dry Ingredients: Slowly add the flour mixture to the wet ingredients, mixing until just combined. Be careful not to overmix, as this can lead to a dense cake.
Bake the Cake: Pour the batter into the prepared baking dish, smoothing it into an even layer. Top generously with the streusel mixture. Bake in the preheated oven for 20 minutes, then cover with a tent of aluminum foil and bake for an additional 20 minutes. The cake should be almost set in the middle; remember it will continue to cook after removing it from the oven.
Make the Glaze: While the cake cools, prepare the glaze by beating together 4 oz. softened cream cheese, ½ cup powdered sugar, and 2-3 tablespoons of milk until smooth and creamy.
Cool and Glaze: Allow the cake to cool for about 15 minutes before drizzling with the glaze. This cooling period helps the glaze set beautifully on top.

Storing & Reheating

To store your banana coffee cake, keep it at room temperature in an airtight container for up to 3 days. If you need to preserve it longer, refrigerate it for up to a week. For freezing, wrap the cooled cake tightly in plastic wrap followed by aluminum foil, and freeze for up to 3 months. When you’re ready to enjoy it, simply thaw the cake in the fridge overnight and reheat slices in the microwave for about 20-30 seconds. The texture might change slightly, but a quick reheat will refresh its deliciousness.

Chef’s Helpful Tips

To avoid a dense cake, make sure to mix the wet and dry ingredients just until combined—overmixing is a common pitfall.
Use ripe bananas for the best flavor; the more speckled, the better.
Let your eggs and yogurt come to room temperature before mixing; this helps with even blending.
If you’re adding nuts or chocolate chips, fold them in gently at the end for added texture and flavor.
Want to dress it up? Top the cake with sliced bananas or chopped nuts before the glaze for an extra touch.

Banana coffee cake is an incredible way to celebrate the sweetness of life. From its comforting flavor to its perfect pairing with a hot beverage, there’s just something special about this cake. Feel free to experiment with the recipe—maybe try incorporating some nuts or other spices—and make this treat your own.

Recipe FAQs

Can I make this banana coffee cake ahead of time?

Absolutely! This cake stores well and can be made a day ahead. Just keep it in an airtight container to maintain its moisture. In fact, many people feel it tastes even better the next day as the flavors meld.

What can I substitute for gluten-free flour?

You can easily swap in a gluten-free all-purpose flour blend for the 2 cups of all-purpose flour. Just be sure your blend contains xanthan gum, or add 1 teaspoon of it to help the cake hold together.

How do I know when the cake is done?

You can check for doneness by inserting a toothpick into the center of the cake. If it comes out clean or with a few moist crumbs, the cake is done. If it comes out wet with batter, give it a few more minutes in the oven.

Can I make a sugar-free version?

Yes, you can replace the brown and powdered sugars with a sugar substitute like erythritol or monk fruit, adjusting as needed to achieve the same sweetness. Keep in mind the flavor might differ slightly, but it should still be delicious!

Banana Coffee Cake