Tropical Coconut Tres Leches Cake

🕒 Prep: 15 min
🔥 Cook: 30 min
🍽 Serves: 12
★★★★★
Be the First to Review!

This Tropical Coconut Tres Leches Cake brings a delightful twist to the classic dessert with its refreshing coconut and pineapple flavors. Perfect for summer gatherings or anytime you crave a taste of the tropics, this cake is a moist, creamy, and indulgent treat that’s sure to impress.

Tropical Coconut Tres Leches Cake

This post may contain affiliate links. As an Amazon Associate, we earn from qualifying purchases.

Ingredients for Tropical Coconut Tres Leches Cake

Ingredients for Tropical Coconut Tres Leches Cake

All-purpose flour forms the base of the cake, providing structure and texture. The baking powder helps the cake rise, while a pinch of salt balances the sweetness. The stars of the show, the egg yolks and sugar, create a rich and airy batter when beaten together. Adding whole milk and vanilla extract brings out a creamy and fragrant flavor.

The trio of milks—evaporated milk, sweetened condensed milk, and coconut cream—soaks the cake, making it incredibly moist. Crushed pineapple infuses a fruity burst. For the topping, heavy cream whipped with powdered sugar and coconut extract delivers a light, fluffy finish, while toasted coconut flakes and pineapple slices add a decorative and flavorful garnish.

Why This Tropical Coconut Tres Leches Cake Works

In the oven, the batter puffs up because the beaten egg whites trap a lot of air. As the heat sets the eggs and flour, that air stays inside and the cake bakes up light instead of dense. Sugar in the yolks keeps the crumb soft, so even after soaking, the cake doesn’t fall apart. By the time it cools, the inside is full of tiny pockets just waiting to take in liquid.

After baking, all those fork holes and air pockets let the mix of evaporated milk, sweetened condensed milk, coconut cream, and pineapple slowly sink in. The sponge acts like a dry sponge in a sink, pulling the liquid through the whole pan instead of just sitting on top. Over a few hours in the fridge, the milks spread out and settle, so every bite is moist but still holds its shape.

Right before serving, the lightly whipped cream goes on top. It stays fluffy, while the toasted coconut and pineapple sit on a firm, soaked cake underneath, giving a soft, cold, custardy texture without turning mushy.

Tropical Coconut Tres Leches Cake Tips & Tricks

  • For a fluffier cake, make sure your egg whites are at room temperature before beating them.
  • Toasting coconut flakes is easy—just spread them on a baking sheet and bake at 350°F (175°C) for a few minutes until golden brown.
  • Refrigerating the cake overnight allows the flavors to meld beautifully, making it even more delicious.

Mistakes To Avoid

Overbaking the sponge can leave it dry and tight, so when the milk mixture is poured on later, it just sits on top or around the edges instead of soaking in. The cake then ends up with dry patches instead of that soft, soaked texture all the way through.

Beating the egg whites too little or too much throws off the cake’s structure. Underbeaten whites stay runny and make the batter heavy, while overbeaten whites turn grainy and don’t fold in well, which leads to a flat, dense cake that can’t hold much of the milk mixture.

Pouring the milk mixture over a warm cake often causes the liquid to steam and separate slightly, and it can run straight to the sides instead of sinking into the holes. The result is a soggy rim with a middle that stays mostly plain.

Skipping the long chill time in the fridge means the milk mixture doesn’t have time to fully soak in and set. The cake then cuts messy, with liquid pooling at the bottom and layers that slide instead of holding together in neat slices.

Equipment Used:

Mixer, Whisk, 9x13 inch baking pan

Ingredients

  1. 1 cup all-purpose flour
  2. 1 1/2 teaspoons baking powder
  3. 1/4 teaspoon salt
  4. 5 large eggs, separated
  5. 1 cup granulated sugar
  6. 1/3 cup whole milk
  7. 1 teaspoon vanilla extract
  8. 1 can (12 oz) evaporated milk
  9. 1 can (14 oz) sweetened condensed milk
  10. 1/4 cup coconut cream
  11. 1/2 cup crushed pineapple, drained
  12. 1 cup heavy cream
  13. 1/4 cup powdered sugar
  14. 1/2 teaspoon coconut extract
  15. Toasted coconut flakes for garnish
  16. Pineapple slices for garnish

Step-by-step Instructions

  1. 1. Preheat oven to 350°F (175°C) and grease a 9x13 inch baking pan.
  2. 2. In a medium bowl, whisk together flour, baking powder, and salt.
  3. 3. In a large bowl, beat egg yolks with 3/4 cup sugar until pale and creamy. Stir in milk and vanilla extract.
  4. 4. Gently fold in the flour mixture into the yolk mixture.
  5. 5. In a separate bowl, beat egg whites on high until soft peaks form. Gradually add remaining 1/4 cup sugar, beating until stiff peaks form.
  6. 6. Gently fold egg whites into the batter in three additions.
  7. 7. Pour batter into the prepared pan and bake for 25-30 minutes until a toothpick inserted comes out clean.
  8. 8. Let cake cool completely, then poke holes all over with a fork.
  9. 9. In a bowl, whisk together evaporated milk, sweetened condensed milk, coconut cream, and crushed pineapple.
  10. 10. Slowly pour milk mixture over the cake, ensuring it seeps into all holes.
  11. 11. Refrigerate for at least 4 hours or overnight.
  12. 12. Before serving, whip cream with powdered sugar and coconut extract until soft peaks form.
  13. 13. Spread the whipped cream over the cake and garnish with toasted coconut flakes and pineapple slices.

Frequently Asked Questions

Can I make this cake in advance?
Absolutely! This cake actually benefits from being made a day ahead, as the flavors develop and the cake becomes even more moist.
Can I use low-fat milk instead of whole milk?
While you can use low-fat milk, the whole milk adds a richer flavor and texture to the cake.
Is there a substitute for coconut cream?
If you can't find coconut cream, you can use the thick part of canned coconut milk as an alternative.

Serving Ideas for Tropical Coconut Tres Leches Cake

This cake pairs wonderfully with a refreshing coconut or pineapple sorbet. You can also serve it with a chilled tropical drink, like a piña colada or a mango smoothie, to enhance the island vibe.

Ratings and Comments

Your feedback helps other cooks — thank you!

This recipe is for informational purposes only. Always follow proper food safety practices, cook foods to safe internal temperatures, and store leftovers appropriately. Results may vary.