Pineapple Coconut Tres Leches Cake

Oh, prepare yourselves for a truly unforgettable dessert experience! As much as I adore a classic Tres Leches Cake, sometimes you just crave a little something extra, a tropical escape in every bite. That’s exactly what my Pineapple Coconut Tres Leches Cake delivers. This isn’t just any cake; it’s a celebration of vibrant flavors and incredible texture that will transport you straight to a sun-drenched beach with every forkful.

What makes this cake so incredibly special, you ask? We’re taking the beloved, ultra-moist sponge cake, traditionally soaked in a luscious trio of milks (evaporated milk, condensed milk, and heavy cream), and infusing it with the bright, tangy sweetness of pineapple and the creamy, exotic allure of coconut. Imagine a cake that’s not only incredibly tender and saturated with sweet milk but also bursting with tropical fruitiness. Readers will absolutely adore this recipe because it’s a refreshing twist on a comforting classic, offering a perfect balance of richness and lightness. It’s truly a showstopper dessert that’s surprisingly simple to achieve!

Ingredient Notes

I absolutely adore making this Pineapple Coconut Tres Leches Cake, and getting the ingredients right is the first step to a truly spectacular dessert! This recipe balances the rich creaminess of the tres leches with bright tropical flavors, so each component plays a vital role.

For the Cake Base: I typically use a simple vanilla or yellow cake. You can opt for your favorite scratch recipe, or for convenience, a good quality boxed yellow cake mix works wonderfully. The key is to have a light, airy crumb that can absorb all that delicious milk mixture. If I’m feeling ambitious, a classic sponge cake is ideal because its structure is designed for soaking.
The Tres Leches Mixture: This is where the “tres leches” magic happens, with a tropical twist!
- Evaporated Milk: I always use a can of full-fat evaporated milk for richness. It provides a deeper, cooked milk flavor that is essential.
- Sweetened Condensed Milk: This adds the bulk of the sweetness and a thick, creamy texture. Don’t skimp on this!
- Coconut Milk: This is our star tropical ingredient for the milk mixture. I use full-fat canned coconut milk, not the beverage kind, for maximum flavor and creaminess. It infuses the entire cake with a delicate, exotic aroma. If you prefer a milder coconut flavor, you could use a half-and-half blend of regular whole milk and coconut milk.
Pineapple Component:
- Crushed Pineapple: I find canned crushed pineapple works best here. Make sure to drain it very well – we want the pineapple flavor, not excess liquid making the cake soggy. You can reserve a little of the juice if you like for an extra pineapple kick in the milk mixture, but I usually don’t, to keep the cake from becoming too watery.
- Optional Pineapple Extract: A tiny dash can boost the pineapple flavor further if you feel it needs it, but it’s entirely optional.
Whipped Topping:
- Heavy Cream: For a stable and delicious topping, I use cold heavy cream (at least 36% fat).
- Powdered Sugar: To sweeten the whipped cream. Adjust to your taste!
- Vanilla Extract: Just a touch to enhance the flavor.
- Toasted Coconut Flakes: This is a must for both flavor and crunch. I use unsweetened shredded or flaked coconut and toast it myself for the freshest taste.

Step-by-Step Instructions

Making this Pineapple Coconut Tres Leches Cake is a joyous process, and I’m confident you’ll love every step! Here’s how I bring it all together:

Bake the Cake:
- First, I preheat my oven to the temperature specified by my cake recipe or mix instructions.
- Then, I prepare a 9×13 inch baking pan by greasing and flouring it, or lining it with parchment paper for easy removal.
- I prepare my chosen cake batter according to its instructions (whether from scratch or a mix) and pour it evenly into the prepared pan.
- I bake the cake until a wooden skewer or toothpick inserted into the center comes out clean. This usually takes about 25-30 minutes for a 9×13 inch pan, but always check your specific recipe.
- Once baked, I let the cake cool in the pan on a wire rack for at least 30 minutes, or until it’s completely cool to the touch. This is crucial before adding the milk, as a warm cake might crumble or become too mushy.
Prepare the Tres Leches Mixture:
- While the cake is cooling, I combine the evaporated milk, sweetened condensed milk, and full-fat coconut milk in a large bowl. I like to whisk them together really well until smooth and thoroughly combined.
- Sometimes, I add a splash of vanilla extract or a tiny hint of coconut extract to this mixture to boost the flavor even more.
Prepare the Pineapple Layer:
- I open a can of crushed pineapple and drain it very thoroughly. I gently press out as much liquid as possible using a fine-mesh sieve or by squeezing it in a cheesecloth. This prevents the cake from becoming watery.
Soak the Cake:
- Once the cake is completely cool, I use the back of a fork or a wooden skewer to poke holes all over the surface of the cake, making sure to go almost all the way to the bottom but not pierce through. I make lots of holes, about half an inch apart – the more holes, the more milk absorption!
- Next, I slowly and evenly pour the prepared tres leches mixture over the entire surface of the cake. I try to pour it gradually, allowing each section to soak up the milk before adding more. This can take a few minutes.
- Once all the milk is poured, I evenly spread the drained crushed pineapple over the top of the soaked cake.
- Now comes the hardest part: I cover the cake loosely with plastic wrap and refrigerate it for at least 4 hours, but ideally overnight. This chilling time is absolutely essential for the cake to fully absorb the milks and for the flavors to meld beautifully.
Prepare the Topping:
- When I’m ready to serve, I prepare the whipped cream topping. In a large, chilled bowl (I sometimes chill my whisk attachment too!), I combine the cold heavy cream, powdered sugar, and vanilla extract.
- I beat them with an electric mixer on medium-high speed until stiff peaks form. Be careful not to overbeat, or you’ll end up with butter!
- Separately, I lightly toast the shredded coconut in a dry skillet over medium-low heat, stirring frequently, until golden brown and fragrant. This usually takes just a few minutes. I watch it carefully, as it can burn quickly!
Assemble and Serve:
- I spread the whipped cream evenly over the top of the chilled, soaked cake.
- Then, I generously sprinkle the toasted coconut flakes over the whipped cream.
- I like to garnish with a few fresh pineapple wedges or maraschino cherries for an extra pop of color, if desired.
- Slice and serve immediately!

Tips & Suggestions

Over the years, I’ve gathered a few tricks that really elevate this Pineapple Coconut Tres Leches Cake. These tips will help you achieve the best texture and flavor:

The Importance of Chilling: I cannot stress this enough – proper chilling is the secret to a great tres leches cake. The cake needs ample time, ideally overnight, to fully absorb the milk mixture. This transforms it from a regular cake into that signature moist, tender, and incredibly flavorful dessert. Don’t rush it!
Even Soaking: When pouring the milk mixture, I find it’s best to do it slowly and in stages. Pour a third, let it sit for a few minutes, then pour another third, and so on. This ensures the cake absorbs the milk evenly and doesn’t get soggy in one spot and dry in another.
Don’t Skimp on Draining the Pineapple: Excess pineapple juice will dilute your milk mixture and can make the cake waterlogged instead of perfectly moist. I always make sure to drain it exceptionally well. You can even pat it dry with paper towels if you want to be extra thorough.
Toasting Coconut for Flavor: While optional, toasting the coconut flakes adds an incredible depth of flavor and a lovely textural contrast. It brings out the nutty, sweet notes of the coconut. Just be sure to watch it closely, as it can go from perfect to burnt in a flash.
Sweetness Adjustment: If you prefer a less sweet cake, you can slightly reduce the amount of sweetened condensed milk in the tres leches mixture, or reduce the powdered sugar in the whipped cream. I find the balance in this recipe just right, but everyone’s palate is different!
Serving Temperature: I always serve this cake chilled. The cold temperature enhances the refreshing tropical flavors and keeps the whipped cream stable.
Presentation: For a beautiful presentation, once the cake is topped, I sometimes run a clean, hot knife under warm water, wipe it dry, and then use it to make clean slices. This helps prevent the whipped cream from tearing.
Make Ahead: This cake is absolutely perfect for making ahead! In fact, it tastes even better the next day after all the flavors have had time to meld. I often prepare it the night before I plan to serve it.

Storage

Proper storage is crucial for keeping your Pineapple Coconut Tres Leches Cake delicious and fresh, especially due to its dairy content.

Refrigeration is Key: Because this cake is soaked in milk and topped with fresh whipped cream, it absolutely needs to be stored in the refrigerator. I keep it in its baking dish, tightly covered with plastic wrap, or if transferred to a serving platter, under a cake dome.
Shelf Life: Stored correctly in the refrigerator, this cake will stay fresh and delicious for about 3 to 4 days. Beyond that, the texture of the cake might start to degrade, becoming a bit too soft, and the freshness of the dairy components will diminish.
Before Serving: If you’ve just taken it out of the fridge after an overnight chill, I recommend letting it sit at room temperature for about 10-15 minutes before serving. This isn’t strictly necessary, as it’s delicious cold, but it can slightly soften the cake and allow the flavors to open up a bit more.
Freezing (Not Recommended): While technically possible to freeze a tres leches cake, I personally don’t recommend it for this recipe. Freezing and thawing can significantly change the delicate texture of the soaked cake, making it mushy and less pleasant. The whipped cream topping also doesn’t freeze well, often becoming watery and grainy upon thawing. If you have leftovers, it’s best to enjoy them within the refrigerated timeframe.

Final Thoughts

And there you have it! If you’ve been looking for a dessert that truly transports you to a sun-drenched paradise with every single bite, then this Pineapple Coconut Tres Leches Cake is absolutely, unequivocally a must-try. I truly believe it’s a recipe that marries the beloved creaminess of a classic tres leches with the irresistible, vibrant flavors of tropical pineapple and sweet coconut, creating something truly extraordinary.

The magic isn’t just in the tender cake or the rich, flavorful soak; it’s in how these elements come together to create a symphony of textures and tastes that refresh and indulge simultaneously. This isn’t just any cake; it’s a celebration of bright, exotic flavors, all wrapped up in a wonderfully moist and luxurious package. Trust me, once you experience the delightful balance and unique character of this Pineapple Coconut Tres Leches Cake, you’ll want to make it again and again. It’s perfect for any gathering, a delightful treat for yourself, or a truly impressive dessert to share. Don’t hesitate – dive into this tropical dream!

Irresistible Pineapple Coconut Tres Leches Cake Recipe

Author: shareylady
Total Time: 1 hour
Yield: 12 servings 1x

Print Recipe

Description

Experience a tropical escape with every bite of this Pineapple Coconut Tres Leches Cake, a delightful twist on the classic dessert. Bursting with vibrant flavors and an incredibly moist texture, it’s the perfect treat for any occasion.

Ingredients

Scale

1 box yellow cake mix or homemade vanilla/yellow cake recipe
1 can full-fat evaporated milk
1 can sweetened condensed milk
1 can full-fat coconut milk
1 can crushed pineapple, drained
Optional: pineapple extract
1 cup cold heavy cream
Powdered sugar, to taste
Vanilla extract, to taste
Toasted unsweetened shredded or flaked coconut

Instructions

Preheat the oven to the temperature specified by the cake recipe or mix instructions.
Prepare a 9×13 inch baking pan by greasing and flouring it or lining it with parchment paper.
Prepare the cake batter according to its instructions and pour it evenly into the prepared pan.
Bake the cake until a wooden skewer or toothpick inserted into the center comes out clean, about 25-30 minutes.
Let the cake cool in the pan on a wire rack for at least 30 minutes.
While the cake is cooling, combine the evaporated milk, sweetened condensed milk, and full-fat coconut milk in a large bowl and whisk until smooth.
Open a can of crushed pineapple and drain it thoroughly, pressing out as much liquid as possible.
Once the cake is completely cool, poke holes all over the surface with a fork or wooden skewer.
Slowly and evenly pour the tres leches mixture over the entire surface of the cake, allowing it to soak in.
Spread the drained crushed pineapple evenly over the top of the soaked cake.
Cover the cake loosely with plastic wrap and refrigerate for at least 4 hours, ideally overnight.
Prepare the whipped cream topping by combining cold heavy cream, powdered sugar, and vanilla extract in a chilled bowl.
Beat with an electric mixer on medium-high speed until stiff peaks form.
Lightly toast the shredded coconut in a dry skillet over medium-low heat until golden brown and fragrant.
Spread the whipped cream evenly over the top of the chilled, soaked cake.
Sprinkle the toasted coconut flakes over the whipped cream and garnish with fresh pineapple wedges or maraschino cherries if desired.
Slice and serve immediately.

Prep Time: 30 mins
Cook Time: 30 mins
Category: Dessert
Method: Baking
Cuisine: Mexican

Nutrition

Serving Size: 1 slice
Calories: 350
Sugar: 25 g
Sodium: 150 mg
Fat: 18 g
Saturated Fat: 10 g
Unsaturated Fat: 5 g
Trans Fat: 0 g
Carbohydrates: 40 g
Fiber: 1 g
Protein: 4 g
Cholesterol: 60 mg

Keywords: Proper chilling is essential for the cake to absorb the milk mixture fully. Ensure the pineapple is drained well to avoid a soggy cake, and consider toasting the coconut for added flavor.