This Pineapple Coconut Tres Leches Cake is a tropical twist on the classic. A soft sponge cake gets drenched in a luscious three-milk mixture enhanced with coconut milk, then topped with crushed pineapple, fluffy whipped cream, and toasted coconut. It’s creamy, light, and refreshing with the perfect balance of sweet and tangy flavors.

Why You’ll Love This Recipe

I love how this cake transforms a traditional dessert into something tropical and refreshing. The coconut milk adds depth and creaminess, the pineapple gives a juicy brightness, and the toasted coconut adds just the right amount of texture and nuttiness. I also appreciate that I can make this cake ahead of time—it tastes even better the next day once all the flavors settle in.

Ingredients

(Here’s a tip: Check out the full list of ingredients and measurements in the recipe card below.)

For the cake:

  • Cake flour

  • Baking powder

  • Kosher salt

  • Unsalted butter

  • Sugar

  • Eggs

  • Vanilla extract

For the glaze:

  • Evaporated milk

  • Sweetened condensed milk

  • Light coconut milk

For the topping:

  • Crushed pineapple, well drained

  • Heavy cream

  • Powdered sugar

  • Vanilla extract

  • Toasted coconut

Directions

  1. Preheat oven to 350°F and grease a 13×9-inch baking pan.

  2. Whisk together cake flour, baking powder, and salt.

  3. Cream butter until fluffy, then slowly add sugar. Mix in eggs one at a time, followed by vanilla.

  4. Add dry ingredients in thirds, mixing until just combined. Spread into prepared pan.

  5. Bake 18–25 minutes, until golden and a thermometer reads 200°F internally. Cool 30 minutes.

  6. Poke holes all over the cake with a fork. Let cool completely.

  7. Whisk evaporated milk, condensed milk, and coconut milk. Slowly pour over cake. Cover and refrigerate overnight.

  8. The next day, spread crushed pineapple over the cake.

  9. Whip heavy cream, powdered sugar, and vanilla to stiff peaks. Spread over pineapple.

  10. Finish with toasted coconut. Keep chilled until serving.

Servings and timing

This recipe serves about 12 people. The cake takes around 30 minutes of prep, 20 minutes of baking, and needs to chill at least overnight before serving.

Variations

I like to play with this cake’s flavors. Sometimes I add a splash of rum to the milk mixture for a piña colada-inspired version. Other times, I swap pineapple for mango or passionfruit for a different tropical feel. For an extra coconut kick, I use coconut extract in the whipped cream.

Storage/Reheating

I store the cake covered in the refrigerator for up to 3–4 days. The whipped cream stays stable, and the flavors actually improve after the first day. I don’t reheat this cake—it’s best served cold and creamy straight from the fridge.

FAQs

Can I use all-purpose flour instead of cake flour?

Yes, I can substitute all-purpose flour, though the texture will be a little less tender. I like to make my own cake flour substitute by replacing 2 tablespoons of flour with cornstarch for each cup.

Do I need to drain the pineapple well?

Absolutely. I always make sure to press out extra liquid, otherwise the topping will be too wet. The pineapple will naturally rehydrate once it sits on the cake.

Can I make this cake ahead of time?

Yes, and I prefer to. I find the cake tastes best on day two after it has fully absorbed the milk and the flavors meld.

Can I freeze this cake?

I don’t recommend freezing it once topped with whipped cream and pineapple. However, I can freeze the baked sponge (before soaking) for up to 2 months.

How do I toast coconut without burning it?

I spread the flakes on a baking sheet and toast them in the oven or toaster oven, watching closely since they can brown quickly. Stirring once or twice helps them toast evenly.

Conclusion

This Pineapple Coconut Tres Leches Cake is one of my favorite desserts to bring to the table. I love how it blends creaminess with bright tropical flavors, making every bite indulgent yet refreshing. Whether for a celebration or a simple family treat, this cake is always a winner in my kitchen.

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Pineapple Coconut Tres Leches Cake


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Yusraa
  • Total Time: 12 hours (including chilling)
  • Yield: 12 servings
  • Diet: Vegetarian

Description

This Pineapple Coconut Tres Leches Cake is a tropical take on the classic, featuring a light sponge soaked in a coconut-infused three-milk mixture, topped with crushed pineapple, fluffy whipped cream, and toasted coconut. It’s creamy, refreshing, and perfect for warm-weather gatherings.


Ingredients

  • 1 1/2 cups cake flour
  • 1 1/2 tsp baking powder
  • 1/4 tsp kosher salt
  • 1/2 cup unsalted butter, room temperature
  • 1 cup granulated sugar
  • 5 large eggs
  • 1 1/2 tsp vanilla extract
  • 1 can (12 oz) evaporated milk
  • 1 can (14 oz) sweetened condensed milk
  • 1 can (13.5 oz) light coconut milk
  • 1 can (20 oz) crushed pineapple, well drained
  • 1 1/2 cups heavy cream
  • 1/4 cup powdered sugar
  • 1 tsp vanilla extract (for whipped cream)
  • 3/4 cup sweetened shredded coconut, toasted

Instructions

  1. Preheat oven to 350°F (175°C). Grease a 13×9-inch baking pan.
  2. In a medium bowl, whisk together cake flour, baking powder, and salt.
  3. In a large bowl, cream butter until fluffy. Gradually add sugar and beat until light. Add eggs one at a time, then mix in vanilla.
  4. Gradually add dry ingredients, mixing just until combined. Pour batter into prepared pan and spread evenly.
  5. Bake for 18–25 minutes, or until golden and a toothpick comes out clean or internal temp reads 200°F. Cool for 30 minutes.
  6. Poke holes all over the cake using a fork. Let cool completely.
  7. In a bowl, whisk together evaporated milk, condensed milk, and coconut milk. Slowly pour mixture over cake. Cover and refrigerate overnight.
  8. The next day, spread well-drained crushed pineapple evenly over the cake.
  9. Whip heavy cream with powdered sugar and vanilla extract to stiff peaks. Spread over pineapple layer.
  10. Top with toasted shredded coconut. Keep cake chilled until ready to serve.

Notes

  • Use drained pineapple to prevent soggy topping.
  • Add rum to milk mixture for a piña colada version.
  • Swap pineapple for mango or passionfruit for a tropical twist.
  • Use coconut extract in whipped cream for extra flavor.
  • Make up to a day in advance for best flavor absorption.
  • Prep Time: 30 minutes
  • Cook Time: 20 minutes
  • Category: Dessert
  • Method: Baking
  • Cuisine: Latin American

Nutrition

  • Serving Size: 1 slice
  • Calories: 390
  • Sugar: 32g
  • Sodium: 160mg
  • Fat: 23g
  • Saturated Fat: 15g
  • Unsaturated Fat: 7g
  • Trans Fat: 0g
  • Carbohydrates: 42g
  • Fiber: 1g
  • Protein: 6g
  • Cholesterol: 110mg

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star