Banana Coffee Cake

Get ready to take a classic to the next level. This banana coffee cake has the melt-in-your-mouth soft taste of banana bread and the incredibly delicious cinnamon topping of a traditional coffee cake. You absolutely cannot go wrong with this decadent treat. Plus, it’s completely eggless!

Jump to Recipe
banana coffee cake

What is banana coffee cake? 

Banana coffee cake is a twist on the timeless classic. In this version we use boxed cake mix and bananas instead of eggs. It creates this unbelievably soft cake that tastes like it’s straight from a bakery! On top it lays the ultimate classic crumb topping that no coffee cake would be complete without. This cake is so easy, absolutely anyone can do it! It’s one way to take that old box cake you have lying around to the next level. 


  • yellow boxed cake mix
  • water 
  • oil 
  • bananas 
  • all-purpose flour
  • light brown sugar 
  • butter 
  • vanilla extract
  • cinnamon 

How to make banana coffee cake 

Make the cake

I love using boxed cake mix because you know you’re going to get a perfect cake every time in the easiest way possible. And this banana coffee cake recipe is no different. Start by taking your 3 bananas and mashing them up together. You can use a potato masher or just a fork here. You’ll want to use bananas that are more on the ripe side. They will be easier to mash up and they’ll have a stronger and sweeter flavour. The more brown spots a banana has, the riper it is. So this is one of those recipes that is perfect for utilizing those few leftover bananas you have just sitting there. 

Next, add your cake mix to a large mixing bowl with your oil and water. We’re using a little less water than the box says because the bananas add a lot of moisture and we don’t want to overdo it. Then you can add your bananas and mix everything together. You want to mix until everything is well combined and there are no large flour pockets. After that, set your oven to 325℉ and prepare your pan. In this recipe I use a deep 9”x13” pan for our banana coffee cake. This is because I love the ease of making only one cake but I also love the thickness of the cake that we get out of it. You can change up the cake pan to your preference or what you have available. Either way, grease your pan with some butter and line it with parchment paper. Then you can add your cake batter and smooth it out as much as possible. We do this so that the cake bakes evenly.

a full overhead view of the final cake before cutting it

Make the crumb topping

While you’re waiting for the oven to come to temperature, start making the crumb topping. You’ll want to use room temperature or softened butter for this. So if you need to, you can pop it in the microwave for 15-30 seconds to soften. Add that butter, flour, sugar, vanilla, and cinnamon to a large mixing bowl and mix together. This process isn’t as much mixing as it is kind of squishing. You can use a pastry cutter or your hands for best crumb results. You want to basically push everything into each other. The dry ingredients will combine with the butter and form a crumb like mixture. You know it’s done when the mixture is almost entirely uniform. 

Bake the cake

Once the oven has preheated, place the cake inside and cook for about 20 minutes if you’re using a 9”x13” pan. If not, you can follow the box from the cake you’re using to determine how long it should bake for. Keep in mind that the crumb topping will need around 10 minutes. So just remove that from your total time and that’s how long to put it in on its own. After the base of the banana coffee cake has mostly baked, take it out of the oven and add the crumb topping. You want to do this as quickly as possible so you do not affect the baking process too much. All you need to do is add the crumb topping onto the cake to cover as much of the surface as possible. There is no real method here, just try to cover the cake! There should be some crumbs formed in the mixture. If not, just make them by breaking it up into pieces. When the cake is as covered as you can get it, put it back in the oven for another 10 minutes. 

After that the cake is ready to come out of the oven for good! You’ll want to let it cool for a good chunk of time before you cut into it. I would give it at least 30 minutes to begin to cool and make it easier for you to cut pieces that don’t fall apart. After that you can serve it and enjoy your delicious banana coffee cake! 

How to store 

If you know you’ll eat your banana coffee cake within the next day, you can keep it at room temperature in an airtight bag or container. If you plan on having it for a few more days you should keep it in the refrigerator. The cake is so moist that it’s best kept cool in the fridge for a longer period of time, up to about 5 days. If you’d like to keep it for even longer you can most definitely freeze it. Just store it in a freezer safe bag or container and you can keep it frozen for up to 3 months. When you’re ready to have it again, just take it out and let it thaw to room temperature. 

Banana Coffee Cake

Get ready to take a classic to the next level. This banana coffee cake has the melt-in-your-mouth soft taste of banana bread and the incredibly delicious cinnamon topping of a traditional coffee cake. You absolutely cannot go wrong with this decadent treat. Plus, it’s completely eggless!
Prep Time15 minutes
Cook Time30 minutes
Total Time45 minutes
Course: Dessert
Cuisine: American
Keyword: banana, banana coffee cake, boxed beauties, boxed cake, cake, cake mix, coffee cake
Servings: 12 pieces
Author: Gianna


Banana Cake

  • 1 yellow boxed cake mix
  • 3 ripe bananas
  • ¾ cup water
  • cup oil

Crumb Topping

  • 2 cups all-purpose flour
  • 1 cup light brown sugar
  • 1 ¼ cup butter room temperature
  • 2 tsp vanilla extract
  • 2.5 tbsp cinnamon


  • Mash all 3 bananas until as smooth as possible.
  • Prepare the cake by adding cake mix, bananas, water, and oil to a large mixing bowl. Mix until well combined.
  • Grease and line a deep 9”x13” pan. Add cake batter and smooth out.
  • Preheat oven to 325℉.
  • Make the crumb topping by adding flour, sugar, butter, vanilla, and cinnamon to a large mixing bowl.
  • Use a pastry cutter or hands to mix together until a crumb like mixture forms.
  • Place cake in the oven and bake for around 20 minutes.
  • Remove cake from the oven and add crumb topping to cover the entire surface of the cake.
  • Place cake back in the oven and bake for about 10 more minutes.
  • Remove and let cool for roughly 30 minutes.
  • Dust icing sugar on top if desired. Enjoy!

Your next favourite dessert is waiting for you:

Ultimate Childhood Cereal Treats

Apple and Blueberry Crumble

S’mores Cookie Bars

Biscoff Blondies

Condensed Milk Brownies

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating