This delicious Banana Coffee Cake is filled with banana flavor and finished with a delicious peanut butter icing. If you love coffee cake and banana bread then this recipe is going to be your new favorite!

Why You’ll Love This Banana Coffee Cake

Ok, this Banana Coffee Cake is something SPECIAL, OK?! Seriously, when I was testing this recipe I immediately knew that it would be a favorite. The banana flavor, the perfect texture, the crumb topping, the PEANUT BUTTER DRIZZLE?! It’s kind of the perfect coffee cake, especially if you like banana baked goods. 

Not only is it delicious, this coffee cake is also relatively easy to make so if you’re a novice baker don’t worry! This recipe is beginner friendly!

Banana Coffee Cake Video

More Delicious Coffee Cake Recipes

coffee cake ingredients

Banana Coffee Cake Ingredients

Butter: this adds a bit of delicious butter flavor to the coffee cake.

Banana: mashed ripe banana gives this coffee cake the best banana flavor! when you’re picking bananas for this cake, be sure they are brown and spotty for the sweetest and best banana flavor.

Greek Yogurt: to give the coffee cake the best texture, this recipe calls for whole milk Greek yogurt.

Almond Milk: adds just a bit of extra moisture to the coffee cake.

Vanilla Extract: of course we’re using plenty of vanilla in this coffee cake.

Eggs: you’ll need two large eggs to provide some stability to the cake.

Brown Sugar: dark brown sugar helps to give the coffee cake some sweetness and rich flavor.

All Purpose Flour: you’ll need two cups of regular all-purpose flour.

Cinnamon: this recipe doesn’t skimp on the cinnamon! there’s plenty in the coffee cake batter, cinnamon swirl, and crumb topping.

Baking Powder and Soda: these leavening agents help to give the banana coffee cake some lift.

Salt: it may seem counterintuitive to add salt to a sweet cake batter but it is so needed! a pinch of salt helps to give all of your baked goods the best flavor.

Perfect Peanut Butter Icing

This coffee cake has the most delicious flavor all on its own but the addition of the peanut butter icing just takes it over the top! If you’re a peanut butter banana lover then you will LOVE the addition of this peanut butter drizzle.

What You Need:

  • powdered sugar – this is the base of the icing and gives it the perfect sweet flavor.
  • peanut butter – be sure to choose a creamy all-natural peanut butter for this recipe and not a peanut butter spread.
  • almond milk – this helps to think the icing out just a bit so that you can drizzle it over the cake.
  • vanilla extract – for the perfect touch of vanilla flavor!

To make the icing: Add the confectioner’s sugar, almond milk, and vanilla extract to a mixing bowl. Whisk together until well combined and smooth. Next, add the peanut butter and whisk together until smooth and creamy.

coffee cake batter

Ingredient Substitutions You May Need

  • Brown Sugar – don’t want to use brown sugar? swap it for coconut sugar instead.
  • Peanut Butter – if you have a peanut allergy, feel free to swap the peanut butter for almond butter instead. It won’t have the same flavor but it will give you the same texture!
  • Greek Yogurt – swap the Greek yogurt for sour cream in this recipe if you like.
  • Flour – need to keep this recipe gluten free? swap the all-purpose flour for gluten free cup for cup flour instead. My favorite gluten free flour replacement to use is CUP 4 CUP GLUTEN FREE FLOUR. It always work well for me as a 1 to 1 swap for all-purpose flour. Please note, that you cannot substitute almond flour, coconut flour, or cassava flour 1:1 in this recipe.

Helpful Kitchen Tools

coffee cake batter with middle cinnamon layer

How to Make Banana Coffee Cake

Step One: Preheat your oven to 350 degrees and lightly grease an 8×8 square pan or line with parchment paper.

Step Two: First make the streusel topping. Add the melted butter, brown sugar, all purpose flour, and cinnamon to a small mixing bowl. Stir together until well combined and a crumble forms. Set aside.

Step Three: Next, make the cinnamon layer. Add the dark brown sugar, all purpose flour, and ground cinnamon to a small bowl and stir until well combined.

Step Four: Now, make the coffee cake batter. Add the melted butter, Greek yogurt, mashed banana, vanilla extract, brown sugar, eggs, and almond milk to a large mixing bowl. Whisk together until well combined.

Step Five: To another mixing bowl, add the all purpose flour, salt, baking powder, baking soda, and cinnamon. Whisk together until well combined.

Step Six: Gently fold the dry ingredients into the wet ingredients until you have a thick batter. Transfer half the batter into the prepared baking dish and spread in an even layer. Next, sprinkle the cinnamon layer evenly over the batter. Pour the remaining batter over the cinnamon layer and smooth into an even layer. Sprinkle the streusel topping evenly over the coffee cake.

Step Seven: Bake the coffee cake at 350 degrees for 30-40 minutes or until a toothpick comes out clean when inserted into the middle of the cake. If using a ceramic baking dish the cake may take a bit longer to bake.

Step Eight: Let the coffee cake cool for 20-30 minutes before drizzling the icing over the cake while warm. Slice into 9 squares and enjoy!

Recipe Variations

  • Add chopped nuts – chop up some roasted peanuts and add them to the batter for a little extra texture and crunch. You could also use chopped walnuts if you prefer!
  • Throw in some chocolate chips – if you really want to make this coffee cake extra decadent, then add in some dark chocolate chips.
  • Add dried fruit – lastly, try adding in some dried fruit to the batter to switch things up!

coffee cake in baking pan before baking

How to Store and Reheat Coffee Cake

Store: If you plan to eat the coffee cake within a few days, you can leave it wrapped tightly, or in an air-tight container on the counter for 2-3 days. If you would like the cake to last a bit longer, you can wrap it tightly and store in the fridge for up to a week.

Freezing: You can also freeze your banana coffee cake! First, slice the cake into even slices and then wrap them individually in plastic wrap. Then, transfer the cake slices to a freezer safe storage bag. Store the sliced cake for up to three months. If you are freezing, I recommend waiting to put the peanut butter icing on the cake until after it is thawed.

Reheat: You can reheat a slice of the coffee cake from frozen in a 350 degree oven until warmed through. I like to wrap the cake in a bit of aluminum foil before placing in the oven to reheat. To reheat out of the fridge, you can place a slice in the microwave fro 15-30 seconds at a time until it is warmed through.

slice of coffee cake on plate

More Delicious Banana Recipes

Get all of the best reader favorite banana recipes, here!

I hope you give this Banana Coffee Cake a try! It’s easy to make and has the best flavor with that PB drizzle!! If you do give this recipe a try, let me know! 

Leave a comment with a star rating below. You can also snap a photo & tag @allthehealthythings on INSTAGRAM. Your reviews and ratings help support All the Healthy Things and make it possible for me to continue to create the recipes you trust and love.

Print
slice of coffee cake on plate

Banana Coffee Cake with Peanut Butter Icing

  • Author: Ashlea Carver
  • Prep Time: 30 minutes
  • Cook Time: 40 minutes
  • Total Time: 1 hour 10 minutes
  • Yield: 9 1x
  • Category: breakfast
  • Method: baking
  • Cuisine: american
  • Diet: Vegetarian
  • Author: Ashlea Carver
  • Prep Time: 30 minutes
  • Cook Time: 40 minutes
  • Total Time: 1 hour 10 minutes
  • Yield: 9 1x
  • Category: breakfast
  • Method: baking
  • Cuisine: american
  • Diet: Vegetarian

Ingredients

Middle Cinnamon Layer

  • 1/2 cup dark brown sugar
  • 2 tablespoons all purpose flour
  • 1 tablespoon ground cinnamon

Coffee Cake Batter

  • 4 tablespoons butter, melted
  • 1/2 cup whole milk Greek yogurt
  • 1 cup mashed banana
  • 2 teaspoons vanilla extract
  • 2/3 cup dark brown sugar
  • 2 large eggs
  • 1/4 cup almond milk
  • 2 cups all purpose flour
  • 1/2 teaspoon salt
  • 2 teaspoons baking powder
  • 1/2 teaspoon baking soda
  • 1 tablespoon cinnamon

Streusel Topping

  • 3 tablespoons butter, melted
  • 1/2 cup dark brown sugar
  • 1/2 cup all purpose flour
  • 1 teaspoon ground cinnamon
  • 1/4 teaspoon salt

Peanut Butter Icing

  • 2/3 cup confectioner’s sugar
  • 2 tablespoons almond milk
  • 1 tablespoon creamy peanut butter
  • 1 teaspoon vanilla extract

Method

  1. Preheat your oven to 350 degrees and lightly grease an 8×8 square pan or line with parchment paper.
  2. Make the Streusel Topping: Add the melted butter, brown sugar, all purpose flour, and cinnamon to a small mixing bowl. Stir together until well combined and a crumble forms. Set aside.
  3. Make the Cinnamon Layer: Add the dark brown sugar, all purpose flour, and ground cinnamon to a small bowl and stir until well combined.
  4. Make the Coffee Cake Batter: Add the melted butter, Greek yogurt, eggs, mashed banana, vanilla extract, brown sugar, and almond milk to a large mixing bowl. Whisk together until well combined.
  5. To another mixing bowl, add the all purpose flour, salt, baking powder, baking soda, and cinnamon. Whisk together until well combined.
  6. Gently fold the dry ingredients into the wet ingredients until you have a thick batter.
  7. Assemble the Coffee Cake and Bake: Transfer half the batter into the prepared baking dish and spread in an even layer. Next, sprinkle the cinnamon layer even over the batter. Next, pour the remaining batter over the cinnamon layer and smooth into an even layer.
  8. Transfer the batter into the prepared baking dish. Next, sprinkle the streusel topping evenly over the coffee cake.
  9. Bake the coffee cake at 350 degrees for 30-40 minutes or until a toothpick comes out clean when inserted into the middle of the cake. If using a ceramic baking dish the cake may take a bit longer to bake.
  10. Make the Peanut Butter Icing: Add the confectioner’s sugar, almond milk, and vanilla extract to a mixing bowl. Whisk together until well combined and smooth. Next, add the peanut butter and whisk together until smooth and creamy.
  11. Let the coffee cake cool for 20-30 minutes before drizzling the icing over the cake while warm. Slice into 9 squares and enjoy!
instagram logo

Did you make this recipe?

Share a photo and tag us — we can't wait to see what you've made!

Recipe by: Ashlea Carver / All the Healthy Things | Photography by: Eat Love Eat

Leave a Reply

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

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

7 Comments

  1. Rebecca Straseskie says:

    Absolutely delicious!!!!






  2. Perfect recipe for something different to do with ripe bananas! So so good!






  3. This was SO GOOD! I brought it to work and everyone raved, someone said I should have a bake sale for it 😂 this will be a new favorite for sure!






    1. Ashlea Carver says:

      haha, I love it! I’m so happy you loved it!

  4. Make this now. It is scrumptious. I gave most of mine away to friends, but I wish I hadn’t! I used cashew butter for the icing bc I didn’t have any peanut butter and I used a 1:1 gluten free flour.






  5. Delicious!!! This was easy to put together and uses mostly pantry staples, we will definitely be making this again!






    1. Ashlea Carver says:

      I’m so happy you loved it, Sara!