Indulge in Paradise: The Ultimate Coconut Tres Leches Cake Recipe
Prepare yourself for a slice of pure heaven with this exquisite Coconut Tres Leches Cake. Imagine a light, airy vanilla sponge cake, lovingly steeped in a rich, trio of coconut-infused milks, then crowned with a cloud of silky whipped cream and a sprinkle of golden, toasted coconut flakes. This dessert isn’t just a cake; it’s a tropical escape on a plate, delivering an unparalleled combination of textures and vibrant flavors that will transport your taste buds to a sun-drenched beach.
What makes this coconut milk cake truly special is its incredible texture. Despite being drenched in a luscious milk mixture, the sponge cake miraculously retains its delicate structure, transforming into an intensely moist and tender delight rather than becoming soggy. This unique characteristic, combined with its refreshing, chilled serving temperature, makes it an ideal make-ahead dessert, perfect for any gathering or a delightful treat at home. Allow it to soak overnight, and you’ll be rewarded with a profoundly flavored cake that’s both elegant and utterly irresistible.

Tres Leches Cake is a versatile canvas for countless flavor innovations. While this recipe leans into a tropical coconut paradise, you might also enjoy classic variations like a Caramel Tres Leches Cake, or explore other fruit-forward options. All versions share the delightful characteristic of being served chilled directly from the refrigerator, offering a cool and refreshing end to any meal.
For those who adore the exotic taste of coconut, we recommend exploring these other delightful recipes:
- Tropical Mango Trifle
- Creamy Coconut Sorbet
- Delicate Coconut Raspberry Cake
- Rich Coconut Almond Cake
Why You’ll Adore This Tropical Coconut Tres Leches Cake
This Coconut Tres Leches Cake stands out as a true crowd-pleaser, offering multiple compelling reasons to make it your next baking project. It’s more than just a dessert; it’s an experience for the senses.
Unmatched Moistness and Fluffy Texture
One of the most remarkable aspects of any well-made Tres Leches cake, and especially this coconut version, is its unique texture. Many first-timers worry that soaking a cake in milk will result in a soggy mess. However, this is precisely where the magic happens! The secret lies in the sponge cake base, which is designed to be incredibly light and airy with an open crumb structure, allowing it to absorb an impressive amount of liquid without falling apart. The result is a cake that is extraordinarily moist and tender, almost melting in your mouth, while still maintaining a delightful chew and structure. Each bite is a perfectly balanced symphony of soft cake, creamy milks, and the slight crunch of toasted coconut.
Irresistible Coconut Flavor Profile
For the ultimate coconut aficionado, this cake is an absolute dream. We layer the coconut flavor in multiple components to create a harmonious and deeply satisfying tropical experience. From the rich, creamy coconut milk in the soaking liquid to the subtle hint of coconut extract that amplifies its natural essence, and finally, the fragrant, crunchy toasted coconut flakes on top, every element contributes to an intensely coconut-rich profile. Yet, it’s a balanced flavor, never overpowering, always refreshing, and perfectly reminiscent of a tropical getaway.
The Perfect Make-Ahead Dessert
Hosting a dinner party or preparing for a special occasion can be stressful, but this Coconut Tres Leches Cake offers a fantastic solution. It’s truly at its best when given ample time to soak and chill in the refrigerator—ideally overnight, or for a minimum of 6-8 hours. This extended resting period allows the sponge cake to fully absorb all the rich, flavorful milk mixture, ensuring maximum moistness and flavor development. This means you can bake the cake and drench it the day before your event, leaving only the simple task of whipping up the cream and toasting the coconut just before serving. It simplifies your day and ensures a perfectly delicious dessert every time, making entertaining a breeze.
What Exactly is Tres Leches Cake? (A Brief History and Tradition)
Tres Leches Cake, or “three milks cake” as its name directly translates from Spanish (pastel de tres leches), is a beloved dessert with deep roots in Latin American culture. While its exact origin is debated, with various countries claiming it as their own, its popularity is undeniable across the region, from Mexico to Nicaragua and beyond. The common thread among all versions is a light and airy sponge cake (often reminiscent of an angel food cake or butter cake) that serves as the foundation for an extraordinary soaking experience.
Traditionally, the cake is generously soaked in a triumvirate of milks: sweetened condensed milk, evaporated milk, and heavy cream. This unique combination creates a dessert that is incredibly moist, sweet, and rich. Far from being soggy, a well-made Tres Leches cake absorbs the liquid perfectly, transforming into a luxuriously soft and luscious treat while miraculously maintaining its structural integrity. The open crumb of the sponge cake acts like a natural sponge, allowing it to hold a substantial amount of liquid without becoming mushy. I assure you, the texture is fabulously soft and utterly delightful.
Another defining characteristic of Tres Leches cake is that it is meant to be eaten cold. This often surprises those accustomed to serving most baked goods at room temperature. However, enjoying this cake chilled is part of its charm and what makes it so incredibly refreshing, particularly in warmer climates. The cool temperature enhances the flavors and provides a wonderful contrast to its richness, offering a pleasant and unique departure from typical dessert routines. Our coconut version simply elevates this tropical characteristic, making it even more refreshing and irresistible.
Diving into the Delicious Ingredients for Your Coconut Tres Leches
Creating this spectacular Coconut Tres Leches Cake requires a few key ingredients, each playing a crucial role in achieving that perfect texture and tropical flavor. Here’s a detailed look at what you’ll need:


For the Light-as-Air Sponge Cake
- Eggs: The foundation of our fluffy sponge cake. You’ll separate the yolks and whites, whipping the whites separately to create volume and a delicate, open crumb structure essential for optimal milk absorption.
- All-purpose flour: Provides the necessary structure for the cake.
- Baking powder: This is our leavening agent, crucial for giving the cake its lift and airy texture. It cannot be substituted with baking soda, as they react differently with other ingredients.
- Kosher salt: A pinch of salt balances the sweetness and enhances all the other flavors in the cake.
- Granulated sugar: Sweetens the cake and helps stabilize the whipped egg whites.
- Whole milk: Adds moisture and richness to the cake batter.
- Vanilla paste or extract: Infuses the sponge with classic, aromatic vanilla notes.
The Rich, Flavorful Three-Milk Soak
- Coconut Milk: This is the star of our tropical twist! Look for full-fat, canned coconut milk (not the cartoned beverage variety) for the best richness and flavor. Remember to shake the can vigorously before opening to ensure the coconut cream and milk are well combined.
- Evaporated Milk: A classic Tres Leches ingredient, evaporated milk contributes a creamy texture and a slightly cooked, caramelized note. If you can find evaporated coconut milk, it would be a fantastic, extra-coconutty alternative.
- Sweetened Condensed Milk: This thick, sweet milk is essential for both the sweetness and the incredibly lush texture of the soaking liquid. Like evaporated milk, a sweetened condensed coconut milk can be used for an even deeper coconut profile.
- Coconut Extract: A non-negotiable ingredient for truly boosting that authentic coconut flavor. It ensures the tropical essence shines through, especially if you’re not using all coconut-based milk products.
The Silky, Dreamy Whipped Topping
- Heavy Whipping Cream: To create that signature light and airy topping, ensure you use heavy whipping cream with at least 36% milk fat. This provides the stability needed for perfect peaks.
- Powdered Sugar: Also known as confectioners’ sugar, it sweetens the whipped cream and helps stabilize it for a smooth, non-gritty finish.
- Vanilla paste or extract: Enhances the richness of the whipped cream.
- Coconut extract (optional): For an extra layer of coconut decadence in the topping, this is a wonderful addition.
- Unsweetened Coconut Flakes: These are toasted to perfection to provide a delightful crunch and intensified coconut aroma. Opt for unsweetened flakes or shredded coconut, as sweetened varieties can make the final cake overly sweet. Brands like Bob’s Red Mill often carry excellent unsweetened options.
Refer to the complete recipe card below for precise ingredient quantities.
Creative Substitutions and Flavorful Variations
While this Coconut Tres Leches Cake is perfect as is, you can easily adapt it to suit your preferences or explore new flavor dimensions. Here are some ideas to get your creative juices flowing:
- Elevate the Coconut Factor: If you desire an even more intense coconut experience, seek out specialty stores or organic sections of grocery stores for sweetened condensed coconut milk or evaporated coconut milk. Replacing the regular versions with these coconut-specific milks will deepen the tropical flavor significantly.
- Tropical Trifle Transformation: Repurpose this recipe into a stunning trifle. Simply tear the baked sponge cake into bite-sized pieces, soak them in the coconut milk mixture, and then layer them in a clear trifle dish with generous dollops of whipped cream and plenty of toasted coconut. You can also add fresh tropical fruits like mango or pineapple chunks between the layers for an extra burst of flavor and color.
- A Boozy Twist: For an adult-friendly version, add 1 to 2 ounces of your favorite rum (light or dark, depending on your preference) to the milk mixture before soaking the cake. The rum will infuse a wonderful warmth and complexity that complements the coconut perfectly. Consider a spiced rum for an even more exotic touch.
- Cupcake Convenience: Transform the cake into individual servings by baking it as cupcakes. Fill about 15-18 tulip cupcake liners (these are taller and help contain the generous milk soak) halfway with batter. Bake them at 350℉ (175°C) for approximately 25-30 minutes, or until golden brown and a toothpick inserted comes out clean. Once cooled slightly, poke each cupcake thoroughly with a skewer or fork, then drench them with the milk mixture until fully saturated. Top with whipped cream and toasted coconut flakes for a portable, delightful treat.
- Citrus Brightness: For a refreshing zing, add the zest of one lime or half an orange to either the cake batter or the whipped topping. The citrus notes will beautifully cut through the richness of the coconut and milks.
- Nutty Crunch: Besides toasted coconut, consider adding finely chopped and toasted macadamia nuts or almonds to the topping for an additional layer of texture and flavor that pairs wonderfully with coconut.
How to Make This Recipe: A Step-by-Step Guide to Coconut Tres Leches Perfection
Creating this irresistible Coconut Tres Leches Cake is a rewarding process. Follow these detailed steps to ensure a flawless and delicious outcome:
Preparing the Fluffy Sponge Cake Base

Step One: Begin by separating the eggs. Carefully crack each egg and place the yolks into one large mixing bowl and the whites into another. It’s crucial to prevent any yolk from mixing with the whites, as even a tiny amount of fat can hinder the whites from whipping properly.

Step Two: Using a stand mixer with the whisk attachment (or a hand mixer), whip the egg whites on high speed. Once soft peaks begin to form, gradually add a portion of the granulated sugar (typically ¼ cup). Continue whipping until the egg whites reach stiff, glossy peaks. Set this bowl aside carefully.

Step Three: In the same mixer bowl (no need to wash if using the paddle attachment next), combine the egg yolks with the remaining granulated sugar (¾ cup). Beat on medium-high speed until the mixture becomes light, fluffy, and very pale yellow, which usually takes about 3-4 minutes. Scrape down the sides of the bowl, then add the whole milk and vanilla extract, mixing on low speed until just combined.

Step Four: Gradually add your whisked dry ingredients (flour, baking powder, and salt) to the egg yolk mixture. Mix on low speed or fold gently with a spatula until just combined and smooth. Be careful not to overmix, which can lead to a tough cake.

Step Five: Gently fold the whipped egg whites into the cake batter in two batches. Use a spatula and a light “J” motion, scooping from the bottom and folding over the top. The goal is to incorporate the whites without deflating the air you’ve built into them. Continue until the mixture is uniform and no streaks of egg white remain.

Step Six: Pour the delicate batter into your prepared 9×13-inch baking pan, ensuring it spreads evenly to all edges. Bake in a preheated oven at 350°F (175°C) for 25-30 minutes, or until the cake is completely set, lightly golden, and pulls away slightly from the pan’s edges. Let the cake cool on a wire rack for a short while.
Hot tip! When folding the egg whites into the batter, be very gentle. The air in the whites is what gives the cake its light texture. Use a spatula to scoop from the bottom and fold over, ensuring no large chunks of egg white are left behind.
The Essential Triple-Milk Soak

Step Seven: Once the cake has cooled enough to handle but is still slightly warm, use a fork to thoroughly puncture the entire surface. Make holes about every inch, paying special attention to the edges, to ensure maximum milk absorption. The more holes, the more moisture!

Step Eight: In a separate bowl or large measuring cup, whisk together the canned coconut milk (after shaking vigorously), evaporated milk, sweetened condensed milk, and coconut extract. Whisk until the mixture is smooth and well combined. If there are any stubborn coconut cream chunks, you may blend it briefly with an immersion blender or pass it through a fine-mesh sieve.

Step Nine: Slowly and evenly pour the entire milk mixture over the poked cake. Start pouring in the center and let it naturally distribute towards the edges. Don’t be shy – use all of the milk! Cover the pan tightly with plastic wrap or aluminum foil and refrigerate for at least 6 hours, or ideally, overnight (12-24 hours). This extended chilling time is crucial for the cake to fully absorb the milks and for the flavors to meld beautifully.

Step Ten: Just before you plan to serve, prepare the whipped topping. Combine the heavy whipping cream, powdered sugar, vanilla extract, and optional coconut extract in a chilled mixing bowl. Whip on medium speed until the cream begins to thicken, then increase to high speed and continue whipping until soft to stiff peaks form. Be careful not to over-whip, which can turn it grainy.
Whipping Up the Dreamy Topping

Step Eleven: Once the cake is thoroughly chilled and soaked, gently spread the freshly whipped cream evenly over the entire surface of the cake, ensuring it reaches all the way to the edges for a beautiful finish.

Step Twelve: In a dry pan over medium heat, lightly toast the unsweetened coconut flakes, stirring frequently (every 20-30 seconds) to prevent burning. Once they are a beautiful golden brown and fragrant, immediately transfer them to a plate to cool completely. Sprinkle the cooled toasted coconut generously over the whipped cream before serving.

Expert Tips for the Perfect Coconut Tres Leches Cake
- Smooth Milk Mixture: If, after whisking, your coconut milk mixture still has small chunks (especially from the coconut cream), don’t worry. Use an immersion blender for a few seconds to smooth it out, or pour the mixture through a fine-mesh sieve to ensure an even consistency before drenching the cake. This prevents any concentrated pockets of cream.
- Even Saturation is Key: While it’s important to poke holes all over the cake, including the edges, focus your pouring of the milk mixture primarily on the center of the cake. The liquid will naturally flow outwards, ensuring the middle (which is often the thickest part) gets thoroughly saturated. Pour slowly and allow each batch to absorb before adding more.
- Timing the Topping: Always add the whipped cream and toasted coconut topping after the cake has had its full soak time in the refrigerator. While the cake itself benefits from an overnight rest, the topping is best applied closer to serving time. You can top the cake 1-4 hours before serving; any longer, and the whipped cream may start to weep, especially if your kitchen is warm.
- Cool Coconut is Crucial: After toasting your coconut flakes, spread them out on a plate or baking sheet and let them cool completely to room temperature. Adding warm or hot coconut flakes to cold whipped cream will cause the cream to melt and lose its fluffy texture.
- Chill Your Tools: For the best whipped cream, place your mixing bowl (preferably a metal one) and whisk attachment in the refrigerator or freezer for 15-20 minutes before whipping. Cold tools help the cream whip up faster, firmer, and stay stable longer.
Common Questions About Coconut Tres Leches Cake (FAQs)
Absolutely, yes. Due to the generous amount of milk used for soaking the cake and the fresh whipped cream topping, this cake must be kept refrigerated. It’s best enjoyed within three days, but can last up to five days before the cake’s structure or the whipped topping begins to deteriorate.
Not at all! If you prefer a traditional Tres Leches cake, simply substitute the canned coconut milk with an equal amount of heavy cream in the milk mixture. You should also omit the coconut extract from both the milk mixture and the whipped topping recipe. The result will be a delicious classic version.
For the absolute best results, I highly recommend letting the cake soak for at least 6-8 hours, and ideally, overnight (12-24 hours). This prolonged soaking time allows the milks to fully penetrate every part of the sponge, creating an incredibly moist and flavorful cake, and giving the flavors ample time to develop and meld.
Yes, you certainly can! Line a muffin tin with 15-18 tulip cupcake liners, which are taller and better at containing the milk. Fill each liner halfway with batter and bake at 350℉ (175°C) for 25-30 minutes, or until browned and a toothpick comes out clean. Once baked, use a skewer or fork to poke holes all the way to the bottom of each cupcake (without piercing the liner). Saturate each cupcake with the milk mixture until all the liquid is used. Finish with whipped cream and toasted coconut as directed for the full cake.
The key to preventing sogginess lies in the sponge cake and the soaking technique. Ensure your sponge cake is truly light and airy, with an open crumb, which allows it to absorb the milk like a sponge. Avoid overmixing the batter, which can develop gluten and lead to a dense cake. Also, poke plenty of holes across the entire surface of the cooled cake, and pour the milk mixture slowly, allowing it to gradually soak in rather than flood the cake all at once. The overnight chill also helps the cake solidify its moist, non-soggy texture.
For the best flavor and creamy texture, use full-fat canned coconut milk. This is different from the lighter, drinkable coconut milk found in cartons. The canned version contains a higher fat content, often separating into a thick cream layer and a thinner liquid layer. Always shake the can well before opening to combine these layers, or stir them together once opened.
Storage Tips to Keep Your Cake Fresh
This Coconut Tres Leches Cake stores beautifully in the refrigerator. Keep it covered tightly with plastic wrap or in an airtight container to prevent it from drying out or absorbing other odors from the fridge. It will maintain its delicious flavor and moist texture for up to five days.
Be aware that the whipped cream topping may begin to weep slightly (release some liquid) around day 2 or 3. While this doesn’t affect the taste significantly, the presentation might be less pristine. For this reason, if preparing for a special event, it’s best to apply the whipped topping and toasted coconut within 1-4 hours of serving.
This cake is not suitable for freezing, as the delicate sponge and milk mixture can change texture when thawed, potentially becoming unpleasantly watery or grainy.

More Delectable Cake Recipes You’ll Love
- Chocolate Raspberry Mousse Cake
- Lemon Curd Cake with Meringue Topping
- Strawberry Shortcake Cake (with sponge cake)
- Strawberry Banana Cake
Did you make this recipe? Share it with us! Tag @thecozyplum on Instagram & Facebook and leave a star rating ⭐️ below!
📖 Recipe

Coconut Tres Leches Cake
Callan Wenner
Pin Recipe
1 hr
25 mins
6 hrs
7 hrs 25 mins
Dessert, Snack
American, Latin American
16
399 kcal
Equipment
- 9×13″ baking pan
- Stand mixer with paddle and whisk attachment (or hand mixer)
- Rubber spatula
U.S. Cups vs Metric
Use the metric toggle to convert the measurements
Ingredients
Sponge Cake
- 1 cup all-purpose flour
- 1½ teaspoons baking powder
- ¼ teaspoon kosher salt
- 5 large eggs separated
- 1 cup granulated sugar divided
- ⅓ cup whole milk
- 1 teaspoon vanilla paste or extract
Milk Mixture
- 12 oz evaporated milk
- 14 oz sweetened condensed milk or sweetened condensed coconut milk
- 7 oz coconut milk canned version
- 2-3 teaspoons coconut extract
Whipped Topping
- 1 cup coconut flakes unsweetened
- 1 pint heavy whipping cream
- ¼ cup powdered sugar
- 1 teaspoon vanilla paste or extract
- ½ teaspoon coconut extract optional, for extra coconut flavor
Instructions
Sponge Cake
- Preheat the oven to 350℉ (175°C) and grease a 9×13″ pan.
- In a bowl, whisk together the flour, baking powder, and salt.1 cup all-purpose flour, 1½ teaspoons baking powder, ¼ teaspoon kosher salt
- In two separate bowls, separate the egg yolks from the whites, being sure not to let any yolks get into the whites or else they won’t whip properly.5 large eggs
- Add the egg whites to a stand mixer bowl with the whisk attachment and whip on high speed until soft peaks begin to form. Gradually add ¼ cup (50g) sugar and continue to whip until stiff peaks form.1 cup granulated sugar
- Transfer the egg whites to another bowl, scraping out as much as possible (no need to wash the mixer bowl if using the paddle attachment next).
- Add ¾ cup (150g) sugar and the egg yolks to the stand mixer bowl and beat on medium-high speed (using the paddle attachment) until the yolks are very pale yellow (about 3-4 minutes).
- Scrape down the sides, then add the milk and vanilla and mix on low to combine.⅓ cup whole milk, 1 teaspoon vanilla paste or extract
- Add the flour mixture to the whipped yolks and fold it together until smooth.
- Fold the egg whites into the batter in two batches until just combined, careful not to stir and deflate the batter.
- Pour the batter into the prepared pan and smooth it evenly with a spatula. Bake the cake for 25-30 minutes until completely set. The cake will have pulled away from the edges of the pan and be slightly browned. Allow the cake to cool slightly on a wire rack.
Soaking
- Whisk together the evaporated milk, sweetened condensed milk, and coconut milk (shake the coconut milk vigorously in the can before opening to help it combine), and coconut extract in a bowl and whisk until it comes together.12 oz evaporated milk, 14 oz sweetened condensed milk, 7 oz coconut milk, 2-3 teaspoons coconut extract
- Using a fork, poke holes all over the cake and slowly pour the milk mixture over the entire cake.
- Note: Be sure to pour slowly into the center of the cake, focusing attention there so the middle gets very saturated. The liquid will naturally fall to the sides of the cake. Allow it to absorb in batches.
- Cover the cake with plastic wrap or foil and refrigerate for at least 6 hours, but 12-24 hours is best. This allows the cake to absorb the milk mixture fully.
Whipped Topping
- In a large pan over medium heat, toast the coconut flakes, stirring every 20-30 seconds, until lightly golden brown and fragrant. Transfer to a plate to cool completely.1 cup coconut flakes
- Add the heavy cream, powdered sugar, vanilla, and coconut extract to a stand mixer with the whisk attachment (preferably chilled) and whip on medium speed until it starts to thicken, then increase the speed until lightly stiff peaks form.1 pint heavy whipping cream, ¼ cup powdered sugar, 1 teaspoon vanilla paste or extract, ½ teaspoon coconut extract
- Smooth the whipped cream over the entire soaked cake, then top with the completely cooled toasted coconut.
Video
Notes
Be sure to poke lots of holes in the cake, and get the edges, too! Do a fork prick about every square inch of the cake.
Prior to making the whipped cream topping, put your mixing bowl and whisk attachment in the fridge or freezer for 15 minutes – this will help your cream whip up nicely.
Store fully covered in the fridge for up to 5 days. Note that the whipped cream will begin to weep after about 2-3 days, but will still taste great.
Carbohydrates: 40g
Protein: 8g
Fat: 24g
Saturated Fat: 17g
Polyunsaturated Fat: 1g
Monounsaturated Fat: 4g
Trans Fat: 0.01g
Cholesterol: 101mg
Sodium: 170mg
Potassium: 318mg
Fiber: 1g
Sugar: 32g
Vitamin A: 677IU
Vitamin C: 1mg
Calcium: 196mg
Iron: 2mg
The provided nutritional information is an estimate per serving. Accuracy is not guaranteed.
Let us know how it was!
