Jump to Recipe·Print Recipe·Leave a Review

Banana coffee cake is the ultimate treat for any time of the day—moist, tender, with a golden crust and a hint of sweetness that dances on your palate. Picture it served warm, fresh from the oven, with the rich aroma of baked bananas wafting through your kitchen. This cake perfectly blends the classic comfort of banana bread with the delightful texture of a coffee cake, making it an irresistible choice for brunches, afternoon snacks, or just a cozy night in.

The best part? It comes together with minimal fuss and uses ingredients you likely already have in your pantry. Whether you’re a seasoned baker or just tipping your toes into the world of desserts, banana coffee cake will welcome you with open arms. Trust me, the combination of golden brown bananas and creamy, decadent glaze will make you feel like a true kitchen pro. I can practically hear the compliments rolling in as your family and friends take their first bite! Let’s get you baking this delightful treat today.

Why You’ll Love This Recipe

Simple & Quick: Whip it up in about 40 minutes with just a handful of steps.
Irresistible Flavor: Moist, sweet bananas blended with warm cinnamon create a flavor explosion.
Eye-Catching Appeal: Topped with a crunchy streusel and creamy glaze, it’s a treat for the eyes as well as the taste buds.
Flexible Serving: Perfect for breakfast, as a midday snack, or a special dessert.
Diet-Friendly Options: Substitute the yogurt with a dairy-free version to make it more inclusive, if desired.

Ingredients You’ll Need

½ cup rolled oats: Adds a nutty flavor and a nice texture to the streusel topping. You can substitute with gluten-free oats if needed.
2 tablespoons all-purpose flour: Used for the streusel; can be replaced with a gluten-free flour blend for those avoiding gluten.
2 tablespoons light brown sugar: Brings a hint of caramel sweetness; dark brown sugar works too for a richer flavor.
2 tablespoons cold unsalted butter: Gives the streusel its crumbly texture; coconut oil can be a dairy-free substitute.
1 teaspoon vanilla extract: Enhances the overall flavor; use pure vanilla for the best taste.
½ cup avocado oil + 1 tablespoon: This keeps the cake moist; melted coconut oil is a great alternative.
3 large ripe bananas, peeled and halved: The star of our cake! Use overly ripe bananas for maximum sweetness.
¼ cup maple syrup: Natural sweetness that pairs wonderfully with bananas; honey can be used if you’re not vegan.
2 teaspoons vanilla extract (yes, we love it!): Adds depth to the cake.
2 large eggs: Provides structure; you can use flax eggs for a vegan option.
⅓ cup 5% Greek yogurt: Adds moisture; substitute with dairy-free yogurt for a dairy-free version.
½ cup almond milk: Keeps the batter light; any non-dairy milk works well here, including soy or oat milk.
2 cups all-purpose flour: The base of the cake; feel free to use whole wheat flour for a healthier twist.
1 teaspoon baking powder: Helps the cake rise, ensuring a fluffy texture.
½ teaspoon baking soda: Works with the acidic yogurt to create the perfect crumb.
½ teaspoon sea salt: Balances the flavors; table salt can be used in a pinch.
1 teaspoon ground cinnamon: Adds warmth and spice; a sprinkle of nutmeg can also add interest.
4 oz. cream cheese, softened: A key ingredient for the creamy glaze; vegan cream cheese is an easy alternative.
½ cup powdered sugar: Sweetens the glaze; maple powdered sugar works for a unique twist.
2-3 tablespoons milk: Helps the glaze become pourable; non-dairy milk is fantastic too.

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 halved bananas in the pan and cook for about 3 minutes. Flip them and cook for another 3 minutes until they’re golden brown. Set aside to cool slightly.
Preheat the oven: Set your oven to 350℉ and line an 8×8-inch baking dish with parchment paper. This helps prevent sticking, ensuring your cake comes out easily.
Prepare the streusel topping: In a mixing bowl, combine the rolled oats, 2 tablespoons of all-purpose flour, 2 tablespoons of light brown sugar, the cold butter, and 1 teaspoon of vanilla extract. Use a spoon or your fingers to mix everything together until crumbly. Set this mixture aside.
Mix the dry ingredients: In another bowl, add 2 cups of all-purpose flour, 1 teaspoon of baking powder, ½ teaspoon of baking soda, ½ teaspoon of sea salt, and 1 teaspoon of ground cinnamon. Toss them together to combine.
Combine wet ingredients: In a large mixing bowl, whisk together the maple syrup, ½ cup of avocado oil, 2 teaspoons of vanilla extract, 2 eggs, the cooked bananas, ⅓ cup of Greek yogurt, and ½ cup of almond milk. An electric mixer can make this process easier and ensure everything is well-blended.
Mix it together: Gradually add the dry ingredients to the wet mixture, stirring gently until just combined. Be careful not to overmix; a few lumps are just fine.
Bake the cake: Pour the batter into your prepared baking dish, spreading it out evenly. Top it generously with the streusel mixture. Bake for 20 minutes, then tent it with aluminum foil and bake for another 20 minutes. Check if the middle is mostly baked; it will continue to firm up even after you take it out.
Prepare the glaze: While your cake is cooling, mix together the softened cream cheese, powdered sugar, and 2-3 tablespoons of milk until smooth—this glaze is the perfect finishing touch!
Glaze the cake: Once the cake has cooled for about 15 minutes, drizzle the cream cheese glaze over the top, letting it highlight that beautiful streusel.

Storing & Reheating

Once your banana coffee cake is baked and cooled, you can store it at room temperature for up to two days, covered tightly to retain moisture. For longer storage, transfer it to the refrigerator, where it will stay fresh for about a week. If you want to hold onto it even longer, freeze the cake for up to three months in an airtight container or freezer bag. To reheat, pop a slice in the microwave for about 15-20 seconds—just enough to warm it up without compromising texture and flavor.

Chef’s Helpful Tips

Avoid overmixing: Mix just until combined to ensure a tender cake instead of a dense one.
Check banana ripeness: The sweeter the bananas, the better the flavor. Look for those with lots of brown spots.
Let eggs and yogurt come to room temperature: This helps to create a smoother batter.
Adjust the sweetness: Feel free to reduce the maple syrup if you prefer less sweetness, especially if your bananas are extremely ripe.

Banana coffee cake is not just a delicious treat; it’s an invitation to get creative in the kitchen. So whether you’re adding a sprinkle of nuts or some chocolate chips, let your imagination run wild. Enjoy this delightful bake with family and friends—they’re sure to ask for seconds!

Recipe FAQs

Can I use frozen bananas in this recipe?

Yes, you can absolutely use frozen bananas in your banana coffee cake. Just make sure to thaw them fully and drain any excess liquid before incorporating them into the batter for the best results. They’ll still provide that lovely banana flavor.

What can I replace the eggs with?

If you’re looking for an egg substitute, try using 1/4 cup of unsweetened applesauce or one flax egg (1 tablespoon of ground flaxseed mixed with 3 tablespoons of water). These alternatives will help maintain the cake’s moisture.

Can I make this banana coffee cake gluten-free?

Yes, you can! Simply substitute the all-purpose flour with a gluten-free flour blend. Make sure to also use certified gluten-free oats for the streusel topping. Your cake will be just as delicious!

How do I make the glaze dairy-free?

To make a dairy-free glaze, use plant-based cream cheese (there are several great options available) combined with powdered sugar and your choice of non-dairy milk. It will still add that lovely creamy element without dairy.

Banana Coffee Cake

Why You’ll Love This Recipe

Ingredients You’ll Need

How to Make Banana Coffee Cake

Storing & Reheating

Chef’s Helpful Tips