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.

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.

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.

Serving Suggestions

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.

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.

Tropical Coconut Tres Leches Cake Recipe Walkthrough

Start by preheating your oven to 350°F (175°C) and greasing a 9x13 inch baking pan. In a medium bowl, whisk together the flour, baking powder, and salt. Set it aside for now. In a large bowl, beat the egg yolks with 3/4 cup of sugar until the mixture becomes pale and creamy. Stir in the milk and vanilla extract, combining everything smoothly.

Gently fold the dry flour mixture into the yolk mixture until just combined. In a separate clean bowl, beat the egg whites on high speed until soft peaks form. Gradually add the remaining 1/4 cup of sugar while continuing to beat until stiff peaks form. Carefully fold the egg whites into the cake batter in three batches, ensuring you maintain the airiness.

Pour the batter into your prepared pan and bake for 25-30 minutes. You’ll know it’s done when a toothpick inserted into the center comes out clean. Let the cake cool completely in the pan, then poke holes all over the surface with a fork. In a bowl, whisk together the evaporated milk, sweetened condensed milk, coconut cream, and crushed pineapple. Slowly pour this milk mixture over the cooled cake, making sure it seeps into all those holes. Cover and refrigerate for at least 4 hours, or overnight for best results.

Before serving, whip the heavy cream with powdered sugar and coconut extract until soft peaks form. Spread this whipped cream over the chilled cake. Garnish with toasted coconut flakes and pineapple slices for an extra touch of tropical flair.

Why You'll Love This Recipe

  • Combines the rich, creamy texture of tres leches with a tropical flair.
  • Easy to make ahead – just chill and serve when ready.
  • A crowd-pleaser that’s perfect for parties and special occasions.
  • The combination of coconut and pineapple adds a refreshing, exotic vibe.

Ingredients

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

Step-by-step Instructions

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

Ratings and Comments

Thank you for your rating!