Banana Coffee Snack Cake

When you love banana bread and coffee cake, the natural thing to do is combine them to make a truly special Banana Coffee Snack Cake! It's warm, tender, and deeply comforting, made with ripe bananas, brown butter, cinnamon, pecans, and a golden crumb topping. It is moist, nostalgic, and perfect for slow mornings, afternoon coffee, or anytime you want a simple homemade coffee cake that feels a little extra special.

This post may contain affiliate links

Revisting Banana Coffee Snack Cake

Spring cleaning is happening on my website!! I am doing a deep dive into old recipes (we are talking 9-10 years old) and deciding who gets to stay and who gets to be revamped. My goodness, this is a humbling affair. Looking back, I am so proud of how far I have come both in developing recipes and, most especially, my photography.

Truth time.. The old Banana Snack Coffee Cake was never quite right. Back in the day, I would make a recipe once and throw it up on my website. I had zero knowledge of anything, but I desperately wanted to be a blogger, so off I went blindly into the night. Things are different now. NOW I test my recipes several times to make damn well sure they are solid. I think the comments and 5 stars you guys give me are a testament to that. Ps, thank you… It’s funny, I can only imagine 10 years from now looking back on these words and think look at how far you’ve come. We shall see!

This *NEW* version is perfect!

It is the quintessential coffee cake. I created a brown butter streusel with a pinch of salt to make for the top of the cake, and all I can say is WOW. Not only is there brown butter in the streusel, but it’s also in the batter. CHEF’S TIP: When making the brown butter, make SURE you get all the lovely brown bits and specks off the bottom of your pan or pot. That’s the gold. The butter is great, but the brown specks are where all the flavour lives.

Most coffee cakes come with a drizzle or glaze, but I am keeping this one naked. You could serve it with a side of Greek yogurt (adding protein), ice cream or whipped cream. I will let you decide. I also added 2 tbsp of olive oil to the cake. Adding that helps keep this cake moist. Nothing is worse than a dry ass coffee cake.

What is Banana Coffee Cake?

Traditionally, coffee cake is a soft, tender cake meant to be served with coffee, but what might not be so obvious is that the cake may not contain any coffee at all! Typically, it has a crumb topping or streusel topping, warm spices, and a moist texture. This banana coffee cake recipe brings in ripe bananas for natural sweetness, pecans for crunch, and brown butter for that nutty, golden depth that makes the whole thing taste as if it came from a beautiful bakery.

What You’ll Need to Make This Banana Coffee Snack Cake

To make this snack cake recipe, you’ll need:

  • 8-inch springform pan
  • parchment paper, small pot or pan for browning butter, whisk, spatula, mixing bowls, and your oven!

Banana Snack Coffee Cake Ingredients

The ingredients in this snack cake are simple, intentional and necessary! I’ve included a few substitutions, but for the most part, all the ingredients are straightforward and essential!

  • Ripe Bananas are the heart of this banana snack cake recipe. They add natural sweetness, moisture, and that soft banana flavour that makes this cake feel comforting and familiar. The riper the banana, the sweeter and more flavourful your cake will be!
  • Coconut Sugar is my unrefined way of adding sweetness and a deeper, caramel-like flavour to the cake batter. If you do not have coconut sugar, brown sugar will work, and white sugar can be used in a pinch, although I may adjust the amount used.
  • Brown Butter is what makes this cake taste special. As butter cooks, the milk solids brown and create a nutty, toasted flavour.
  • Olive Oil used in a small quantity, keeps this cake moist and tender. Nothing is worse than a dry coffee cake, and the combination of brown butter and olive oil gives this moist banana coffee cake recipe the best texture.
  • Vanilla rounds out the flavours and brings warmth to the batter. It helps the banana, cinnamon, and pecans feel cohesive.
  • Eggs provide structure and help the cake rise. Originally, I made this recipe with flax eggs, and you could do that this time around if you want to, but the real eggs add richness, giving the cake that soft but sturdy texture you want.
  • Baking powder gives the cake lift and helps keep the crumb light rather than dense.
  • Cinnamon adds warmth and classic coffee cake flavour. It appears in both the batter and the streusel, giving every bite that cozy bakery-style taste.
  • Flour gives the cake its structure. This recipe is not gluten-free, but if you need to make it gluten-free, a good gluten-free flour blend can be used in the same measurement.
  • Salt balances the sweetness and enhances the brown butter, banana, and cinnamon. It is especially important in the streusel because it keeps the topping from tasting overly sweet.
  • Pecans add crunch, richness, and a beautiful nutty flavour. They are folded into the batter and used in the crumb topping, giving this banana crumb coffee cake texture in every bite. Use any nut you’d like here or omit completely if keeping things nut free.

How to Make This Snack Cake!

Preheat your oven to 350°F. Line the bottom of an 8-inch springform pan with parchment paper and grease the sides. This will make it much easier to release the cake once it has baked and cooled slightly.

Brown the Butter

Add the butter to a small pot or pan over medium heat. Once it melts, swirl the pan often. After a few minutes, it will begin to smell nutty and warm. Reduce the heat slightly as it starts to foam. Underneath that foam, the butter will begin to brown. You are looking for golden brown specks at the bottom of the pan. Remove it from the heat and let it cool slightly before using.

Mash the Bananas

Add the ripe bananas to a large bowl and mash them well. You want them soft and mostly smooth, with just a little texture remaining. The bananas should look glossy and naturally sweet. If you’re using frozen bananas, make sure they are completely thawed before mixing them with the other ingredients.

Wet and Dry Ingredients

Add the brown butter, olive oil, and coconut sugar to the mashed bananas, then whisk to combine. Add the eggs and vanilla and whisk again until everything looks smooth and cohesive. Add the baking powder, cinnamon, salt, and flour. Use a spatula to gently fold everything together. The batter should look thick, soft, and fragrant. Fold in the chopped pecans until evenly distributed.

Make the Streusel Topping

In a medium bowl, stir together the coconut sugar, flour, cinnamon, salt, brown butter, and chopped pecans. The mixture should look crumbly and buttery. This is what will bake into that golden, textured crumb topping.

Assemble the Cake

Pour the batter into your prepared springform pan and smooth out the top. Scatter the streusel evenly over the cake, making sure every section gets some of that buttery pecan topping.

Bake Until the Centre is Set

Bake for 35 to 40 minutes, or until the centre of the cake is fully cooked. Use a skewer to test the middle. It should come out clean or with a few moist crumbs, but not wet batter. The top should look golden, and your kitchen will smell like brown butter, cinnamon, and bananas.

Cool Before Slicing

Let the cake cool in the springform pan for 10 minutes before releasing it. Allow it to cool for about 30 minutes more before slicing (if you can!!).

What to Serve with Coffee Cake

I mean, coffee, obviously! In all seriousness, you don’t really need anything else, perhaps tea if you’re not a coffee drinker. Some people like ot put a glaze on their coffee cakes, but I wanted to make this a little simpler and go easy on the sugar. However, do as you wish!  If you want to add something on the side, Greek yogurt would be lovely and adds a little protein. A scoop of vanilla ice cream would turn it into a dessert, while whipped cream would make it feel extra special.

How to Store This Snack Cake

Store in an airtight container at room temperature for up to three days. If your kitchen is warm, you can store it in the fridge to keep it fresher longer. You can also freeze individual slices. Wrap them well and store them in a freezer-safe container. Future you will be very happy to find a slice of homemade coffee cake waiting!

Tips for Banana Snack Coffee Cake

  • Use very ripe bananas for the best flavour. They should be soft, speckled, and sweet. If your bananas are still firm, the cake will not have the same depth of flavour or moisture.
  • Do not rush the brown butter. Let it foam, swirl the pan, and watch for the golden brown bits. Those little specks are where the flavour lives.
  • Make sure the centre of the cake is fully baked. I like using a skewer to test, as toothpicks just aren’t long enough. 
  • Let it rest in the springform for 10 minutes before releasing. I like to let it cool for 30 minutes before slicing (longer if you’re baking gluten free).

Banana Snack Coffee Cake FAQ

Does coffee cake contain coffee? Not usually. Despite the name, coffee cake typically does not contain coffee. It is called coffee cake because it is meant to be served with coffee. 

Can I make this banana coffee cake gluten-free? Of course, use a good gluten-free flour blend in the same amount. Depending on the blend, you may need to add one to three tablespoons of milk to loosen the batter slightly.

Can I make this without pecans? Yes. You can leave the pecans out or swap them for walnuts.

How do I know when banana coffee cake is done? The centre should be fully baked, and a skewer inserted into the middle should come out clean or with a few moist crumbs. If there is wet batter, give it more time.

Did You Make This Recipe?

I would love to know how you liked this snack cake!! Leave a comment and rating below and share your thoughts. Try these recipes next!

Pumpkin Crumble Cake
Gingerbread Crumble Cake
Gluten-Free Apple Crumble Cake
Carrot Banana Crumble Cake

TERI ANN CARTY

Food Photographer and Recipe Developer based in Toronto, Canada. 

FREE EBOOK
A Few Favourites

Join my mailing list!

Banana Coffee Snack Cake

When you love banana bread and coffee cake, the natural thing to do is combine them to make a truly special Banana Coffee Snack Cake! It's warm, tender, and deeply comforting, made with ripe bananas, brown butter, cinnamon, pecans, and a golden crumb topping. It is moist, nostalgic, and perfect for slow mornings, afternoon coffee, or anytime you want a simple homemade coffee cake that feels a little extra special.
Print Pin Rate
Servings: 8 pieces
Author: Teri-Ann Carty
Prep Time: 15 minutes
Rest Time: 30 minutes
Total Time: 1 hour 15 minutes

Equipment

  • 8” springform pan
  • whisk, spatula, oven

Ingredients

  • 3 small ripe bananas or 2 large
  • ½ cup coconut sugar
  • ¼ cup butter browned (I use salted butter)
  • ¼ cup olive oil
  • 1 tsp vanilla
  • 2 eggs
  • 2 tsp baking powder
  • 1 tsp cinnamon
  • cups flour
  • ½ tsp salt
  • ½ cup pecans roughly chopped

Streusel Ingredients

  • ¼ cup coconut sugar
  • ¼ cup flour
  • 1 tsp cinnamon
  • ¼ tsp salt
  • ¼ cup browned butter
  • ½ cup pecans roughly chopped

Instructions

  • Preheat oven to 350.
  • Line the bottom of an 8" springform pan with parchment paper and grease the sides.
  • Add 1/2 cup butter to a small pot or pan over medium heat. Once butter melts, swirl the pan often for a few minutes until it starts to smell nutty. Reduce heat slightly. It will start to foam and brown under the foam. Remove from the heat and let it cool slightly before using in the recipe.
  • Add bananas to a large bowl and mash well. Add 1/4 cup brown butter, olive oil and sugar and whisk to combine.
  • Add eggs and vanilla and whisk again.
  • Add baking powder, cinnamon, salt and flour. Use a spatula to combine.
  • Add in 1/2 cup pecans and combine well.
  • Pour batter into the prepared springform and smooth out the top.
  • Add streusel ingredients to a medium bowl and stir to combine.
  • Scatter topping onto the cake.
  • Bake for 40 minutes or until the centre of the cake is fully cooked.
  • Let the cake cool for 10 minutes before removing the springform. Allow the cake to cool 30 minutes more before slicing.

Notes

If you don't have coconut sugar, use brown. White will also work.
Use a good gluten-free flour blend if necessary; the measurements will stay the same; however, you may need to add 1-3 tbsp of milk. If your gf flour has xanthan gum or guar gum in the blend, it will change the texture of the batter (making it thicker).

Nutrition

Serving: 1piece | Calories: 454kcal | Carbohydrates: 47g | Protein: 6g | Fat: 29g | Saturated Fat: 9g | Polyunsaturated Fat: 4g | Monounsaturated Fat: 13g | Trans Fat: 0.5g | Cholesterol: 71mg | Sodium: 461mg | Potassium: 260mg | Fiber: 3g | Sugar: 16g | Vitamin A: 451IU | Vitamin C: 4mg | Calcium: 89mg | Iron: 2mg

*Macros are provided as an estimate for convenience. Your final numbers will vary depending on ingredient brands, substitutions, and how you portion the recipe.

2 Responses

Leave a Reply

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

Recipe Rating




SUBSCRIBE!

Join my mailing list and be the first to get my recipes, discounts to brands I love and more! I promise not to spam you.