Sweet, fragrant, and bursting with color—the very first time I sliced into this Hummingbird Cake with mango, I knew it was going to be one of those desserts that linger in memory. The aroma alone is like stepping into a sun-filled kitchen, with notes of ripe banana, pineapple, and that unmistakable tropical twist from fresh mango. Honestly, if you’re after a cake that brings summer to your table no matter the season, you’re in the right place.
I stumbled onto the idea of adding mango to a classic Hummingbird Cake during a vacation in Florida. Mangoes were everywhere, and I just couldn’t resist tossing some into my favorite banana-pineapple cake. It turned out so moist and flavorful, it’s become my go-to for birthdays, brunches, and those moments when you just need a little edible sunshine.
This hummingbird cake recipe isn’t just about taste; it’s a celebration of texture and sweetness. With its soft crumb, creamy frosting, and bursts of juicy fruit, it’s perfect for anyone who loves a cake that’s both comforting and just a bit exotic. Whether you’re baking for picky eaters, celebrating a special occasion, or just craving something incredible with your afternoon coffee, this tropical mango dessert is here for you. I’ve tested it more times than I can count, and every single batch disappears fast—trust me, you’ll want to bookmark this one!
Why You’ll Love This Recipe
- Quick & Easy: No complicated techniques—just mix, bake, and enjoy. You’ll have it ready in under 90 minutes, which is pretty fantastic for such a showstopper.
- Simple Ingredients: Bananas, pineapple, mango, and pantry staples. No need to hunt down specialty items.
- Perfect for Any Occasion: Brunch, birthdays, summer parties, or just a cozy weekend treat—this cake fits right in.
- Crowd-Pleaser: Kids and adults always go back for seconds. It’s sweet, fruity, and the cream cheese frosting is downright addictive.
- Unbelievably Delicious: The tropical flavor combo is pure comfort food, with a twist that sets it apart from every other cake on the table.
I’m serious when I say this hummingbird cake is different. The addition of mango gives it a lush, melt-in-your-mouth texture. Blending the banana and pineapple ensures each bite is smooth, without those odd chunky bits you sometimes get. I’ve swapped in coconut oil for an extra hint of island flavor, and honestly, the cream cheese frosting is the perfect finishing touch. It’s a cake that makes people close their eyes and savor every mouthful.
This is my best version, and it’s become a family tradition. If you want a dessert that’s both impressive and fuss-free, this recipe checks all the boxes. It’s one of those treats that brings people together, sparks conversation, and leaves everyone asking for the recipe. So, let’s make some memories—one slice at a time!
What Ingredients You Will Need
This irresistible tropical hummingbird cake with mango delight uses simple, wholesome ingredients to deliver bold flavor and a moist, tender crumb—no fancy shopping required. Most of what you need is probably already in your kitchen (and if not, you’ll find easy swaps below).
- For the Cake Batter:
- All-purpose flour (2 cups / 250g)
- Granulated sugar (1 cup / 200g)
- Light brown sugar (1/2 cup / 100g, packed)
- Baking soda (1 tsp / 5g)
- Ground cinnamon (1 tsp / 5g)
- Salt (1/2 tsp / 3g)
- Large eggs (3, room temperature)
- Coconut oil (1/2 cup / 120ml, melted; can sub with vegetable oil)
- Pure vanilla extract (2 tsp / 10ml)
- Ripe bananas (2, mashed, about 1 cup / 230g)
- Crushed pineapple (1 cup / 225g, drained well; use fresh or canned)
- Fresh mango (1 medium, diced, about 3/4 cup / 130g; Ataulfo or Tommy Atkins work great)
- Chopped pecans or walnuts (1/2 cup / 60g; optional, for crunch)
- For the Cream Cheese Frosting:
- Cream cheese (8 oz / 225g, softened; full-fat is best)
- Unsalted butter (1/2 cup / 115g, softened)
- Powdered sugar (2–2.5 cups / 250–310g, sifted)
- Pure vanilla extract (1 tsp / 5ml)
- Pinch of salt
- For Garnish (Optional):
- Extra diced mango
- Toasted coconut flakes
- Chopped nuts
Tips: For best texture, use firm, ripe mangoes (overripe can get mushy). If you need a gluten-free version, swap all-purpose flour with a 1:1 gluten-free baking mix. Not a fan of nuts? Leave them out—the cake is still just as delicious. And if you’re dairy-free, use a plant-based cream cheese and butter for the frosting (I like Miyoko’s or Violife brands for great results).
Sometimes, I toss in a handful of shredded coconut or swap the mango for papaya if that’s all I have. The beauty of this tropical hummingbird cake is how flexible it is. Don’t stress if you’re missing an ingredient—there’s usually a tasty workaround!
Equipment Needed
You don’t need a fancy kitchen setup for this hummingbird cake recipe. Here’s what I use every time:
- Mixing bowls: At least two medium or large bowls for wet and dry ingredients.
- Whisk & spatula: A sturdy whisk for mixing and a silicone spatula for folding (the spatula helps scrape every last bit of batter).
- Electric mixer: Hand or stand mixer for the frosting. You can use a whisk if you’re feeling strong, but it takes way longer.
- Measuring cups & spoons: For accuracy. I always double-check—baking’s a science!
- 9-inch (23cm) round cake pans: Two pans for layered cake. If you only have one, bake in batches.
- Parchment paper: For lining pans so the cake doesn’t stick (learned the hard way—trust me).
- Cooling rack: Essential for getting the cake to room temp before frosting.
- Offset spatula: Makes spreading frosting a breeze, though a butter knife works in a pinch.
If you’re on a budget, most dollar stores have basic baking supplies. I’ve used mismatched pans, plastic bowls, even wooden spoons—cake still turns out awesome. Just keep your mixer clean and parchment handy. For specialty equipment, like a cake turntable, I only bother when I want a really pretty finish (otherwise, a lazy Susan does the trick!).
Preparation Method
- Prep the pans and oven: Preheat your oven to 350°F (175°C). Line two 9-inch (23cm) round cake pans with parchment paper and lightly grease the sides. This prevents sticking and helps the cake release easily.
- Mix the dry ingredients: In a large bowl, combine 2 cups (250g) all-purpose flour, 1 cup (200g) granulated sugar, 1/2 cup (100g) packed brown sugar, 1 tsp (5g) baking soda, 1 tsp (5g) ground cinnamon, and 1/2 tsp (3g) salt. Whisk until well blended—no lumps.
- Blend the wet ingredients: In a separate bowl, whisk together 3 large eggs, 1/2 cup (120ml) melted coconut oil, and 2 tsp (10ml) vanilla extract. Add 1 cup (230g) mashed ripe bananas, 1 cup (225g) well-drained crushed pineapple, and 3/4 cup (130g) diced fresh mango. Mix until smooth but don’t overdo it—a few small banana lumps are okay.
- Combine wet and dry: Pour the wet mixture into the dry ingredients. Stir gently with a spatula until just combined. Overmixing can make the cake dense; stop when you don’t see streaks of flour.
- Add nuts (optional): Fold in 1/2 cup (60g) chopped pecans or walnuts if using. Give the batter a final gentle stir.
- Bake: Divide the batter evenly between the prepared pans. Bake on the middle rack for 28–32 minutes, or until a toothpick inserted in the center comes out clean and the tops are golden. Rotate pans halfway for even baking.
- Cool: Remove cakes from the oven and let them cool in the pans for 10 minutes. Run a knife around the edge, then turn out onto a wire rack. Cool completely (about 45 minutes)—frosting a warm cake leads to a messy disaster!
- Make the frosting: In a large bowl, beat 8 oz (225g) cream cheese and 1/2 cup (115g) unsalted butter until smooth and creamy. Gradually add 2–2.5 cups (250–310g) powdered sugar and 1 tsp (5ml) vanilla, plus a pinch of salt. Beat until fluffy and spreadable. If it’s too soft, chill for 10 minutes.
- Assemble: Place one cake layer on your serving plate. Spread about 1/3 of the frosting on top. Add the second layer and cover with the remaining frosting, smoothing the sides and top. Use an offset spatula for those lovely swirls.
- Garnish: Decorate with extra diced mango, toasted coconut flakes, and chopped nuts if you like. Let the cake sit for 15–20 minutes before serving to allow the flavors to meld.
Notes: If your mango is super juicy, blot the dice with a paper towel so the batter doesn’t get watery. If the cake sinks in the middle, it’s probably underbaked—pop it back in the oven for 5 more minutes. Cakes can be made a day ahead and frosted before serving.
Personal tips: I always use an ice cream scoop to divide batter evenly—so simple! And if you want a taller cake, use three thinner pans and watch the bake time. For extra mango punch, spread a little mango jam between the layers.
Cooking Tips & Techniques
Baking the perfect hummingbird cake with mango takes just a bit of know-how (and a few lessons learned the hard way!). Here’s what works best for me:
- Room temperature ingredients: Eggs and cream cheese blend more smoothly when not cold. If you forget, let them sit out for 20 minutes or submerge eggs in warm water for 5 minutes.
- Don’t overmix: Once the wet and dry meet, mix only until the flour disappears. Overmixing leads to a tough cake—been there, regretted that!
- Check for doneness: Ovens can be sneaky. Start testing at 28 minutes. The cake should spring back, and a toothpick should come out clean. If it’s still sticky, bake in 3-minute intervals.
- Cool completely before frosting: I know, it’s tempting to rush, but warm cake melts the frosting and turns it into a mess. I’ve learned to wait (most of the time!).
- Multitask smart: While the cake bakes, get your frosting ready and clean up. This keeps the kitchen chaos to a minimum.
- Mango selection: Use mangoes that are ripe but firm; soft ones go mushy in the batter. If your mango is too sweet, cut back on sugar by a tablespoon.
- Layering tip: For perfectly even layers, trim the tops with a serrated knife if needed. Save the scraps for snacking!
- Frosting consistency: If your frosting feels runny, add more powdered sugar or chill for 10–15 minutes. If it’s too thick, splash in a teaspoon of milk.
Honestly, I used to rush through cake recipes and always ended up with lopsided layers and runny frosting. Slowing down and paying attention to these little tricks makes a huge difference. Your hummingbird cake will turn out bakery-worthy every time!
Variations & Adaptations
This tropical hummingbird cake recipe is super flexible. Here are some tasty ways to adapt it:
- Gluten-Free: Swap the all-purpose flour for a gluten-free 1:1 baking blend. I’ve used Bob’s Red Mill with great results—no one notices the difference.
- Vegan: Replace eggs with flax eggs (1 tbsp flaxseed meal + 2.5 tbsp water per egg), use dairy-free cream cheese and butter, and choose coconut sugar for a natural sweetener.
- Seasonal Fruit: Try papaya or peaches instead of mango in summer, or add diced strawberries for a springtime vibe.
- Nut-Free: Skip the pecans/walnuts and use toasted seeds (like pumpkin or sunflower) for crunch, or just leave them out entirely.
- Single-Layer Sheet Cake: Pour the batter into a 9×13-inch (23x33cm) pan and bake for 35–38 minutes. Easier for potlucks or casual gatherings.
Personally, I’ve made this cake dairy-free for a friend with allergies, and swapped the mango for pineapple chunks when I ran out. It’s always a hit! Feel free to add spices like ginger or nutmeg if you want a little more zing. This cake is your canvas—paint it however you like!
Serving & Storage Suggestions
This hummingbird cake is best served slightly chilled or at room temperature—either way, the flavors really pop. Slice generously and plate with extra mango and coconut flakes for that Pinterest-worthy look. I love pairing it with iced tea or a tropical fruit punch.
- Serving: For parties, cut the cake into thick wedges. For brunch, serve alongside fresh fruit or yogurt. A drizzle of honey makes it extra special.
- Storage: Store leftovers in an airtight container in the fridge for up to 5 days. The flavors get richer after the first day, and the cake stays moist.
- Freezing: You can freeze unfrosted cake layers (wrapped tightly in plastic) for up to 2 months. Thaw at room temperature, then frost before serving.
- Reheating: If you like warm cake, microwave a slice for 10–15 seconds. The frosting softens, and the cake tastes almost fresh-baked.
This cake is also great for meal prep—make ahead, store, and enjoy all week. Honestly, I think it tastes even better the second day!
Nutritional Information & Benefits
This hummingbird cake recipe with mango packs in plenty of nutrient-rich fruit, fiber, and healthy fats. Here’s a rough estimate per serving (assuming 12 slices):
- Calories: 420
- Protein: 5g
- Fat: 19g
- Carbohydrates: 60g
- Fiber: 3g
- Sugar: 38g
Bananas and mangoes bring potassium and vitamin C, while pineapple adds digestive enzymes. Using coconut oil and nuts gives healthy fats and some protein. The cake can be adapted for gluten-free or dairy-free diets. Allergens include eggs, nuts, dairy, and gluten (unless you use substitutions).
Personally, I love knowing that every slice sneaks in extra fruit and goodness. It’s a dessert you can feel good about sharing!
Conclusion
If you’re craving a dessert that’s equal parts comfort and celebration, this irresistible tropical hummingbird cake with mango delight is a must-try. It’s packed with juicy fruit, a tender crumb, and that creamy frosting everyone loves.
Don’t be afraid to modify this recipe—try different fruits, swap out nuts, or adjust the sweetness. That’s the best part of baking at home! I’ve made this cake for family gatherings, lazy weekends, and even as a midnight snack. Every time, it brings a little sunshine to the day.
Give it a go, and let me know how yours turns out. Drop a comment below if you try a fun variation, or share your pictures on Pinterest—there’s nothing more satisfying than seeing your creations! Happy baking, friends!
Frequently Asked Questions
Can I use canned mango instead of fresh?
Yes, but drain it really well and dice it small. Fresh mango gives a brighter flavor, but canned works in a pinch.
What’s the best way to ripen bananas fast?
Place them in a paper bag with an apple for a day or two. If you’re in a rush, bake unpeeled bananas at 300°F (150°C) for 15 minutes.
Can I make this cake without nuts?
Absolutely! Just leave them out or swap for seeds if you want some crunch.
How do I keep the cake moist?
Don’t overbake, and always measure your flour carefully. The fruit keeps it moist for days!
Can I make this recipe as cupcakes?
Yes! Scoop the batter into lined muffin tins, filling 2/3 full. Bake for 18–22 minutes and frost as usual. They’re adorable and perfect for parties!
Pin This Recipe!
Hummingbird Cake with Mango
This tropical hummingbird cake is a moist, flavorful dessert bursting with banana, pineapple, and fresh mango, all topped with a luscious cream cheese frosting. It’s a showstopping cake that’s easy to make and perfect for any celebration or cozy weekend treat.
- Prep Time: 25 minutes
- Cook Time: 32 minutes
- Total Time: 1 hour 30 minutes
- Yield: 12 servings 1x
- Category: Dessert
- Cuisine: American, Tropical
Ingredients
- 2 cups all-purpose flour (250g)
- 1 cup granulated sugar (200g)
- 1/2 cup light brown sugar, packed (100g)
- 1 teaspoon baking soda (5g)
- 1 teaspoon ground cinnamon (5g)
- 1/2 teaspoon salt (3g)
- 3 large eggs, room temperature
- 1/2 cup coconut oil, melted (120ml; or vegetable oil)
- 2 teaspoons pure vanilla extract (10ml)
- 2 ripe bananas, mashed (about 1 cup / 230g)
- 1 cup crushed pineapple, drained well (225g; fresh or canned)
- 1 medium fresh mango, diced (about 3/4 cup / 130g)
- 1/2 cup chopped pecans or walnuts (60g; optional)
- 8 oz cream cheese, softened (225g; full-fat is best)
- 1/2 cup unsalted butter, softened (115g)
- 2–2.5 cups powdered sugar, sifted (250–310g)
- 1 teaspoon pure vanilla extract (5ml)
- Pinch of salt
- Extra diced mango (for garnish, optional)
- Toasted coconut flakes (for garnish, optional)
- Chopped nuts (for garnish, optional)
Instructions
- Preheat oven to 350°F (175°C). Line two 9-inch round cake pans with parchment paper and lightly grease the sides.
- In a large bowl, whisk together flour, granulated sugar, brown sugar, baking soda, cinnamon, and salt until well blended.
- In a separate bowl, whisk eggs, melted coconut oil, and vanilla extract. Add mashed bananas, drained pineapple, and diced mango. Mix until smooth but do not overmix.
- Pour wet mixture into dry ingredients. Stir gently with a spatula until just combined and no streaks of flour remain.
- Fold in chopped pecans or walnuts if using.
- Divide batter evenly between prepared pans. Bake for 28–32 minutes, rotating pans halfway, until a toothpick inserted in the center comes out clean.
- Let cakes cool in pans for 10 minutes, then run a knife around the edge and turn out onto a wire rack. Cool completely (about 45 minutes).
- For the frosting: In a large bowl, beat cream cheese and butter until smooth and creamy. Gradually add powdered sugar, vanilla, and a pinch of salt. Beat until fluffy and spreadable. Chill for 10 minutes if too soft.
- Place one cake layer on a serving plate. Spread about 1/3 of the frosting on top. Add the second layer and cover with remaining frosting, smoothing the sides and top.
- Garnish with extra diced mango, toasted coconut flakes, and chopped nuts if desired. Let cake sit for 15–20 minutes before serving.
Notes
For best texture, use ripe but firm mangoes and blot excess juice. Do not overmix the batter. Cakes can be made a day ahead and frosted before serving. For gluten-free, use a 1:1 baking blend. For dairy-free, use plant-based cream cheese and butter. If making cupcakes, bake for 18–22 minutes. Store leftovers in the fridge for up to 5 days.
Nutrition
- Serving Size: 1 slice (1/12 of cake)
- Calories: 420
- Sugar: 38
- Sodium: 270
- Fat: 19
- Saturated Fat: 9
- Carbohydrates: 60
- Fiber: 3
- Protein: 5
Keywords: hummingbird cake, mango cake, tropical dessert, banana pineapple cake, cream cheese frosting, summer cake, easy cake recipe, brunch dessert, fruit cake, party cake