• Recipe Index
  • About
  • Recipes By Meals
    • Appetizers and Snacks
    • Side-Dish
    • Soups
    • Desserts
    • Drinks
  • Recipes By Meal Time
    • Breakfast
    • Dinner
  • Contact
menu icon
go to homepage
  • Recipe Index
  • About
  • Recipes By Meals
    • Appetizers and Snacks
    • Side-Dish
    • Soups
    • Desserts
    • Drinks
  • Recipes By Meal Time
    • Breakfast
    • Dinner
  • Contact
search icon
Homepage link
  • Recipe Index
  • About
  • Recipes By Meals
    • Appetizers and Snacks
    • Side-Dish
    • Soups
    • Desserts
    • Drinks
  • Recipes By Meal Time
    • Breakfast
    • Dinner
  • Contact
×

Banana Crumb Coffee Cake Recipe

Published: Dec 16, 2025 · Modified: Jan 4, 2026 by Maria · This post may contain affiliate links · Leave a Comment

↓ Jump to Recipe

I absolutely adore this Banana Crumb Coffee Cake Recipe because it combines everything I love in a morning treat or an afternoon snack: the warm sweetness of ripe bananas, the crunchy crumb topping, and a soft, tender crumb cake base. It’s like a big, cozy hug in cake form. Every bite feels like comfort and celebration all at once. This recipe has quickly become my go-to whenever I want to impress friends or simply indulge myself with something delicious and homemade.

Why You'll Love This Banana Crumb Coffee Cake Recipe

What truly sets this Banana Crumb Coffee Cake Recipe apart is the perfect harmony of flavors and textures. The cake itself is moist and packed with natural sweetness from the mashed bananas, while the cinnamon-spiced crumb topping adds that irresistible crunchy contrast. The subtle vanilla and cinnamon notes weave through every mouthful, making each bite feel like a familiar, warm embrace. I find this combination incredibly satisfying without being overly sweet, which keeps me coming back for more.

Honestly, I also love how easy this recipe is to prepare. You don’t need any fancy equipment — just a bowl, a mixer if you want, and some basic pantry staples. The crumb topping comes together quickly by hand, and layering the cake with crumbs creates a stunning visual and textural experience. This cake truly shines at brunches, coffee dates with friends, or even cozy weekend mornings at home. It’s the kind of dish that makes any occasion feel special, and I’m always thrilled to share it with people I care about.

Ingredients You'll Need

A clear glass rectangular baking dish filled with one thick layer of crumbly, light brown streusel topping that looks coarse and uneven. The dish sits on a white marbled surface with a blue and white checkered cloth on the top left corner. The streusel covers the whole top layer with small clumps creating a rough texture across the surface photo taken with an iphone --ar 4:5 --v 7

All the ingredients for this Banana Crumb Coffee Cake Recipe are simple and easy to find, yet each one plays an important role in building the rich flavor, tender texture, and beautiful color of the cake and crumb topping.

 

Quick Tip

All ingredient amounts are listed in the recipe card below

  • Cold unsalted butter: Using cold butter cut into small cubes helps create those perfect crumbly topping clusters.
  • All-purpose flour: This is the foundation of both the cake and crumb topping, offering structure and softness.
  • Light brown sugar: Adds moistness and a rich caramel note that complements the bananas beautifully.
  • Granulated sugar: For just the right amount of sweetness that balances the banana’s natural tang.
  • Ground cinnamon: Infuses the crumb topping and the cake with a warm, spicy aroma that feels so comforting.
  • Baking powder: Provides lift and airiness, making the cake delightfully fluffy.
  • Salt: Enhances all the flavors subtly without overpowering the cake.
  • Ripe bananas: The star ingredient, mashed to add moisture, flavor, and natural sweetness.
  • Softened unsalted butter: Creamed into the batter to add richness and a tender crumb.
  • Eggs: Bind the ingredients together and contribute to the cake’s structure.
  • Vanilla extract: Brings out the sweetness and brightens the banana flavor.
  • Almond milk: I love it here because it adds moisture without heaviness; dairy milk or buttermilk can be great alternatives.
  • Powdered sugar: For an optional glaze that lends a delicate sweetness and beautiful finishing touch.

Directions

Step 1: Preheat your oven to 350º F and generously grease a 9-by-13-inch baking dish with butter or cooking spray. This prevents sticking and helps your cake come out perfectly.

Step 2: In a large bowl, crumble together the cold butter cubes, 1 cup of flour, both sugars, and 1 teaspoon of cinnamon using your hands or two forks. Keep working it until the mixture looks like coarse crumbs. This crumb mixture will become that irresistible crunchy topping.

Step 3: In a separate large bowl, whisk together the remaining 2 cups flour, baking powder, remaining cinnamon, and salt. Set this dry mix aside for now.

Step 4: Using a stand mixer or a hand mixer, beat the softened butter on medium speed for about 2 minutes until creamy. Then add the sugar and mix for an extra minute until everything is well combined and fluffy.

Step 5: Add the eggs, vanilla extract, and mashed bananas to the butter and sugar mixture. Mix just until everything is incorporated, being careful not to overmix, so your cake stays light and tender.

Step 6: Reduce the mixer speed to low, then alternate adding the milk and the dry flour mixture, beginning and ending with the flour. Mix gently until just combined and no dry streaks remain.

Step 7: Pour half of the cake batter into your prepared pan, spreading it evenly. Sprinkle about one-third to one-quarter of the crumb mixture over this layer. Then pour the remaining batter evenly on top. Finish by sprinkling the remaining crumb topping evenly over the surface for that classic layered look.

Step 8: Bake in the preheated oven for about 50 to 55 minutes. You'll know it’s done when a toothpick inserted into the center comes out clean or with just a few moist crumbs.

Step 9: For an optional but delicious glaze, whisk together powdered sugar and 1 tablespoon almond milk in a small bowl. Add more milk, a teaspoon at a time, until you get your desired glaze consistency. Once the cake has cooled for 5-10 minutes, drizzle this glaze on top before slicing and serving.

Servings and Timing

This Banana Crumb Coffee Cake Recipe makes about 12 generous servings — perfect for sharing at gatherings or savoring over several days. The prep time usually takes me around 15 minutes, since the crumb topping and batter come together quickly. Baking takes about 50 to 55 minutes, plus 5-10 minutes to cool before adding the glaze and slicing. Altogether, you’ll spend roughly 1 hour and 5 minutes from start to finish, which feels like a wonderful balance for such a rewarding homemade treat.

How to Serve This Banana Crumb Coffee Cake Recipe

Banana Crumb Coffee Cake Recipe

When it comes to serving this cake, I like to keep things simple but thoughtful. It pairs beautifully with a hot cup of coffee or a creamy latte — hence the name! I also love serving it alongside fresh berries or a dollop of lightly whipped cream for an extra touch of indulgence. If you’re hosting brunch, complement the cake with some savory spreads like cream cheese or nut butters for a delightful sweet-and-savory contrast.

For presentation, drizzling that optional glaze over the top right before serving adds a lovely shine and sweetness that guests always appreciate. I usually cut the cake into squares or rectangles and serve them on a neutral-colored plate so the golden cake and crumb topping really stand out. This Banana Crumb Coffee Cake tastes wonderful whether warm or at room temperature — delicately warming it for a few seconds in the microwave brings back that freshly baked vibe and melts the glaze just right.

Honestly, I’ve found this cake is incredibly versatile for occasions — from casual weekend breakfasts to birthday brunches or even to bring as a sweet gift to friends and family. It’s comforting, rich in flavor, and so satisfying that it tends to be the star of any gathering.

Variations

I love playing around with this Banana Crumb Coffee Cake Recipe to suit different tastes and dietary needs. For example, I often swap out the all-purpose flour for a gluten-free blend to make it accessible to friends who need to avoid gluten, and it still turns out wonderfully moist and flavorful. You can also swap the butter and milk for vegan alternatives — like coconut oil or oat milk — keeping it fully plant-based without losing that tender crumb.

If you want to experiment with flavors, adding chopped nuts like walnuts or pecans to the crumb topping adds a delightful crunch and depth of flavor. Sometimes I’ll mix mini chocolate chips into the batter for a little extra sweetness and surprise bites of gooey chocolate. For an extra hint of spice, a pinch of nutmeg or cardamom in the crumb mixture works beautifully, giving the cake a more complex aroma.

For cooking variations, I’ve even tried baking individual muffins or cupcakes using this recipe, adjusting the bake time to about 18-22 minutes. It’s a fun way to share tiny pieces of deliciousness and easy to portion for parties. No matter what, this recipe is incredibly forgiving and easy to tweak to your preferences!

Storage and Reheating

Storing Leftovers

Once you have leftover Banana Crumb Coffee Cake, I recommend storing it in an airtight container at room temperature for up to 2 days to keep the crumb topping crisp. If you prefer, wrapping individual slices tightly in plastic wrap and placing them in an airtight container in the fridge will keep the cake fresh for up to 5 days. Just be aware that refrigeration tends to soften the crumb topping slightly, though the flavor remains wonderful.

Freezing

This coffee cake freezes beautifully if you want to keep it longer. I slice it into portions and wrap each piece individually in plastic wrap, then place them in a freezer-safe zip-top bag or container. Frozen, it keeps well for up to 3 months. When you’re ready to enjoy, thaw slices overnight in the fridge or at room temperature to prevent sogginess while maintaining that great banana flavor.

Reheating

To bring back that freshly baked warmth, I gently reheat cake slices in the microwave for about 15-20 seconds, just enough to warm through without drying out. You can also warm it in a 300º F oven for 10-12 minutes wrapped in foil, which helps revive the crumb topping’s crispiness. I avoid overheating as it can dry the cake, but a little warmth really makes it feel freshly baked and tasting its best.

FAQs

Can I use overripe bananas for this recipe?

Absolutely! Overripe bananas are perfect for this Banana Crumb Coffee Cake Recipe because they are extra sweet and soft, which enhances the cake’s moisture and flavor.

Is it possible to make this cake gluten-free?

Yes, substituting the all-purpose flour with a gluten-free baking blend works well. Just make sure your blend contains xanthan gum or another binding agent to keep the cake’s structure.

Can I prepare this cake in advance?

You can prepare the crumb topping and cake batter a few hours ahead and keep them refrigerated separately. Assemble and bake just before you want to serve for the freshest texture.

What can I substitute for almond milk if I have allergies?

You can use any milk you prefer — dairy milk, oat milk, soy milk, or even buttermilk. Each will add slight variations to flavor and tenderness but works great overall.

Do I have to make the glaze?

The glaze is optional but highly recommended to add a lovely, sweet finishing touch. If you prefer, you can skip it and the cake will still be deliciously moist and flavorful.

Conclusion

I'm so thrilled to share this Banana Crumb Coffee Cake Recipe with you because it truly feels like a slice of happiness in every bite. Whether you’re making it for a casual breakfast, a welcoming brunch, or a cozy afternoon treat, it always brings smiles and warm compliments. Give it a try, trust me — once you experience the flavors and textures, it’ll become one of your favorite recipes to bake and share, just like it did for me!

Print

Banana Crumb Coffee Cake Recipe

Banana Crumb Coffee Cake Recipe
Print Recipe
Pin Recipe

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

This Banana Crumb Coffee Cake is a moist and flavorful treat featuring ripe mashed bananas layered with a cinnamon-sugar crumb topping. Perfect for breakfast or a sweet snack, this recipe combines tender cake layers with a delightfully crunchy crumb and an optional sweet glaze for an extra touch of indulgence.

  • Author: Maria
  • Prep Time: 15 minutes
  • Cook Time: 50-55 minutes
  • Total Time: 1 hour 5 minutes
  • Yield: 12 servings
  • Category: Dessert
  • Method: Baking
  • Cuisine: American
  • Diet: Vegetarian

Ingredients

Crumb Topping

  • ½ cup cold unsalted butter (8 tablespoons), cut into small cubes (vegan butter can be used for dairy-free)
  • 1 cup all-purpose flour (plus extra tablespoons if needed)
  • 1 cup packed light brown sugar
  • ½ cup granulated sugar
  • 1 teaspoon ground cinnamon

Cake Batter

  • 2 cups all-purpose flour
  • 3 teaspoons baking powder
  • 1 teaspoon ground cinnamon
  • 1 teaspoon salt
  • 3 ripe bananas, peeled and mashed
  • ½ cup unsalted butter, softened to room temperature (vegan butter can be used)
  • 1 cup granulated sugar
  • 2 large eggs
  • 1 teaspoon vanilla extract
  • 1 cup almond milk (or 1%, 2%, whole milk, or buttermilk)

Optional Glaze

  • 1 cup powdered sugar
  • 1-2 tablespoons almond milk

Instructions

  1. Preheat and prepare pan: Preheat your oven to 350ºF. Grease a 9" x 13" baking dish well with butter or cooking spray, and set aside to ensure easy removal later.
  2. Make crumb topping: In a large bowl, crumble together the cold butter cubes, 1 cup flour, brown sugar, granulated sugar, and 1 teaspoon cinnamon using your hands or forks until the mixture looks crumbly and coarse. Set this aside for topping.
  3. Mix dry cake ingredients: In another large bowl, whisk together 2 cups flour, baking powder, 1 teaspoon cinnamon, and salt. This dry mix will combine with the wet ingredients next.
  4. Prepare wet cake batter: Using a stand mixer, beat softened butter on medium speed until creamy, about 2 minutes. Add 1 cup granulated sugar and continue mixing for 1 more minute until well blended. Then add eggs, vanilla extract, and mashed bananas, mixing just until combined to avoid overmixing.
  5. Combine wet and dry: Reduce mixer speed to low and alternately add the almond milk and dry flour mixture to the wet ingredients, mixing until just combined and a batter forms.
  6. Assemble layers: Pour half of the batter into the prepared baking dish. Evenly sprinkle about one-third to one-quarter of the crumb topping over this layer. Pour the remaining batter over the crumb layer, and finally, top with the rest of the crumb mixture, spreading it evenly.
  7. Bake: Place the pan in the oven and bake for 50-55 minutes at 350ºF, until a toothpick inserted into the center comes out clean.
  8. Prepare glaze (optional): While the cake cools, whisk powdered sugar and 1 tablespoon of almond milk together in a small bowl. Add more milk as needed to achieve a smooth glaze consistency and set aside.
  9. Cool and serve: Allow the cake to cool at room temperature for 5-10 minutes. Drizzle the glaze over the top before slicing and serving. Enjoy warm or at room temperature.

Notes

  • For a dairy-free option, use vegan butter and almond milk as suggested.
  • Do not overmix the batter after adding the bananas and eggs to keep the cake tender.
  • The crumb topping can be made a bit thicker or thinner depending on your preference by adjusting flour and sugar slightly.
  • You can substitute almond milk with regular milk or buttermilk for a richer flavor.
  • Store leftovers covered at room temperature for 2 days or refrigerate for up to 4 days.
  • The optional glaze adds sweetness but can be omitted for a less sugary dessert.

Have you made this recipe? I'd love to see it!

Click here to Follow me on Pinterest

More Desserts

  • Pumpkin Roll Recipe
    Pumpkin Roll Recipe
  • Spooky Gluten-Free Bat Brownies Recipe
    Spooky Gluten-Free Bat Brownies Recipe
  • Homemade Almond Kringle Recipe
    Homemade Almond Kringle Recipe
  • Black Cocoa Sugar Cookies Recipe
    Black Cocoa Sugar Cookies Recipe

Leave a Reply Cancel reply

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

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

Welcome to Cozy Platter

Where simple ingredients, comforting flavors, and heartfelt cooking create meals that feel like home.

Learn more

Popular

  • Pasta e Fagioli (Olive Garden Copycat) Recipe
    Pasta e Fagioli (Olive Garden Copycat) Recipe
  • Cannoli Pancakes Recipe
    Cannoli Pancakes Recipe
  • Easy Chicken Lasagna Recipe
    Easy Chicken Lasagna Recipe
  • Pumpkin-Shaped Cheeseball Recipe
    Pumpkin-Shaped Cheeseball Recipe

Footer

↑ back to top

Explore

  • Appetizers and Snacks
  • Breakfast
  • Soups
  • Dinner
  • Side-Dish
  • Desserts
  • Drinks

About

  • Privacy Policy
  • Terms & Conditions
  • Contact
  • Disclosure
  • DMCA

We may earn from qualifying purchases through affiliate links at no extra cost to you.

Copyright © 2025 Cozy Platter. All rights reserved.