Coconut Pineapple Tres Leches Cake

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

This Coconut Pineapple Tres Leches Cake is a tropical twist on the classic Latin American dessert. The combination of coconut and pineapple with the rich, creamy three-milk soak makes it irresistibly moist and flavorful. It's a perfect treat for a summer gathering or a bright winter pick-me-up!

Coconut Pineapple Tres Leches Cake

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

Ingredients for Coconut Pineapple Tres Leches Cake

Ingredients for Coconut Pineapple Tres Leches Cake

All-purpose flour provides the base structure for the cake, creating a tender crumb. Baking powder helps the cake rise, ensuring a light and airy texture. A pinch of salt enhances all the flavors.

Eggs are separated to create a rich, creamy yolk mixture and a fluffy, airy meringue, which gives the cake its unique texture. Granulated sugar sweetens the cake and helps create a tender crumb. Whole milk adds moisture and richness while vanilla extract enhances the overall flavor.

The trio of sweetened condensed milk, evaporated milk, and coconut milk is what makes this cake so decadently moist. Crushed pineapple adds a burst of fruity flavor that complements the coconut perfectly.

Heavy cream is whipped into a light and fluffy topping, sweetened just enough with powdered sugar. Shredded coconut is toasted for a bit of texture and nutty flavor, while pineapple slices serve as a beautiful garnish.

Why This Coconut Pineapple Tres Leches Cake Works

In the oven, the eggs do most of the work. Beating the yolks with sugar makes them thick and foamy, so they can hold air. Whipped egg whites bring even more air. When the two are folded together and baked, that air expands and the eggs set, so the cake bakes up light and a little spongy instead of dense. That sponge-like texture is important later.

After the cake cools, all those tiny air pockets and holes from poking let the three milks and coconut milk slowly soak in. Instead of sitting on top, the liquid moves through the cake and settles inside. The cake stays in the fridge long enough for the milk mixture to spread out evenly, so every bite is moist but not soupy.

On top, the softly whipped cream, crushed pineapple, and toasted coconut stay light. They don’t weigh down the cake, so the soaked base stays fluffy while the top adds a cool, creamy layer and a bit of chew from the coconut.

Coconut Pineapple Tres Leches Cake Tips & Tricks

  • For extra flavor, toast the shredded coconut by spreading it on a baking sheet and baking at 350°F (175°C) for about 5-7 minutes, stirring occasionally.
  • Make sure the cake is completely cool before pouring the milk mixture over it to prevent sogginess.
  • Use a serrated knife to cut the cake for cleaner slices.

Mistakes To Avoid

Overbaking the sponge turns it dry and tight, so when the three milks go on later, they just sit on top or form a soggy layer instead of soaking in evenly. The cake ends up with a tough bite and wet patches instead of a soft, evenly soaked texture.

Pouring the milk mixture over a warm cake makes the crumb collapse and go gummy. The heat causes the milks to separate a bit and pool in the bottom, so the top stays oddly dry while the bottom turns mushy.

Skipping the step of beating the egg whites to stiff peaks, or roughly mixing them into the batter, leads to a flat, dense cake. With less air trapped inside, the sponge can’t hold much liquid, so it feels heavy and slightly rubbery once soaked.

Adding the crushed pineapple into the milk mixture instead of on top sends little fruit pieces into the holes, where they block the liquid from spreading. The result is random wet pockets around the fruit and dry, plain cake in other spots.

Using undrained pineapple on top releases extra juice into the whipped cream, which thins it out and makes it slide off the cake. The topping can look weepy and won’t hold soft peaks.

Ingredients

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

Step-by-step Instructions

  1. 1. Preheat the oven to 350°F (175°C). Grease a 9x13 inch baking dish.
  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 on high speed until pale yellow.
  4. 4. Stir in milk and vanilla. Gently fold in the flour mixture.
  5. 5. In another bowl, beat egg whites on high speed until soft peaks form. Gradually add remaining 1/4 cup sugar, beating until stiff peaks form.
  6. 6. Gently fold egg whites into yolk mixture until combined.
  7. 7. Pour batter into prepared dish and bake for 25 minutes, or until a toothpick comes out clean.
  8. 8. Let cake cool completely. In a bowl, mix sweetened condensed milk, evaporated milk, and coconut milk.
  9. 9. Poke holes all over the cooled cake with a fork. Slowly pour milk mixture over the cake.
  10. 10. Refrigerate for at least 4 hours or overnight.
  11. 11. In a medium bowl, whip the heavy cream with powdered sugar until soft peaks form.
  12. 12. Spread whipped cream over the chilled cake. Top with crushed pineapple and toasted coconut.
  13. 13. Garnish with pineapple slices before serving.

Frequently Asked Questions

Can I make this cake ahead of time?
Yes! This cake actually tastes better after it has had time to soak, so making it a day in advance is perfect.
Can I use fresh pineapple instead of canned?
Absolutely! Just make sure to drain it well to avoid adding extra moisture to the cake.

Serving Ideas for Coconut Pineapple Tres Leches Cake

This cake pairs beautifully with a scoop of vanilla ice cream or a dollop of fresh whipped cream on the side. For a refreshing contrast, serve with a chilled glass of pineapple juice or a fruity cocktail.

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.