Our banana coffee cake recipe comes out super tender and moist. A great overripe bananas recipe you can make for breakfast or dessert when your fruit is turning sweeter and brown. Don’t waste that fruit, use it to make this!

banana coffee cake
Want to save this recipe?
Just enter your email and get it sent to your inbox! Plus you’ll get new recipes from us every week!
Please enable JavaScript in your browser to complete this form.

Whether you decide to add some instant coffee or just leave it plain with the crumble on top, this treat is amazing. Make this for your next brunch or potluck and it won’t last long. (affiliate links present)

This is a cross between our banana bread bundt cake and our coffee cake muffins. I mean they are both killer on their own but mixed together and you get a third awesome baked good choice to serve. You can never have too many choices to choose from when you have brown naners on your countertop.

You know how I hate to waste food. Especially when it comes to something that added to a sweet bread can give it more flavor and moisture. It’s almost the same magic that sour cream in cakes makes. Like I can never figure out how many of these babies I should buy week to week. My kids might eat them all and then not touch them a week later.

overripe bananas

Ingredients and Notes

You are going to want to add a few eggs. When baking it is best to allow them to come to room temperature first. This will allow them to incorporate better into the batter and become fluffier than if you didn’t.

Melted butter allowed to come to room temperature before adding is needed here. I like salted so you don’t have to add a pinch beyond that.

To sweeten we are going to add both granulated white sugar as well as brown sugar which is a richer sweet with a touch of molasses. Add a pinch of cinnamon if you like that flavor in there.

Then you want a few ripe bananas. The color should be a deep brown, not black. If you aren’t ready but the color is perfect, set them in a bowl or bag and into the fridge which will buy you a few days until you’re ready.

All purpose flour and baking soda are the dry ingredients and should be spooned in, not scooped. Read how to measure flour so it is fluffy and not dense when done.

Sour cream or Greek yogurt are better than oil. If you haven’t made this swap you’ll be amazed at how much more moist the end result will be. Other alternatives would be mashed avocado or even pumpkin puree!

banana bread in 9x13 pan

Variations

Adding our muffin crumb topping makes an ordinary slice into something with a few different textures. I love the bits of oatmeal on there, which are great for you too. You could add a dash of banana flavoring, or instant coffee too if you wanted. You can add pie filling instead of fruit like our cherry coffee cake too. All are optional but suggestions.

with Cake Mix

SO if I have tons of choices like adding them into a cake or make a loaf of our 4 ingredient banana bread I feel like I’ve saved myself some $. AND I can make something delicious with them that we can all enjoy together so that makes a huge win win win.

Dairy free option

Yes, I have to do this for my husband and have found ingredients to substitute that taste amazing. There’s lactose free sour cream and plant based butter at the store you can find almost everywhere now. You can’t even tell the difference with this healthy coffee cake.

Banana Bread Coffee Cake
A white baking dish holds a freshly baked banana coffee cake with a crumb topping, resting invitingly on a light countertop.
No ratings yet

Banana Coffee Cake Recipe

By Justine
How to make coffee cake with bananas. A great breakfast or dessert with a cup of Joe. Best overripe bananas recipe you can make when your fruit is brown.
Prep: 15 minutes
Cook: 40 minutes
Servings: 12

Equipment

Ingredients 

Coffee Cake with Bananas

  • 2 eggs
  • 1 cup butter, softened
  • 1 cup sugar
  • 1 cup brown sugar
  • 2 ripe bananas, mashed
  • 2 1/4 cup all purpose flour
  • 1 tsp cinnamon
  • 1.5 tsp baking soda
  • 3/4 cup sour cream, or Greek yogurt
  • 1 tsp instant coffee, optional

Streusel Topping

  • 1/2 c butter, cold, cubed
  • 1/2 c brown sugar
  • 1/2 c sugar
  • 1/4 c instant oats, optional
  • 1/4 c nuts, crushed, optional
Want to save this recipe?
Just enter your email and get it sent to your inbox! Plus you’ll get new recipes from us every week!
Please enable JavaScript in your browser to complete this form.

Instructions 

  • Mix wet ingredients together. It might be a but lumpy but that is ok! Add in baking soda and let sit for 30 seconds. Mix in instant coffee, if you're adding that.
    Thick yellow batter for banana bread with mayonnaise being mixed in a white bowl with a metal spoon.
  • Mix in dry ingredients. You want the batter to be think but spreadable. Grease a 9×13 pan and add in the batter.
    Banana coffee cake batter in a white baking dish, ready to be baked.
  • Bake at 325 F in preheated oven for 20 minutes, remove from oven, and then add crumble on top. To make the crumble mash the ingredients together to create a crumbly mixture. Sprinkle on top of the cake.
    Close-up of a crumbly banana coffee cake slice on a wooden spatula above the rest in a baking dish.
  • Bake for another 20 minutes (or so depending on your altitude) or until toothpick comes out mostly clean with crumbs attached.

Nutrition

Serving: 1oz, Calories: 547kcal, Carbohydrates: 71g, Protein: 5g, Fat: 28g, Saturated Fat: 17g, Polyunsaturated Fat: 2g, Monounsaturated Fat: 8g, Trans Fat: 1g, Cholesterol: 97mg, Sodium: 343mg, Potassium: 119mg, Fiber: 1g, Sugar: 52g, Vitamin A: 839IU, Vitamin C: 0.2mg, Calcium: 56mg, Iron: 2mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Additional Info

Course: Breakfast, Dessert
Cuisine: American
Tried this recipe?Mention @thetypical_mom or tag #thetypicalmom!

Tips

This is super easy to throw together. I like to mash the bananas first in the large bowl where I will add the other wet ingredients into. I do not like to use a mixer as I think it creams the fruit too much and I prefer to have some larger chunks here and there inside. I think it makes it overall more moist but just my opinion.

We used a bit lower temperature than many others who set the oven to 350 degrees. This lower and slower will make the insides more moist. I do have a printable recipe card at the bottom of this post for you.

A bit lower heat will keep this nice and moist, you don’t want to dry it out y’all. We used this with our banana pudding cake and have never gone back. That is why I say it’s done when there are moist crumbs attached, not dry. Set on a cooling rack when done immediately so the pan can cool off and not continue to heat the bread and dry it out.

Coffee Cake Crumble

You are going to start with some butter that is cold, cubed or shaved on a cheese grater. This 1/2 cup brown sugar will sweeten it with some white sugar too. I add instant oats instead of Old Fashioned just for some texture and crushed nuts.

Any sort of crumb cake just gets my mouth watering. The only one I don’t add this to is our Instant Pot coffee cake. Reason being is that the top of that one doesn’t brown so it ends up getting kinda’ weird.

How to Make Banana bread in 9×13 pan

Most of the time when you make this baked good you spoon it into a 9×5 loaf pan. That is the case with our Bisquick banana bread or “traditional” homemade style. Doubling that isn’t quite right for the larger 9×13 size but you could make it work. This is designed to cook in that size. I like using a porcelain dish so it looks nice right from the get go.

A nice size to bring to a party for sure. The dish I have came with a plastic lid too so once it cools I can pop that on and tote it with me there. Great way to store leftovers too so you don’t have to dirty more than one dish to do so. If you only have a few slices left though I would move it into something smaller. air is the enemy as far as drying it out.

How to Reheat Leftovers

You’re going to want to save it in an airtight container or baggie so maintain as much moisture as you can. Adding a bit of something to the top will help when you’re ready to enjoy it again too though. A pat of butter works great, a drizzle of honey or even maple syrup can work for this. Then heat in the microwave for 45 seconds per slice.

Banana Bread Cake

What’s the difference between coffee cake and streusel?

The only real change is the topping on top. Like if you made “regular” muffins they would be your cake choice. If you add the next layer on the top though before you bake them they transition into other like our pumpkin streusel muffins recipe. They are both great but with very different textures and the additional layer adds sweetness too.

Does coffee cake have caffeine in it?

I will say that not all coffee cakes have caffeine in them, a lot don’t. That is an optional element you can choose to include, or not. If you do then you’d need to use already grown instant style out of the jar. You could try it both ways or do half and half in the same dish. If you do this just put a toothpick in the center so you know which half is which.

Use two bowls to mix together batter for coffee cake with bananas. If you just want it super moist and soft like our banana upside down cake just omit the topping all together.

Coffee Cake with Bananas

About Justine

Justine is the creative mind behind The Typical Mom and The Typical Family on YouTube. She began blogging about easy recipes, budget friendly activities for kids, and fun family travel destinations in September 2012.

You May Also Like

Leave a comment

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

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.