Banana Mango Cake Recipe: Caramelized Fruit Swirls in One-Bowl Wonder

Desserts

Banana Mango Cake Recipe: Caramelized Fruit Swirls in One-Bowl Wonder

This banana mango cake recipe transforms two of summer's most beloved fruits into a moist, caramelized masterpiece that requires just one bowl and minimal effort. The secret lies in folding ripe banana and mango puree directly into the batter, creating those signature swirls that make every slice feel like a tropical vacation. I developed this recipe during a particularly hot July when I needed something refreshing yet substantial enough to satisfy a crowd—no one guessed it was secretly packed with fruit.

The beauty of this cake is its simplicity: no fancy techniques, no layering, just a single bowl where you combine everything from flour to fruit. The caramelization happens naturally as the cake bakes, giving the mango and banana that perfect balance of sweet and tangy. What you end up with is a tender crumb that stays moist for days, making it ideal for meal prep or last-minute gatherings. The aroma alone—warm spices mingling with tropical fruit—will have everyone heading to the kitchen.

This recipe delivers restaurant-quality results with just 20 minutes of active prep and 40 minutes in the oven. The cake's natural sweetness means you can skip extra sugar entirely, though I include a touch for balance. Serve it warm with a scoop of vanilla ice cream or a dollop of whipped cream, or let it cool slightly for cleaner slices. The possibilities for pairing are endless—think coconut milk drinks, passionfruit coulis, or even a sprinkle of toasted coconut for extra texture.

Whether you're baking for a birthday celebration or simply craving something fruity and indulgent, this cake hits all the marks. The one-bowl method ensures minimal cleanup, while the fruit swirls make it feel special without requiring advanced skills. Let's get baking—your taste buds (and your guests) will thank you.

👨‍🍳
Difficulty
Medium
🔥
Calories
Med Cal

Ingredients for banana and mango cake

Fresh fruit and pantry staples make this tropical cake effortless yet impressive.

Ingredient Amount Notes
All-Purpose Flour 🌾 2 cups Sifted for even texture
Granulated Sugar 🍚 1 cup Light brown sugar works too
Ripe Bananas 🍌 2 medium About 1 cup mashed
Mango Puree 🥭 1 cup Fresh or canned, no sugar added
Unsalted Butter 🧈 ½ cup Melted, full-fat preferred
Eggs 🥚 2 large Room temperature
Vanilla Extract 🌿 1 tbsp Pure, not imitation
Baking Powder 🧂 1 tsp Diamond Crystal preferred
Ground Cinnamon 🌶️ 1 tsp Freshly ground for warmth
Salt 🧂 ½ tsp Fine sea salt
Toasted Coconut Flakes 🥥 ¼ cup For topping, optional

The bananas and mango are the stars—ripe is key (think soft spots, not mushy). For mango puree, I grab Trader Joe's frozen chunks—no sugar added, just blend and measure. The flour matters too: King Arthur or Bob's Red Mill for that tender crumb. If your bananas are extra ripe, reduce sugar to 3/4 cup—they're naturally sweet. For the coconut flakes, toast them in a dry pan for 2 minutes until golden—worth the extra minute.

No ripe bananas? Use 1 cup unsweetened applesauce—it keeps the moisture but adds a mild flavor. Short on mango? Swap for peach or pear puree (same amount). The baking powder is non-negotiable—Diamond Crystal measures differently than other brands (use 1/4 tsp more if using aluminum-free). For a richer texture, replace 2 tbsp butter with Greek yogurt—keeps it moist without heaviness. And if you're feeling fancy, add 1 tsp lime zest to the batter for brightness.

This cake tastes even better the next day—cover loosely and let it sit at room temp. Keeps 3 days in the fridge, 3 months frozen (wrap tightly). For serving, I always warm slices in the microwave for 10 seconds—melts the fruit swirls perfectly. The coconut topping? Store it separately—it gets soggy if added before baking. Double the recipe? Use two 9-inch pans for even baking.

❤️

Why You'll Love This Recipe

  • No Mash Needed: I swear by this trick—mashed bananas and blended mango puree do all the work for you. No food processor, no peeling mountains of fruit, just scoop, mix, and bake. Honestly, the mango puree makes it taste like you slaved over it, even when you didn’t.
  • Tropical Twist: That combo of ripe bananas and mango puree? It’s like sunshine in cake form. The bananas add natural sweetness and moisture, while the mango brings this bright, almost custardy richness. (Yes, even on a Tuesday night.)
  • Leftovers? No Problem: This cake keeps beautifully for days—moist, not dry, thanks to the butter and fruit. I’ve packed slices for lunches, reheated them with a drizzle of honey, and even turned extra into muffins. No one complains when dessert doubles as breakfast.
  • Pantry Staple Magic: Between us, you’re probably already stocked for this. Flour, sugar, butter? Check. Ripe bananas and mango puree are the only splurges, but they make it taste like a vacation. Budget-friendly, foolproof, and zero waste—what’s not to love?

Step-by-step instructions for banana mango cake

Here's how to create a moist, fruity cake with caramelized banana-mango swirls—no fancy equipment needed.

1

Mix Wet Ingredients for Perfect Texture

In a large mixing bowl, combine the 2 medium ripe bananas and 1 cup mango puree. Mash the bananas until smooth—you should have about 1 cup of mashed fruit. Add the 0.5 cup melted unsalted butter and mix until fully incorporated. The mixture should be creamy but not watery.

Next, whisk in the 2 large eggs one at a time, followed by the 1 cup granulated sugar. Add the 1 tbsp vanilla extract and mix gently. The wet ingredients should blend smoothly—this forms the cake's tender base. If the mixture looks too thick, add 1-2 tablespoons of water to help with the batter's consistency later.

2

Combine Dry Ingredients and Create the Batter

In a separate bowl, sift together the 2 cups all-purpose flour, 1 tsp baking powder, 1 tsp ground cinnamon, and 0.5 tsp salt. This ensures even distribution and prevents lumps in the batter. Gradually pour the dry ingredients into the wet mixture while stirring gently with a spatula or wooden spoon.

Mix just until combined—you'll still see small flour streaks, and that's perfect. Overmixing develops gluten and makes the cake dense. The batter should be thick but pourable, like a rich brownie batter. If it's too stiff, add 1-2 tablespoons of mango puree to loosen it slightly.

3

Fold in Banana-Mango Swirls for Extra Flavor

Reserve ½ cup of the batter in a small bowl. To the remaining batter, gently fold in ½ of the reserved coconut flakes (about 2 tablespoons). This gives the cake a subtle crunchy contrast. Now, here's the magic: take ½ cup of the mashed banana-mango mixture and swirl it into the batter using a knife or spoon, creating marbled streaks.

For the top layer, spread the remaining ½ cup reserved batter over the swirled batter. Use the back of a spoon to create gentle swirls—this ensures every bite has that caramelized fruit flavor. The contrast between the moist cake and sweet fruit swirls is what makes this recipe special.

4

Bake to Golden Perfection

Preheat your oven to 350°F and grease an 8-inch round cake pan (or line it with parchment paper). Pour the batter into the prepared pan and smooth the top with a spatula. Sprinkle the remaining 2 tablespoons toasted coconut flakes evenly over the top for extra texture.

Bake for 30-35 minutes, or until a toothpick inserted into the center comes out clean with just a few moist crumbs. The edges should be golden brown, and the top should spring back slightly when pressed gently. If the top browns too quickly, tent the pan with foil after 20 minutes to prevent over-browning.

5

Cool and Serve for Maximum Enjoyment

Let the cake cool in the pan for 10 minutes, then transfer it to a wire rack to cool completely. This resting time allows the cake to set properly and prevents it from falling apart when slicing. Once fully cooled, dust the top with a light layer of powdered sugar if desired—it adds a beautiful finish.

Slice into 8 equal portions and serve at room temperature. The cake should be moist with a tender crumb, and the banana-mango swirls should be visible in every bite. Pair it with a scoop of vanilla ice cream or a dollop of whipped cream for the ultimate tropical dessert experience. Store leftovers in an airtight container for up to 3 days—though it won't last that long!

👨‍🍳

Pro Tips For Making Banana And Mango Cake

  • Mash Bananas Until Smooth: I learned this the hard way—lumpy mashed bananas make for a cake with uneven texture. Use a fork first, then press through a fine-mesh sieve or blend briefly with the mango puree to eliminate every last bit of grit.
  • Mix Dry Ingredients First: This isn’t just a rule—it’s the thing that matters most for a light cake. Whisk flour, baking powder, and salt together before adding wet ingredients, or you’ll end up with a dense, gummy mess. (Yes, even if you’re impatient like me.)
  • Use Room-Temp Butter: Cold butter creates pockets that won’t dissolve properly, leaving you with a cake that’s dry or greasy in spots. Let that butter sit out for 30 minutes before creaming—your future self will thank you for the fluffier crumb.
  • Check Doneness at 160°F: The cake might look done before the internal temp hits 160°F, but pull it out too early and you’ll get a gummy center. I was skeptical until I tried it—wait for that temp, then let it rest 5 minutes under foil. Trust the thermometer.

Perfect pairings for banana and mango cake

Tropical Beverage Pairings

Start with a coconut milk latte—steamed coconut milk with a touch of cinnamon and vanilla syrup mirrors the cake's tropical flavors beautifully. I love using Trader Joe's coconut milk for its rich, creamy texture. For a non-dairy option, try passionfruit juice mixed with sparkling water and a squeeze of lime—its tangy brightness cuts through the sweetness of the cake. 🥥

Creamy Dessert Complements

A scoop of vanilla bean ice cream from Ben & Jerry's or Häagen-Dazs elevates the cake into a decadent experience. The cold creaminess contrasts perfectly with the warm, caramelized fruit swirls. For a lighter option, serve with mango sorbet—its acidity balances the cake's richness. I also recommend whipped coconut cream for a dairy-free alternative that feels luxurious.

Spiced Coffee or Tea

Pair your cake with a spiced chai latte or vanilla rooibos tea to complement the warm cinnamon notes in the batter. A dark chocolate mocha with coconut whipped cream adds a sophisticated twist. For a refreshing afternoon treat, try hibiscus iced tea—its floral notes harmonize with the tropical fruit flavors. ☕

Fruit-Based Garnishes

Top each slice with fresh mango slices or banana rounds for a vibrant presentation and extra fruitiness. A drizzle of caramel sauce or passionfruit coulis adds a glossy finish that ties everything together. For a crunchy contrast, sprinkle with toasted coconut flakes or crushed macadamia nuts. These garnishes make the cake feel even more indulgent and festive.

Alcoholic Pairings

For an adult twist, serve with rum-infused coconut milk or a piña colada cocktail—the rum's warmth enhances the cake's tropical vibe. A mango white wine spritzer (mix Pinot Grigio with sparkling water and mango juice) is another fantastic choice. If you prefer beer, a light lager like Corona with a lime wedge keeps the flavors fresh and clean. 🍹

Nutrition facts

Servings 8
Amount Per Serving
Calories 380kcal
% Daily Value *
Total Fat 14g18%
Saturated Fat 9g45%
Cholesterol 70mg23%
Sodium 280mg12%
Total Carbohydrate 60g22%
Dietary Fiber 3g11%
Sugars 38g
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 make this cake without ripe bananas?

Yes! If your bananas aren't ripe, substitute with 1 cup unsweetened applesauce for the same moisture and mild sweetness. For extra tropical flavor, add 1 teaspoon lime zest to the batter—it brightens up the fruit notes and balances any tartness from the applesauce.

2

How do I adjust this recipe for gluten-free baking?

Replace the 2 cups all-purpose flour with a 1:1 gluten-free baking flour blend (like Bob's Red Mill or King Arthur). Add 1/4 teaspoon xanthan gum if your blend doesn't include it—this helps with structure. For best results, let the batter rest for 10 minutes before baking to improve texture.

3

Why did my cake turn out dense instead of moist?

Overmixing the batter develops gluten, making the cake dense. Mix just until combined—small flour streaks are normal! Also check your baking powder (use 1 teaspoon total if your brand measures differently) and ensure your bananas are ripe but not mushy. If the batter was too thick, add 1-2 tablespoons mango puree to improve texture.

4

Can I make this cake vegan?

Swap the 2 eggs for 2 tablespoons ground flaxseed + 6 tablespoons water (let sit for 5 minutes to thicken). Use vegan butter and replace the vanilla extract with vegan vanilla extract. For extra moisture, add 2 tablespoons coconut yogurt to the batter. The cake will still be tender and delicious!

5

How can I make this cake extra moist?

For a richer texture, replace 2 tablespoons butter with Greek yogurt or sour cream. Add 1/4 cup milk (dairy or plant-based) if the batter seems dry. Brushing warm cake slices with simple syrup (equal parts sugar and water, heated) before serving also adds moisture—great for presentation too!

★★★★★4.8(7 reviews)
Categories Desserts