This easy tropical coconut and mango cake is bright and moist, with a sweet floral flavor and a soft, melt-in-your-mouth crumb.
This is your quintessential summer dessert recipe, the kind you might enjoy at a breezy beachside cafe. No overly complicated steps or fussy techniques here! Everything down to the juicy mango chunks and creamy coconut frosting is deliciously refreshing and completely irresistible.
I’ve been making this recipe for summer celebrations for years and it’s still the one I use to this day. This cake has great nutty coconut flavor and such a fabulous soft, tender texture. Plus, it’s so simple to make that you can easily bake it a day ahead of time to let the flavors beautifully deepen. This really is the best coconut and mango cake!
Ingredients in Coconut and Mango Cake
This ingredient setup keeps things tropical while building a moist and flavorful dessert.
How to Make Coconut and Mango Cake
This recipe comes together step by step with simple mixing, baking, and assembling.
1. Prepare the oven and pans
Start by preheating your oven to 350°F (175°C). Grease and flour two 8-inch round cake pans, or line them with parchment paper. This ensures the cakes release easily and bake evenly without sticking.
2. Mix the dry ingredients
In a medium bowl, whisk together the flour, baking powder, and shredded coconut. Mix well to distribute the coconut evenly throughout the flour. This prevents clumps and ensures every bite has consistent texture.
3. Cream the butter and sugar
In a large bowl, beat the softened butter and granulated sugar together until light and fluffy. This usually takes about 3 to 4 minutes. Adding air at this stage helps the cake rise and stay soft.
4. Add wet ingredients
Beat in the eggs one at a time, followed by the vanilla extract. Then, slowly pour in the coconut milk, mixing until just combined. The batter may look slightly curdled, but it will come together once the dry ingredients are added.
5. Combine wet and dry mixtures
Gradually fold the dry ingredient mixture into the wet ingredients. Mix gently until no streaks of flour remain. Be careful not to overmix, as this can make the cake dense rather than tender.
6. Fold in the mangoes
Gently fold in the diced ripe mangoes. Toss them lightly in a tablespoon of flour before adding to prevent them from sinking to the bottom of the pan. Distribute them evenly for balanced flavor in every slice.
7. Bake the cake layers
Divide the batter evenly between the prepared pans. Bake for 25 to 30 minutes, or until a toothpick inserted into the center comes out clean. Let the cakes cool in the pans for 10 minutes, then transfer to a wire rack to cool completely.
8. Make the frosting and assemble
Beat cream cheese, butter, powdered sugar, and lime zest until smooth and creamy. Place one cake layer on a serving plate, spread a layer of frosting, and top with the second layer. Frost the top and sides generously. Garnish with extra coconut flakes or mango slices if desired.
How to Serve Coconut and Mango Cake
This cake works best when served at room temperature or slightly chilled. I like placing slices on colorful plates to enhance the tropical vibe. It feels like a complete dessert on its own, though a little extra flair never hurts.
For a simple addition, serve it with a scoop of coconut sorbet or a drizzle of passion fruit sauce. That adds a refreshing contrast and amplifies the island flavors.
It also works well for summer gatherings since it looks vibrant and inviting on the table. Serving it fresh keeps the mango juicy and the frosting creamy.
Recipe Tips
- Use ripe but firm mangoes so they hold their shape during baking.
- Toast the shredded coconut lightly for a deeper, nuttier flavor.
- Do not overmix the batter to keep the cake light and tender.
- Cool the cakes completely before frosting to prevent the cream cheese from melting.
- Store the cake in the refrigerator due to the cream cheese frosting.
- Bring the cake to room temperature before serving for the best texture.
- Pat mango pieces dry with a paper towel to remove excess moisture.
- Use full-fat coconut milk for the richest flavor and moisture.
Coconut and Mango Cake
Course: DessertCuisine: AmericanDifficulty: Easy8
servings20
30
minutesIngredients
1½ cups all-purpose flour
1 cup shredded coconut
1 teaspoon baking powder
½ cup unsalted butter softened
¾ cup granulated sugar
2 large eggs
½ cup coconut milk
1 teaspoon vanilla extract
1 cup ripe mango diced
8 ounces cream cheese softened
¼ cup butter softened for frosting
2 cups powdered sugar
1 teaspoon lime zest
Directions
- Prepare the oven and pans:
Start by preheating your oven to 350°F (175°C). Grease and flour two 8-inch round cake pans, or line them with parchment paper. This ensures the cakes release easily and bake evenly without sticking. - Mix the dry ingredients:
In a medium bowl, whisk together the flour, baking powder, and shredded coconut. Mix well to distribute the coconut evenly throughout the flour. This prevents clumps and ensures every bite has consistent texture. - Cream the butter and sugar:
In a large bowl, beat the softened butter and granulated sugar together until light and fluffy. This usually takes about 3 to 4 minutes. Adding air at this stage helps the cake rise and stay soft. - Add wet ingredients:
Beat in the eggs one at a time, followed by the vanilla extract. Then, slowly pour in the coconut milk, mixing until just combined. The batter may look slightly curdled, but it will come together once the dry ingredients are added. - Combine wet and dry mixtures:
Gradually fold the dry ingredient mixture into the wet ingredients. Mix gently until no streaks of flour remain. Be careful not to overmix, as this can make the cake dense rather than tender. - Fold in the mangoes:
Gently fold in the diced ripe mangoes. Toss them lightly in a tablespoon of flour before adding to prevent them from sinking to the bottom of the pan. Distribute them evenly for balanced flavor in every slice. - Bake the cake layers:
Divide the batter evenly between the prepared pans. Bake for 25 to 30 minutes, or until a toothpick inserted into the center comes out clean. Let the cakes cool in the pans for 10 minutes, then transfer to a wire rack to cool completely. - Make the frosting and assemble:
Beat cream cheese, butter, powdered sugar, and lime zest until smooth and creamy. Place one cake layer on a serving plate, spread a layer of frosting, and top with the second layer. Frost the top and sides generously. Garnish with extra coconut flakes or mango slices if desired.
