Desserts
This banana and mango cake delivers tropical layers of natural sweetness without needing heavy frosting—just ripe fruit and a tender crumb that melts in your mouth. 🌴 The secret lies in blending mashed banana and puréed mango directly into the batter, creating moisture and flavor in every bite. I developed this recipe after craving something lighter than traditional fruitcakes but still rich enough to satisfy serious dessert lovers.
The cake’s magic comes from a two-layer technique: one batch with mashed banana for subtle sweetness and another with puréed mango for vibrant color and tropical notes. Baking at 350°F for 25-30 minutes ensures a golden top with a moist interior—no dry crumbs here. The frosting? Optional. A dusting of powdered sugar or a drizzle of honey is all you need to enhance the fruit’s natural brightness.
What you’ll end up with is a cake that tastes like summer in every slice—juicy, fragrant, and effortlessly elegant. The banana layers add a gentle sweetness, while the mango brings a tangy depth that balances perfectly. This recipe is foolproof for beginners but impressive enough for gatherings, all while keeping prep simple with one bowl and 15 minutes of active time.
For extra flair, top with fresh mango slices or toasted coconut before serving. The cake keeps well for 3 days in the fridge, making it perfect for meal prep or last-minute desserts. Let’s bake this tropical masterpiece!
Ingredients for banana and mango cake
Tropical fruit meets tender crumb in this no-frosting-needed cake—just 12 simple ingredients for summer vibes.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas 🍌 | 2 cups | Mashed, no brown spots |
| Ripe Mango 🥭 | 1 ½ cups | Puréed, no skin/seeds |
| All-Purpose Flour 🌾 | 2 ½ cups | Sifted for light texture |
| Granulated Sugar 🍚 | 1 ½ cups | Light brown for depth |
| Unsalted Butter 🧈 | 1 cup | Softened, not melted |
| Large Eggs 🥚 | 2 whole | Room temperature |
| Baking Powder 🍞 | 2 tsp | Aluminum-free preferred |
| Vanilla Extract 🌿 | 1 tbsp | Pure, not imitation |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Powdered Sugar 🍚 | ¼ cup | For optional dusting |
| Toasted Coconut 🥥 | ¼ cup | For garnish (optional) |
| Fresh Mango Slices 🥭 | ½ cup | For garnish (optional) |
The bananas and mango are non-negotiable for that perfect tropical balance. Grab Chiquita or Dole brand bananas when they're speckled yellow—those are the sweetest. For mango, Costco's frozen mango chunks work great if fresh isn't available, just thaw and purée. The flour? King Arthur or Bob's Red Mill brands give the lightest texture. Pro tip: Let your butter sit out for 30 minutes before mixing—room temperature is key for fluffy layers. I always buy extra vanilla extract because it makes everything taste better.
No ripe bananas? Overripe ones work best—they're sweeter and mash smoother. Mango purée too thick? Add a splash of water or orange juice. Running low on baking powder? Mix 1/4 tsp cream of tartar + 1/2 tsp cornstarch as a substitute. The powdered sugar is totally optional—skip it if you're going for the natural fruit flavor route. For extra moisture, add 2 tbsp Greek yogurt to the batter. And if you're feeling fancy, swap regular sugar for coconut sugar for a caramel note.
This cake keeps beautifully for 3 days in the fridge, wrapped tightly. For longer storage, slice and freeze portions for up to 3 months—they thaw perfectly. The best part? It tastes even better the next day as the flavors meld. I always make a double batch because it disappears fast. Store leftovers in an airtight container with a slice of bread to absorb moisture. Trust me, it reheats beautifully—just 15 seconds in the microwave with a damp paper towel.
Why You'll Love This Recipe
- No Mash Needed: I swear by this trick—just blend the ripe bananas and mango straight into the batter. No sticky fingers, no extra bowls, and the texture comes out perfectly moist. (Yes, even if your bananas are spotted like a Dalmatian.)
- Tropical Twist: That caramelized mango swirl cutting through the cake’s soft crumb? It’s like a vacation in every bite. The butter keeps it rich, but the fruit keeps it light—no heavy, greasy aftertaste here.
- Leftovers? Better: This cake actually improves the next day. The flavors meld, and the edges get just slightly crispy. I’ve wrapped slices for lunchboxes, packed them in Tupperware, and even frozen portions—no one ever complains.
- Budget Bright Spot: You’re using fruit that’s already at its sweetest (and cheapest) when ripe. A single bunch of bananas and one mango stretch this recipe further than most cakes, and the butter makes it feel special without breaking the bank. Win-win.
Step-by-step instructions for tropical banana and mango cake
Here's how to bake a moist, flavorful cake with tropical layers that need no heavy frosting.
👨🍳 Step 1: Prep the Fruits and Mix Dry Ingredients
Start by mashing the 2 cups ripe bananas with a fork until completely smooth—no lumps, just silky puree. In a separate bowl, purée the 1.5 cups ripe mango until it reaches a thick, smooth consistency. Set both aside. Sift the 2.5 cups all-purpose flour with the 2 tsp baking powder and 0.5 tsp salt into a large mixing bowl. This sifting creates air pockets for a lighter cake texture.
In a small bowl, whisk together the 1.5 cups granulated sugar and 1 tbsp vanilla extract. This pre-mixing ensures the sugar dissolves completely and the vanilla flavor distributes evenly throughout the batter. I like to give it a quick sniff here—pure vanilla should smell rich and sweet, not artificial.
🍳 Step 2: Cream Butter and Wet Ingredients
In a stand mixer fitted with the paddle attachment, beat the 1 cup softened unsalted butter on medium speed until light and fluffy—about 3-4 minutes. This step is crucial for creating air pockets that make the cake tender. Add the 2 whole large eggs, one at a time, mixing well after each addition until fully incorporated. The mixture should look pale and slightly thickened.
Gradually add the sugar-vanilla mixture while mixing on medium speed. Scrape down the sides of the bowl as needed to ensure even blending. You'll see the mixture transform from pale yellow to a lighter, creamier texture. This is your signal that the butter and sugar have emulsified properly for maximum tenderness.
🥘 Step 3: Combine Wet and Dry Ingredients
With the mixer on low speed, alternately add the sifted dry ingredients and the banana and mango purées. Start and end with the dry ingredients to ensure proper distribution. Mix just until combined—about 1 minute—being careful not to overmix. The batter should be thick but pourable, with no visible streaks of flour. Overmixing develops gluten, which can make the cake tough.
Here's the thing—this batter is thick, almost like brownie batter. That's exactly what we want for that dense, moist texture. If you're worried about it being too thick, don't add extra liquid. The tropical fruits already provide enough moisture for a perfectly tender cake.
🔥 Step 4: Bake the Layers
Preheat your oven to 350°F and grease two 8-inch round cake pans or line them with parchment paper. Divide the batter evenly between the pans. Bake for 25-30 minutes, or until a toothpick inserted into the center comes out clean. The edges should be golden brown, but the top might still look slightly underdone—this is normal and will finish cooking as it cools.
I always tap the sides of the pans gently when checking doneness. If the cake springs back slowly and the toothpick comes out with just a few moist crumbs (not wet batter), it's ready. Let the cakes cool in the pans for 10 minutes before transferring to a wire rack to cool completely. This gradual cooling prevents cracking.
🍽️ Step 5: Assemble and Garnish
Once completely cool, place one cake layer on a serving plate. Spread a thin layer of the 2.5 cups powdered sugar mixed with 1 tbsp vanilla extract (about 2 tbsp) over the top. This light dusting of powdered sugar acts as a simple "frosting" that enhances the tropical flavors without being heavy. Place the second layer on top.
Garnish with the 0.5 cup fresh mango slices and 0.25 cup toasted coconut for that beautiful tropical presentation. The mango slices add freshness, while the toasted coconut provides a nice crunchy contrast. Serve slices at room temperature for the best texture and flavor experience—this cake tastes even better the next day when the flavors have fully melded!
Pro Tips For Making Banana And Mango Cake
- Mash Bananas First: I learned this the hard way—don’t just toss in whole bananas straight from the peel. Mash them first with a fork until smooth, breaking up any lumps. This makes the batter lighter and ensures even distribution of moisture, so your cake stays tender, not gummy.
- Use Room-Temp Butter: Cold butter from the fridge will make your cake dense and greasy. Let that butter sit out for 30 minutes before creaming it with sugar—just until it’s soft enough to press a thumbprint into it. Trust me, your cake’s texture will thank you.
- Don’t Overmix the Batter: Once you add the flour, stop mixing the second everything comes together. Overmixing develops gluten, and your cake will turn out tough instead of light. Stir just until the dry ingredients disappear—about 10 seconds past that point is plenty.
- Add Mango Puree: Instead of chopping mango into chunks (which can make the cake sink), blend it into a smooth puree first. Mix it into the batter like you would any other liquid—this keeps the texture consistent and prevents a weird, uneven bite. Works especially well if your mango is extra juicy.
Serving suggestions for this recipe
Tropical Garnish Ideas
Top your cake with fresh mango slices arranged in a circular pattern around the edges for a vibrant, summery look. I like to dip the slices in lemon juice for 5 minutes before placing them on the cake to prevent browning. For extra flair, add a sprinkle of toasted coconut flakes—just toast them in a dry pan over medium heat for 3-4 minutes until golden brown. 🥭
Light Frosting Options
Skip heavy frosting and try a honey drizzle instead—simmer ¼ cup honey with 1 tbsp lime juice for 2 minutes, then strain and drizzle over the cake. For a creamier touch, whip ½ cup Greek yogurt with 1 tsp vanilla until smooth and spread lightly between layers. Both options keep the cake light while adding a touch of elegance. 🍯
Serving Suggestions
Serve slices on a ceramic platter with a side of whipped coconut cream for dipping. The contrast of warm cake and cool coconut cream is pure magic. For a refreshing twist, pair with sparkling limeade or coconut milk chai—both complement the tropical flavors beautifully. 🍹
Make-Ahead Tips
Assemble the cake 1 day ahead and store it in an airtight container at room temperature. The flavors deepen overnight, making it even more delicious. If you're prepping for a party, slice the cake and freeze individual portions on parchment paper for up to 3 months. Thaw at room temperature for 30 minutes before serving. ❄️
Dietary Adaptations
For a gluten-free version, swap the all-purpose flour for a 1:1 gluten-free baking blend like Bob’s Red Mill. To make it vegan, replace the eggs with 2 flax eggs (2 tbsp ground flaxseed + 6 tbsp water) and use vegan butter. The cake stays just as moist and flavorful! 🌱
Presentation Tricks
Use a skewer to create small holes in the cake layers, then drizzle mango purée over the top for a marbled effect. Dust with powdered sugar through a fine-mesh sieve for a snowy finish. For a rustic touch, serve slices on banana leaves—just steam them for 10 seconds to soften before placing the cake on top. 🌴
Nutrition facts
Frequently asked questions
Can I use frozen mango instead of fresh?
Frozen mango works perfectly—just thaw and purée it until smooth. For extra flavor, add 1 tsp lime juice to the purée to brighten the tropical notes. The texture will be identical to fresh, and it's a great way to use up frozen fruit.
Why does my cake taste too banana-heavy?
This happens when the mango flavor isn't balanced. Try adding 1 tsp lemon zest or ½ tsp cinnamon to the batter—both enhance the mango's natural sweetness. For a stronger tropical profile, increase the mango purée to 1.75 cups and reduce banana to 1.75 cups in the next batch.
How do I fix a cake that's too dense?
Dense texture usually means overmixing or insufficient leavening. For next time, sift your baking powder again and mix wet/dry ingredients just until combined (1 minute max). If your current cake is dense, slice it thin and serve with extra whipped coconut cream to balance the texture.
Can I make this cake in a bundt pan?
Yes! The recipe translates beautifully to a 10-cup bundt pan baked at 350°F for 40-45 minutes. Reduce the batter by 25% (about 1.875 cups total) since bundt pans hold less. The tropical layers will still shine, but the shape adds elegant presentation for special occasions.
What's the best way to store leftovers?
Wrap individual slices in plastic wrap and store in an airtight container for up to 3 days. For longer storage, freeze slices on parchment paper for 3 months. Reheat in a 300°F oven for 5-7 minutes—this revives the moist texture perfectly without drying it out.