Banana Coffee Cake Recipe

Banana Coffee Cake Recipe

Banana coffee cake combines the moist, sweet flavors of classic banana bread with the rich, comforting taste of coffee cake, featuring a chocolate chip-infused crumble topping that adds a delightful crunch. This irresistible fusion creates a cozy, inviting dessert or breakfast treat perfect for pairing with your favorite coffee or tea.

Why This Recipe Works

The Best Combination: If you love coffee cake and you love banana bread, you are absolutely going to love this banana coffee cake recipe! I couldn’t think of a better combination. The sweet bananas add a layer of sweetness and keep the cake super moist, while the streusel topping adds a lovely texture! I couldn’t help myself and added some chocolate chips on top to make this treat extra special!

Use Up Ripe Bananas: I know I am not the only one who buys bananas, doesn’t eat them all, and then has to freeze them until I decide to make some banana bread! Well, now is your chance to actually use those bananas! And this easy banana coffee cake recipe is the perfect way to use up those bananas. It is something new and delicious with a similar, nostalgic taste that you love!

Close up shot of banana coffee cake on a plate topped with chocolate chips and a glaze.

Supplies Needed

  • Mixing Bowls
  • Pastry Cutter
  • Cake or Brownie Pan

Ingredients

  • Bananas: The more over ripe the bananas, the sweeter they will be!
  • Sugar: To keep things nice and sweet.
  • Egg: Egg helps the coffee cake to get some rise in the oven and a fluffy texture!
  • Butter: To the batter, you will want to add melted butter.
  • Flour: All-purpose flour works great here. If you want to make gluten-free banana coffee cake, you can use a gluten-free replacement flour.
  • Baking Powder & Baking Soda: Both baking powder and baking soda are added here to help the coffee cake rise in the oven!
  • Salt: To balance out all the flavors.
  • Topping: To create a crumbly streusel topping, you can combine butter, flour, brown sugar and chocolate chips for some added sweetness!
Banana Coffee Cake Recipe ingredients

How To Make Banana Coffee Cake

The Coffee Cake Base

  1. Preheat & Prep: Preheat the oven to 350 F and lightly grease an 8 inch cake pan or an 8×8 inch square pan. Add a small precut piece of parchment paper to the bottom of the pan for easy release after cooling.
  2. Start the Batter: In a large mixing bowl, mash the 4 ripe bananas (I like to use a potato masher but a fork works too). Stir in the sugar, egg and melted butter.
  3. Add Dry Ingredients: To the wet ingredients, add the flour, baking powder, baking soda, and salt. Fold everything together so it is just mixed. Do not over mix.
  4. Add to Pan: Pour the batter in the greased prepared pan and set it aside.
Steps for making the banana coffee cake batter

The Topping

  1. Make the Topping: In a bowl, add the cold butter (cubed), flour, and brown sugar. Use a pastry blender or pastry cutter to create a crumble with the mixture until it looks like cornmeal.
  2. Top the Batter: Pour the crumble mixture over the top of the batter and then sprinkle on the chocolate chips. Press them down just slightly.
  3. Bake: Place the coffee cake into the oven on the center rack and bake for 50-55 minutes or until the center comes out clean with a toothpick.
  4. Cool: Remove it from the oven and let it fully cool until the chocolate chips set and the pan is no longer warm.
  5. Remove & Serve: Flip the coffee cake out from the pan and place onto a plate, chocolate chip side up. Cut into 12 servings and enjoy!
Streusel topping on banana coffee cake

Expert Tips And Variations

  • Flour: You can absolutely make this banana coffee cake recipe into a gluten-free version with a gluten-free flour that is a cup to cup replacement of all-purpose flour!
  • Add a Glaze: If you want to, you can definitely drizzle a simple glaze on top for a little extra sweetness! To do so, simply whisk together about 1/2 cup of powdered sugar with 1 tbsp of milk or water! If you need a thinner consistency, add a little bit more liquid. Drizzle on top of your banana coffee cake once it is fully cooled.
  • Don’t over mix: This is important for a super tender, flavorful coffee cake. Don’t over mix the batter! You want to mix only until the ingredients are combined and not any longer.

Frequently Asked Questions

How do I know when banana coffee cake is done baking?

To make sure that your coffee cake is done baking, you can stick a toothpick into the center of the cake. If it comes out with wet batter on it, give it more time to cook in the oven. If it comes out with some moist crumbs, then it is done!

How should I store leftovers?

Store any leftover coffee cake in an airtight container in the refrigerator for up to 5 days! You can zap it in the microwave for a few seconds to have a slightly warm coffee cake!

Slice of Banana Coffee Cake served on a white plate.

More Recipes To Try

Banana Coffee Cake Recipe

Banana Coffee Cake Recipe

Banana coffee cake combines the moist, sweet flavors of classic banana bread with the rich, comforting taste of coffee cake, featuring a chocolate chip-infused crumble topping that adds a delightful crunch. This irresistible fusion creates a cozy, inviting dessert or breakfast treat perfect for pairing with your favorite coffee or tea.
Print Pin Rate
Course: Breakfast
Cuisine: American
Keyword: Banana Coffee Cake Recipe
Prep Time: 10 minutes
Cook Time: 50 minutes
Servings: 12 Servings
Calories: 264kcal
Author: Bon Appeteach

Ingredients

  • 4 Bananas over ripe
  • 1/2 cup Sugar
  • 1 Egg
  • 5 tbsp Butter melted
  • 1.5 cups Flour
  • 1 tsp Baking Powder
  • 1 tsp Baking Soda
  • 1/2 tsp Salt

Topping

  • 3 tbsp Butter cold
  • 3 tbsp Flour
  • 1/4 cup Brown Sugar
  • 1/2 cup Chocolate Chips semi sweet

Instructions

  • Preheat the oven to 350 F. and lightly grease an 8 inch cake pan or an 8×8 inch square pan. Add a small precut piece of parchment to the bottom of the pan for easy release after cooling.
  • In a large mixing bowl, mash the 4 ripe bananas (I like to use a potato masher but a fork works too). Stir on the sugar, egg, and melted butter.
  • To the wet ingredients, add the flour, baking powder, baking soda, and salt. Fold everything together so it is just mixed. Do not over mix.
  • Pour the batter into the greased prepared pan and set it aside.

Topping

  • In a bowl, add the cold butter (cubed), flour, and brown sugar. Use a pastry blender or pastry cutter to create a crumble with the mixture until it looks like cornmeal.
  • Pour the crumble mixture over the top of the batter and then sprinkle on the chocolate chips. Press them down just slightly.

Baking Instructions

  • Place the coffee cake into the oven on the center rack and bake for 50-55 minutes or until the center comes out clean with a toothpick.
  • Remove it from the oven and let it fully cool until the chocolate chips set and the pan is no longer warm.
  • Flip the coffee cake out from the pan and onto the plate. Cut into 12 servings and enjoy.

Notes

Store the coffee cake in an air tight container for up to 5 days. 

Nutrition

Calories: 264kcal | Carbohydrates: 39g | Protein: 3g | Fat: 11g | Saturated Fat: 7g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 3g | Trans Fat: 0.3g | Cholesterol: 34mg | Sodium: 195mg | Potassium: 216mg | Fiber: 2g | Sugar: 20g | Vitamin A: 282IU | Vitamin C: 3mg | Calcium: 37mg | Iron: 2mg

Share Your Thoughts

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

Recipe Rating