Banana Blueberry Coffee Cake Recipe: Streusel-Topped Layers With Caramelized Fruit Swirls

Desserts

Banana Blueberry Coffee Cake Recipe: Streusel-Topped Layers With Caramelized Fruit Swirls

This banana blueberry coffee cake recipe delivers the perfect balance of tender layers, juicy fruit swirls, and a buttery streusel topping that stays crispy. The secret lies in caramelizing the fruit just enough to create pockets of sweetness that burst with every bite—something store-bought versions never quite capture. I developed this recipe after years of testing different fruit combinations, and the banana-blueberry pairing is truly a match made in dessert heaven.

The recipe starts with a simple yet robust vanilla cake batter that forms the foundation for all that fruit goodness. What sets this apart is the way the bananas and blueberries are folded into the batter in layers, creating those signature swirls that make it visually stunning and irresistibly flavorful. The streusel topping, made with just a few pantry staples, adds a delightful crunch that contrasts beautifully with the soft cake beneath.

By the time it emerges from the oven, you'll have a coffee cake with golden-brown streusel crumbling on top, tender cake layers infused with vanilla, and pockets of caramelized fruit that practically melt in your mouth. The aroma alone will have everyone gathering around the kitchen, and the first slice will disappear faster than you can say "second helping."

Perfect for brunch, dessert after dinner, or as a gift-worthy treat, this coffee cake is designed to impress without requiring advanced baking skills. The recipe scales easily, so you can adjust the size based on your needs. Let's get started on creating this crowd-pleaser!

👨‍🍳
Difficulty
Medium
🔥
Calories
Med Cal

Ingredients for banana blueberry coffee cake

Eight ingredients for the cake, five for the streusel—just enough to create layers of flavor.

Ingredient Amount Notes
All-Purpose Flour 🌾 2 ½ cups Sifted for light texture
Granulated Sugar 🍚 1 ½ cups White sugar preferred
Brown Sugar 🍚 ½ cup Packed lightly
Unsalted Butter 🧈 1 cup Cold, cubed for streusel
Large Eggs 🥚 2 whole Room temperature
Vanilla Extract 🍯 2 tsp Pure extract preferred
Baking Powder 🧂 2 tsp Aluminum-free
Salt 🧂 ½ tsp Fine sea salt
Ripe Bananas 🍌 3 medium Slightly overripe for sweetness
Fresh Blueberries 🫐 1 ½ cups Washed and dried
Old-Fashioned Oats 🌾 1 cup Blended into flour
Cinnamon 🌿 1 tsp Ground for warmth
Lemon Juice 🍋 1 tbsp Freshly squeezed

The bananas are the star here, so pick ones that are just past ripe—those with little brown spots. Trader Joe's usually has the sweetest ones, but any grocery store's produce section will work. Blueberries should be plump and firm, not mushy. For the flour, King Arthur brand is my go-to—it's light and gives the best texture. The oats for the streusel? Old-fashioned, not quick, because they add that perfect crunch. If you're in a pinch, blend regular oats in a food processor for a minute to mimic old-fashioned texture.

No vanilla extract? Vanilla bean paste works too, or even a scraped vanilla bean. Short on blueberries? Raspberries or blackberries work in a pinch, but they'll bleed more juice. The streusel topping can be made ahead—just store it in the fridge until ready to use. For the bananas, if you're worried about over-sweetness, reduce the sugar by 2 tbsp. The lemon juice brightens everything up, so don't skip it—it balances the sweetness of the fruit. If you're making this ahead, toss the blueberries with the lemon juice first to keep them from turning gray.

The cake keeps well for 3 days at room temperature, covered loosely with a towel. For longer storage, wrap tightly in plastic and keep in the fridge for up to 1 week. The streusel topping stays crispy if you store it separately in an airtight container. To reheat slices, pop them in the oven at 350°F for 5-7 minutes—it revives that fresh-from-the-oven feel. Freeze the whole cake, unwrapped, for up to 3 months. Just thaw at room temperature before serving.

❤️

Why You'll Love This Recipe

  • No Mixer Needed: I swear by this recipe on days when I’m too tired to cream butter and sugar properly. A quick fork mash and a few stirs—no stand mixer, no fuss—gets the job done. The butter stays cold enough to hold the cake together without turning it greasy.
  • Sweet & Tangy Magic: That brown sugar in the streusel? It caramelizes just enough to give every bite a buttery crunch, while the bananas keep it moist without being cloying. Honestly, the blueberries burst with every forkful—like a little fruity surprise in every slice.
  • Breakfast or Snack: I’ve served this warm with coffee for breakfast, packed it in lunchboxes for kids, and even reheated slices as a dessert with vanilla ice cream. The coffee cake’s sturdy enough to handle reheating but still tastes fresh-baked when sliced straight from the fridge.
  • Budget-Friendly Staples: Flour, sugar, butter, eggs—these are the basics I always have on hand. No specialty ingredients, no last-minute grocery runs. And since it keeps well for days, I can bake one batch and feed the family for the week without breaking the bank.

Step-by-step instructions for banana blueberry coffee cake

Here's how to create a moist, fruit-filled coffee cake with a buttery streusel topping—every layer perfect.

1

Prepare the Banana-Blueberry Filling

In a medium bowl, mash the 3 medium ripe bananas until completely smooth—no lumps. Stir in the 1.5 cups fresh blueberries, then add the 1 tbsp lemon juice and 1 tsp cinnamon. This brightens the fruit flavors and prevents the blueberries from sinking to the bottom. Set this mixture aside while you prepare the cake layers.

The lemon juice also helps tenderize the bananas slightly, creating a more velvety texture in the final cake. Don't skip this step—it makes all the difference in moisture and flavor balance.

2

Mix the Cake Batter

In a large mixing bowl, whisk together the 2.5 cups all-purpose flour, 2 tsp baking powder, and 0.5 tsp salt. In a separate bowl, cream the 1 cup unsalted butter and 1.5 cups granulated sugar until light and fluffy—about 3-4 minutes on medium speed. Add the 2 whole large eggs one at a time, mixing well after each addition, then stir in the 2 tsp vanilla extract.

Gradually alternate adding the dry ingredients and the banana-blueberry mixture to the wet ingredients, mixing just until combined. Overmixing develops gluten, which can make the cake dense. Stop when the batter is smooth and just slightly streaked with blueberry color.

3

Assemble the Coffee Cake

Preheat your oven to 350°F and grease a 9x13-inch baking dish. Pour half of the cake batter into the prepared dish, spreading it evenly. Spoon half of the remaining batter over the top, then gently swirl a knife through the layers to create marbled streaks. This creates those beautiful swirls you see in coffee cakes.

Sprinkle half of the 1 cup old-fashioned oats evenly over the top layer, then pour the remaining batter over the oats. Repeat the swirling motion to blend the layers again. Finally, spoon the remaining oats over the top for a textured finish.

4

Prepare the Streusel Topping

In a small bowl, combine the 0.5 cup brown sugar, 1 tsp cinnamon, and the remaining 1 cup old-fashioned oats. Cut the 1 cup unsalted butter into small cubes and mix them into the dry ingredients using your fingers or a fork until the mixture resembles coarse crumbs. Sprinkle this evenly over the top of the cake.

The streusel should look like a patchwork of golden crumbs—this is what creates that perfect balance of crunchy and tender in every bite. Press down gently to ensure it sticks to the cake batter.

5

Bake to Golden Perfection

Bake the coffee cake in the preheated oven for 45-50 minutes, or until a toothpick inserted into the center comes out clean. The edges should be golden brown, and the top should look beautifully caramelized. If the streusel starts to brown too quickly, tent the cake with foil after 30 minutes to prevent over-browning.

Let the cake cool in the pan for 10 minutes before transferring it to a wire rack. This helps it set slightly and makes it easier to slice. Serve warm with a pat of butter or a dollop of whipped cream for the ultimate coffee cake experience.

👨‍🍳

Pro Tips For Making Banana Blueberry Coffee Cake

  • Mix Butter Until Crumbly: Cream the butter and sugars until the mixture looks like wet sand—not soupy, not dry, but with tiny butter crumbs clinging together. I learned this the hard way when my cake turned out dense; the butter needed to stay cold enough to create that tender crumb, but soft enough to emulsify properly. Stop when you can still see flecks of butter—no need to overwork it.
  • Slice Bananas Last: Keep the bananas whole until you’re ready to fold them into the batter. Slicing them early releases moisture that turns the batter gummy, and the fruit loses its shape. Toss the slices in a little flour right before mixing—just enough to coat—to keep them from sinking to the bottom like a sad, mushy anchor.
  • Don’t Overfill the Pan: The batter will rise, but coffee cake is notorious for spilling over if you pack too much in. Fill the pan only 2/3 full—yes, it’ll look half-empty, but trust me, it’s better than cleaning up a sticky mess mid-bake. Tap the pan gently on the counter a few times to settle the batter evenly before baking.
  • Rotate the Pan Early: Swap the pan’s position in the oven after 15 minutes to guarantee even browning. Coffee cakes often develop dark spots where the heat hits first, and rotating evens out the color and texture. If your oven runs hot on one side, this is the only way to avoid a lopsided cake—no amount of hoping will fix it.

Flavor customization for these flavors

Spiced Variations

Swap the cinnamon for 1 tsp cardamom and ½ tsp nutmeg for a warm, Middle Eastern-inspired twist. The cardamom adds floral notes that pair beautifully with the banana's sweetness, while nutmeg brings a subtle earthiness. I like to add ½ cup chopped walnuts to the streusel for extra crunch and depth. 🌿

Citrus Brightness

Boost the lemon juice to 2 tbsp and add 1 tbsp orange zest to the batter for a zesty kick. The citrus cuts through the fruit's richness while adding a refreshing pop. For extra brightness, toss the blueberries with 1 tsp orange juice before folding them into the batter. This works especially well if you're using slightly underripe bananas.

Chocolate Swirl

Add ½ cup semi-sweet chocolate chips to the streusel topping for a decadent twist. Fold ¼ cup melted chocolate into the banana-blueberry mixture before assembling the cake layers. The chocolate creates pockets of rich flavor that contrast perfectly with the fruity layers. I recommend using Ghirardelli chocolate chips for the best melt-in-your-mouth texture. 🍫

Nutty Crunch

Enhance the streusel with ½ cup chopped pecans or almonds for added texture. Toast the nuts in a dry pan over medium heat for 3-4 minutes until fragrant, then fold them into the streusel mixture. The toasted nuts add a sophisticated crunch that complements the cake's tenderness. For extra flavor, sprinkle with ½ tsp vanilla bean powder along with the cinnamon. 🌰

Caramel Drizzle

Top the baked cake with a warm ½ cup caramel sauce drizzled over the streusel. Use store-bought or homemade caramel—just heat it slightly to make it pourable. The caramel adds a gooey contrast to the crunchy streusel and tender cake. For a gourmet touch, add ½ tsp sea salt to the caramel before drizzling. This sweet-salty combo elevates the dessert to restaurant-quality. 🍯

Boozy Twist

Add 1 tbsp bourbon or rum to the banana-blueberry mixture for a subtle boozy depth. The alcohol enhances the fruit's natural sweetness and adds a sophisticated warmth. For a stronger flavor, replace the vanilla extract with 1 tbsp vanilla-infused bourbon. This works especially well with the spiced variations, creating a dessert that feels like a cozy fall treat. 🍸

Nutrition facts

Servings 8
Amount Per Serving
Calories 480kcal
% Daily Value *
Total Fat 24g31%
Saturated Fat 15g75%
Cholesterol 120mg40%
Sodium 450mg20%
Total Carbohydrate 68g25%
Dietary Fiber 4g14%
Sugars 42g
Protein 6g12%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Can I substitute fresh blueberries with frozen ones?

Yes, but thaw and drain them first to prevent excess moisture in your cake. For best results, toss the thawed blueberries with 1 tsp cornstarch before folding into the batter. This helps absorb any excess liquid and keeps the cake tender rather than soggy.

2

Why does my coffee cake turn out dense?

Overmixing the batter develops gluten, making the cake tough. Mix just until combined, and stop when the batter is smooth with slight blueberry streaks. Also, ensure your bananas are ripe but not mushy—they should mash easily but still hold some shape.

3

How do I make this recipe gluten-free?

Replace the all-purpose flour with a 1:1 gluten-free baking flour blend (like Bob's Red Mill). Add ½ tsp xanthan gum to help bind the cake. For the streusel, use certified gluten-free oats. The texture will be slightly different but still delicious!

4

Can I bake this in a different pan size?

Yes! For a 9x9-inch pan, reduce baking time to 35-40 minutes. For a 10x15-inch pan, bake for 40-45 minutes. Adjust oven temperature to 325°F if your pan is larger to prevent over-browning. Always check with a toothpick for doneness.

5

What's the best way to store leftovers?

Wrap tightly in plastic wrap and store at room temperature for 2 days. For longer storage, refrigerate for up to 5 days or freeze for 3 months. To reheat, warm slices in a 350°F oven for 5-7 minutes to restore freshness.

★★★★★4.7(4 reviews)
Categories Desserts