Irresistibly Moist Coconut Tres Leches Cake: A Tropical Twist on a Classic
Prepare to be enchanted by this extraordinary Coconut Tres Leches Cake, a vibrant and tropical reinterpretation of the beloved Latin American classic. This recipe masterfully weaves rich coconut flavor throughout every element, transforming a traditional milk-soaked sponge cake into an unforgettable dessert experience. With coconut extract infused directly into the light and airy sheet cake, a luscious triple-milk drizzle featuring creamy coconut milk, and a generous crown of golden toasted coconut, every bite is a symphony of delightful textures and exotic flavors. If you’re searching for an exceptional coconut dessert recipe that promises to impress, look no further.

The traditional tres leches cake, a true gem of Latin American cuisine, typically features a delicate sponge cake bathed in a rich blend of three milks: evaporated milk, condensed milk, and whole milk. It’s a dessert that perfectly blurs the lines between a fluffy cake and a decadent pudding, offering a unique texture that is incredibly soft, moist, and utterly refreshing. The coolness of the cream, both absorbed within and generously spread atop, makes it a favorite for celebrations and everyday indulgences alike.
This particular rendition, expertly crafted by Molly Gilbert, elevates the classic by embracing the irresistible allure of coconut in not one, but three distinct forms. We’ve incorporated a hint of pure coconut extract into the cake batter, ensuring a foundational tropical essence. The traditional evaporated milk in the iconic “drizzle” is thoughtfully replaced with velvety full-fat coconut milk, imparting an incredible depth of flavor and richness. Finally, the entire creation is crowned with beautifully sweet and fragrant toasted coconut shreds, adding a delightful textural contrast and an extra burst of tropical aroma. It’s a dessert that honors its heritage while venturing into exciting new flavor territory, promising a truly memorable treat for any coconut enthusiast.
Unlocking the Magic of Coconut Tres Leches Cake
The Allure of Tres Leches: A Brief History
Tres Leches Cake, meaning “three milks” cake, boasts a rich culinary history deeply rooted in Latin America. While its exact origins are debated, many theories point to Nicaragua, Mexico, or other Central American countries in the early 20th century. The widespread availability of canned milks, such as evaporated and condensed milk, following World War II, played a crucial role in its popularity. These milks, combined with fresh whole milk, created a luscious soaking liquid that transforms a simple sponge cake into an incredibly moist and flavorful dessert. The cake became a staple for celebrations, holidays, and family gatherings, cherished for its comforting sweetness and tender texture. Our coconut variation pays homage to this beloved tradition while infusing it with an exciting tropical essence.
Why This Coconut Tres Leches Cake is a Must-Try
Beyond its simple elegance, this coconut tres leches cake offers a unique sensory experience. The sponge cake itself is incredibly light and absorbent, acting as the perfect canvas for the luxurious milk mixture. When soaked, it achieves a pudding-like consistency that is tender and melts in your mouth. The triple coconut infusion ensures a profound, authentic coconut flavor that is both prominent and perfectly balanced, never overwhelming. The slight tang and freshness of lime zest in the frosting cut through the sweetness, adding a bright, zesty counterpoint that perfectly complements the rich coconut. Toasted coconut on top doesn’t just look appealing; it provides a wonderful textural crunch and intensifies the nutty, aromatic qualities of the coconut. This cake is a celebration of flavors, a harmonious blend of creamy, sweet, moist, and slightly tangy, making it an irresistible choice for any occasion.
Coconut Tres Leches Cake FAQs
Yes, absolutely! Tres Leches cake is renowned for being a fantastic make-ahead dessert, and this coconut version is no exception. You can bake the cake and allow it to cool, then proceed with pouring the milk drizzle over it. For optimal flavor and moisture absorption, let your cake soak and chill in the refrigerator for a minimum of a few hours, or even better, overnight. This extended soaking time allows the cake to fully absorb the rich coconut milk mixture, enhancing its signature moist and tender texture. Traditional tres leches cake is often best enjoyed within the first 48 hours, and we recommend the same for this recipe, although you might find it stays delicious for up to 4 days when stored properly in the fridge.
The primary difference lies in the sugar content. Shredded coconut, often labeled as unsweetened or natural, consists solely of dried, shredded coconut meat with no added ingredients. It tends to be drier and has a more subtle, natural coconut flavor, and the shreds separate easily. Sweetened coconut, on the other hand, has added sugars, which make it noticeably sweeter and moister. The added moisture also gives it a softer, somewhat clumped texture. For this recipe, sweetened shredded coconut is recommended, especially for toasting, as the sweetness beautifully complements the cake and frosting, and it crisps up wonderfully.
Toasting coconut is a simple step that adds incredible flavor and aroma to your dessert. The most effective method is to spread your sweetened shredded coconut in a single, even layer on a baking sheet. Place it in a preheated oven at 350°F (180°C) and bake for 3 to 8 minutes. It’s crucial to keep a very close eye on it, tossing the coconut occasionally to ensure even browning. Coconut can go from perfectly golden to burnt in a matter of seconds. You’ll know it’s ready when it turns a beautiful golden brown and releases a wonderfully fragrant, nutty aroma. This toasted garnish adds a delightful crunch and intensifies the coconut flavor of the cake.
While canned full-fat coconut milk is widely available and works perfectly for this recipe, you can certainly use fresh coconut milk for an even more authentic and vibrant flavor. If opting for fresh, ensure it is full-fat to achieve the desired richness and consistency for the drizzle. Homemade coconut milk typically has a more intense coconut flavor. You’ll need approximately 14 ounces (about 1 ¾ cups) for the drizzle, so adjust quantities if preparing your own.
This recipe calls for an 18-by-13-inch (45-by-33-cm) rimmed baking sheet, often referred to as a half-sheet pan. This size allows the cake to bake into a relatively thin layer, which is essential for proper milk absorption. A thinner cake ensures that the soaking liquid permeates thoroughly, resulting in that signature moist and dense, yet tender, tres leches texture. If you don’t have this exact size, you can use a similar large, shallow baking pan, but be aware that the baking time might vary slightly depending on the cake’s thickness. Always test with a skewer to ensure it comes out clean.

Coconut Tres Leches Cake
David Leite
- PIN
Ingredients
For the cake
- Nonstick cooking spray
- 2 sticks (8 oz) unsalted butter, at room temperature
- 1 3/4 cups granulated sugar
- 5 large eggs
- 3 cups all-purpose flour
- 2 1/2 teaspoons baking powder
- 1/2 teaspoon kosher salt
- 1 1/4 cups whole milk
- 1/4 cup vegetable oil
- 1 tablespoon pure vanilla extract
- 1 teaspoon coconut extract
For the drizzle
- One (14-ounce) can full-fat coconut milk
- One (14-ounce) can sweetened condensed milk
- 1 cup whole milk
For the frosting
- 2 cups heavy cream, cold
- 1/4 cup granulated sugar
- Zest of 1 lime
- 1 cup sweetened shredded coconut, toasted
Instructions
Make the cake
-
Preheat your oven to 350°F (175°C) and position a rack in the center. Generously coat an 18-by-13-inch (45-by-33-cm) rimmed baking sheet with nonstick cooking spray, ensuring all surfaces are covered to prevent sticking.
-
In the bowl of a stand mixer fitted with the paddle attachment (or using a large bowl and a handheld mixer), beat the softened butter and granulated sugar on medium-high speed for 3 to 5 minutes, until the mixture becomes wonderfully light and fluffy. Add the eggs one at a time, beating thoroughly after each addition and scraping down the sides of the bowl to ensure everything is well incorporated. Don’t be concerned if the mixture appears slightly curdled at this stage; it will smooth out as you continue to add the remaining ingredients.
-
In a separate large bowl, whisk together the all-purpose flour, baking powder, and kosher salt until evenly combined. This ensures the leavening agents are well distributed for a consistent rise.
-
In a large measuring cup with a spout (for easy pouring), whisk together the whole milk, vegetable oil, pure vanilla extract, and coconut extract. This liquid mixture will infuse your cake with moisture and tropical flavor.
-
With the mixer on low speed, alternate adding the dry and wet ingredients to the egg mixture. Begin and end with the dry ingredients, mixing just until a smooth, uniform batter comes together after each addition. Be careful not to overmix, as this can lead to a tough cake.
-
Pour the prepared batter into your baking sheet and use a large offset spatula to spread it evenly into all corners, ensuring a consistent thickness. Bake for 30 to 35 minutes, or until the edges of the cake begin to pull away from the pan and a wooden skewer or toothpick inserted into the center comes out completely clean.
Make the drizzle
-
While the cake is baking or immediately after it comes out of the oven, prepare the luscious drizzle. In a medium bowl, whisk together the full-fat coconut milk, sweetened condensed milk, and whole milk until thoroughly combined.
-
Once the cake is out of the oven, use a toothpick or skewer to poke holes evenly all over its warm surface. This creates channels for the milk mixture to seep into. Slowly and gradually pour the prepared drizzle over the top of the warm cake. It’s crucial to go slowly here, allowing the cake ample time to soak up the liquid. It may appear like a lot of liquid, but trust the process! Some will be absorbed into the cake, while a delightful small “lake” of creamy milk will gather at the bottom, contributing to the cake’s signature moistness when sliced.
-
Allow the cake to cool completely at room temperature, which typically takes about 20 minutes. For even better results and deeper soaking, the cake can then be covered tightly with plastic wrap and stored in the refrigerator for several hours, or even overnight, before you proceed with frosting.
Make the frosting
-
In the chilled bowl of a stand mixer fitted with the whisk attachment (or using a large chilled bowl and a handheld mixer), whip the very cold heavy cream and granulated sugar together. Beat on medium-high speed for 4 to 5 minutes, or until stiff peaks form. The cream should hold its shape firmly. Gently fold in the fresh lime zest with a rubber spatula, infusing the frosting with a bright, aromatic lift.
-
Spread the fluffy, zesty frosting generously and evenly over the cooled, milk-soaked cake. Finish by scattering the golden toasted coconut over the entire surface. Serve immediately to enjoy its fresh flavors and textures, or store the cake, tightly covered, in the refrigerator for up to 3 days. The flavors often deepen and meld beautifully with a little time.
Tips for Success with Your Coconut Tres Leches Cake
Achieving the perfect Coconut Tres Leches Cake is all about attention to a few key details. Firstly, ensure all your cake ingredients, especially butter and eggs, are at room temperature. This helps them emulsify properly, creating a smoother batter and a finer-crumbed cake. Secondly, don’t rush the soaking process. The slow pour of the milk drizzle is critical for uniform absorption, preventing dry spots and ensuring every piece is equally moist. For the frosting, always use very cold heavy cream and a chilled bowl and whisk attachment; this dramatically helps achieve stiff peaks quickly and prevents the cream from taking too long to whip. Lastly, don’t skimp on the toasted coconut – it adds an essential textural contrast and boosts the overall coconut flavor, making the presentation as delightful as the taste.

Adapted From
Sheet Pan Sweets
Buy On Amazon
Nutrition
Nutrition information is automatically calculated, so should only be used as an approximation.
Recipe Testers’ Reviews
Our dedicated team of recipe testers put this Coconut Tres Leches Cake through its paces. Their invaluable feedback highlights the cake’s delightful qualities, offering diverse perspectives and helpful insights from their kitchens. Read on to see what they loved and their suggestions for making this tropical delight your own.
Moira Ryan
This tres leches cake with coconut milk is a really easy, great cake. It’s moist, it’s fun, and it smells and tastes great. Next time, I’d like to add a little more acid – maybe one more lime for zesting.
The coconut-vanilla balance is very nice. If you have coconut extract on hand, you’re probably got everything you need at home already.
Lydia Brimage
The coconut tres leches cake has a nice moist texture because of the soaked-in drizzle, and the coconut and lime were both evident in the flavour of the finished cake.
For the frosting, I was not sure that granulated sugar would dissolve in the cream and not be gritty, so I used confectioner’s sugar instead as it is much finer in grain and therefore easier to dissolve. I would make the cake again as it is moist and flavourful.
Daniel De Kok
I live in an area with a growing Latin population (primarily Puerto Rican and Dominican) so we have ample opportunity to sample the cuisine related to those cultures, including half a dozen bakeries. Tres leches cake is referred to in the literature as a sponge cake, and this was the first time I’d made one, so I was excited to see how it would turn out.
I don’t have a sheet cake pan as requested in this recipe, but my lasagna pan worked just fine.
The cake went together like a lot of other cakes. The directions were easy, and soon the cake was in the oven, smelling wonderful in short order. Searched high and low for toothpicks. Didn’t find any, so when the cake was out of the oven I used a dinner fork. After mixing the milks, I drizzled the cake, and tipped it side to side so that it didn’t simply run off to the edges.
After cooling I made the whipped cream topping, having made sure to chill the beater and the bowl (thanks Mom!). Coconut on, the cake was complete–and if I wasn’t diabetic, it might not have survived the night. Delicious! I’ll make this again for a special occasion.
Adrienne Lee
I make a lot of tres leches cakes of various types because my brother-in-law loves them. The coconut tres leches cake recipe is straightforward.
Honestly, I do it slightly differently. I use parchment paper at the bottom of the cake pan to ensure that it comes out. I also use a metal pan to cook and then transfer that cake to a glass pan to pour in the milks. This also makes the presentation better. Everyone really liked the coconut milk cake.
I did not use the lime on top even though it makes a nice presentation for a photograph. The toasted coconut by itself was just beautiful. I could see doing a traditional sprinkle on top. If I were going out of the way to use something not in the cake, I would sprinkle with mini chocolate chips.
The only issue I had was with the soaking time. The liquid was not nearly soaked in at 20 min. I covered the cake and cooled it in the fridge. Traditional recipes also have longer cooling/soaking times. I whipped the cream right before serving.
If I were making this again, I would make a little more whipped cream for the top and use vanilla rather than lime zest. I also thought the topping was not quite sweet enough. I tasted it individually before putting it on – maybe a tablespoon or two of powdered sugar to taste.
Karima Barrow
Coconut milk is one of my favorite ingredients to use in both sweet and savory items- I even have a cornbread recipe in my roster that uses coconut milk!
I have never made tres leches cake before but was intrigued by the swap of evaporated milk for coconut milk. The recipe was straightforward and the timing was accurate mixing the batter.
Since I made only half the recipe, I ended up using a 1/4 sheet pan, which may have made the cake slightly thinner. It cooked faster and the cake was browning at the edges and pulling away from the sides in 30 minutes.
A little more guidance about how long the total time for soaking would have been helpful. I did go slowly but as the recipe noted, it did look like too much liquid so I did end up keeping a little leftover drizzle.
I kept the cooled cake in the fridge for 4 hours before making the whipped cream frosting. Despite looking like the cake was drowning, the finished cake was not as soaked as I expected, so I could certainly have used more of the liquid.
My favorite flavors of the cake were the toasted coconut and lime zest in the whipped cream. Tres leches cake is always very sweet, blame the sweetened condensed milk, but I would have enjoyed a little less sugar and additional lime notes inside of the cake.
I will certainly return to this recipe. It is an easy crowd-pleasing dessert to make for a dinner party and big bonus you can make it ahead and it will only get better with more soaking time.