Enjoy a taste of the tropics with this mango coconut sheet cake. Vanilla sponge cake is soaked with coconut milk and topped with fresh mango and dried shredded coconut.

I’m on a tropical kick this week. It’s because I’m super excited about my upcoming trip to the Philippines. I haven’t visited in over ten years.
The last time I was in Manila was in 2007 for a summer study abroad program during my senior year of college.
I’ll be there for a quick week next month to attend a dear friend’s wedding. It’s on a private island… which requires guests to travel by small plane for an hour, car ride for an hour, and finally a boat ride for an hour. IT’S GOING TO BE AN ADVENTURE!
Although, I wonder if wifi will work in such a remote area. I’m keeping my fingers crossed!
Follow along on Instagram Stories to see my Philippines adventure. And more importantly, laugh at my husband’s reactions to the heat, humidity, and culture shocks of Southeast Asia!

Mango Coconut Sheet Cake
Mango and coconut go together like peanut butter and jelly. It’s a tropical combination of flavors that is pleasant and refreshing.
This mango coconut sheet cake reminds me of the sponge cakes from Asian bakeries. Do you know the ones I’m talking about? The coconut milk soaked vanilla sponge cake is topped with sweetened whipped cream. If you’d like to make this cake dairy-free, use whipped coconut cream instead.
This cake is quite light and very easy to devour. The cake itself is not very sweet. Instead, it relies on the sweetness of the fresh mango and the richness of the coconut milk.

How do you make sponge cake?
There are various versions of sponge cake. One thing they all have in common: the eggs are separated.
The egg whites are whipped to stiff peaks and gradually folded into the rest of the batter. This provides leavening and allows for the fluffy texture of the baked cake.
Do not be alarmed by the cake batter. It will be very, very thick before you fold in the egg whites. The batter will loosen and smooth out once all the egg whites have been added.
Tips on assembling the cake:
The bake cake will be soft and fluffy, but rather dry inside. Dock the surface of the cake with the tines of fork. Slowly pour the well-shaken coconut milk over the cake in three additions, allowing the cake to absorb the liquid before adding more.
Let the coconut soaked cake chill in the fridge for at least 15 minutes. You can make a day ahead and let it chill overnight.
Before serving, spread whipped cream in an even layer over the cake. Distribute fresh mango chunks all over and then generously sprinkle dried unsweetened shredded coconut on top.


Notes on cake pan used:
- I used a quarter sheet pan (9×13-inch) with an attached sheet pan extender. The sheet pan extender allows for easy unmolding of cake. Simply lift the extender up and serve the cake in the sheet pan.
- You can also use rectangular sheet cake pans like this one from Nordic Ware or this one from Calphalon.
- Alternatively, this cake recipe will also made two 8-inch round cake layers. The vanilla sponge cake is used in this strawberry layer cake.


Mango Coconut Sheet Cake
Ingredients
Vanilla Sponge Cake:
- 2 cup cake flour (240 g)
- 1 ½ teaspoon baking powder
- 1 teaspoon fine sea salt
- 1 cup granulated sugar, divided (200 g)
- ⅓ cup vegetable oil
- ⅓ cup water
- 1 Tablespoon pure vanilla extract
- 4 large eggs, separated
- ¼ teaspoon cream of tartar
Topping:
- 1 ½ cups canned coconut milk (full-fat)
- 1 ½ cup heavy cream, cold
- 3 Tablespoons confectioners’ sugar
- 1 teaspoon pure vanilla extract
- 2 cups fresh mango, peeled, cut into chunks
- 3 Tablespoons unsweetened dried shredded coconut
Instructions
Vanilla Sponge Cake:
- Preheat oven to 350°F. Line bottom of 9×13-inch cake pan with parchment paper. Generously grease the sides of pan with butter. Set aside.
- In a medium bowl, whisk together cake flour, baking powder, salt, and ½ cup sugar. In a large bowl, whisk together oil, water, vanilla, and yolks. Add dry mixture to wet mixture in three additions. Fold to combine. The mixture will look like very thick cookie dough.
- In large bowl, using an electric hand mixer, beat egg whites and cream of tartar at low speed until foamy. Continue to beat a low speed and slowly add remaining ½ cup of sugar one tablespoon at a time. Once all the sugar has been added, increase to medium speed and beat to stiff peaks.
- Add egg whites to cake batter in three additions. Fold to combine. Batter will loosen as you add egg whites.
- Transfer batter to prepared cake cake. Spread into an even layer. Bake for 30-35 minutes until the top of cake is lightly golden brown and a toothpick inserted in center of cake comes out clean. Let cool in pan for 5 minutes. Run mini offset spatula along the perimeter of cake pan to loosen cake. Allow cake to cool to room temperature
Assembly:
- Use a fork to dock the entire top surface of cake. Pour coconut milk over cake in three additions, allowing cake to soak up liquid before adding more. Let soaked cake chill in the fridge for 15 minutes.
- Topping: In a chilled bowl, whip cold heavy cream, confectioners' sugar, and vanilla to almost stiff peaks. Use a stand mixer fitted with a whisk attachment or use an electric hand mixer to speed up the process.
- Spread whipped cream over chilled cake. Distribute mango chunks over whipped cream. Sprinkle shredded coconut on top. Let chill in the fridge until ready to serve. All images and text ©The Little Epicurean
Notes
- Use canned full-fat coconut milk. Shake coconut milk before use. Do not use light coconut milk or coconut milk sold in cartons. Those milks will be too thin and will not provide as much flavor.
- If desired, lightly toast shredded coconut before sprinkling over cake.
- I recommend Bob’s Red Mill Unsweetened Shredded Coconut
Hi, do you think I could use coconut oil instead of veg oil in the cake, to amp up the coconut flavor? Or maybe add some finely shredded coconut to the batter as well? Thanks!!
Unrefined coconut oil will give you more coconut flavor. Refined coconut oil will not. If you want more coconut flavor in the vanilla sponge cake, use high quality coconut extract. Don’t add shredded coconut to the cake batter. It will affect how the cake rises.
Hi! I was wonder If you had any tips on making this a layer cake? I have made it before and loved it! If I did a two layer cake, should I pour less coconut milk over the tops so that they stack easier maybe? Thank you! I love all your recipes!
Hi! Yes, the batter can be baked in two 8-inch cake rounds. Bake for 18-20 minutes. Let cool in pan for 5-10 minutes Run mini offset spatula around the edges of the cake pan to loosen cake before unmolding. Let cake cool on wire racks.
During assembly, place one cake layer on serving plate or turntable. Dock surface. Pour a little coconut milk at a time. Add frosting. Add second cake layer, dock, and add a little coconut milk at at time.
So I made this cake today, just omitted the whipped cream topping and the shredded coconut. I used a full can of coconut milk, 400mL. Very good, not too sweet and of course delicious with mango. 10/10
I’m really looking forward to making this recipe. It sounds delicious. My question is, because of the whipped cream, can this be frozen overnight and allowed to thaw the next day? I serve lunches and what I do something with whipped cream, like strawberry shortcake, I will package and freeze it. That way when I distribute it it will still be chilled and nice. Please advise.
No, you cannot freeze the whipped cream overnight. The whipped cream will not defrost/thaw well. If you require freezing, I suggest you try a product like Whip’n Ice instead of whipped cream.
How much vanilla for the topping?
Thank you for pointing that out! It’s 1 teaspoon of vanilla.