Tropical Coconut Tres Leches

Ultimate Coconut Tres Leches Cake: A Tropical Twist on a Classic Mexican Dessert

Prepare to be absolutely delighted by this Coconut Tres Leches cake – it’s a stunning elevation of the beloved Mexican dessert! If you’re a fan of the classic Tres Leches and have a soft spot for coconut, this recipe will completely blow you away. It’s rich, incredibly moist, bursting with tropical coconut flavor, and utterly delicious. This isn’t just a dessert; it’s an experience that transports your taste buds straight to paradise.

A slice of Coconut Tres Leches on a plate, with a few bites having been taken from it.

While some variations might remind you of theme park Tres Leches, I confidently declare that my rendition takes the cake – it’s a homemade masterpiece that surpasses anything you’ll find elsewhere. The secret lies in a decadent triple-milk soak infused with layers of coconut goodness, creating a cake that’s not just moist, but lusciously saturated with flavor. Get ready to impress your friends and family with this show-stopping, coconut-infused delight!

Why You’ll Adore This Coconut Tres Leches

This isn’t just another cake recipe; it’s a culinary journey designed for maximum enjoyment and ease. Here’s why this Coconut Tres Leches cake will become your new favorite:

  • Unforgettable Flavor: We’ve gone all-in on coconut! From the cake batter itself to the milk soak and a generous topping of toasted coconut, every bite delivers a rich, authentic tropical flavor that’s simply irresistible.
  • Incredibly Moist Texture: The “Tres Leches” (three milks) concept ensures an exceptionally moist cake. Our unique coconut milk blend takes this to another level, creating a cake that’s tender, juicy, and melts in your mouth.
  • Perfect for Any Occasion: Whether it’s a family gathering, a festive celebration, or just a treat for yourself, this cake is guaranteed to be a crowd-pleaser. It looks stunning and tastes even better.
  • Easily Adaptable: While the recipe is perfect as written, we offer fantastic substitution options for those with dietary preferences, including a completely dairy-free version.
  • A Step Above the Rest: Forget store-bought or restaurant versions! This homemade cake boasts a depth of flavor and a superior texture that is simply unmatched. You’ll taste the difference that fresh ingredients and thoughtful preparation make.

Get ready to bake a dessert that’s not just good, but truly exceptional!

[feast_advanced_jump_to]

Gather Your Ingredients for a Tropical Treat

For this ultimate Coconut Tres Leches cake, we’re not just adding a hint of coconut – we’re celebrating it! The careful selection of coconut-based ingredients is what elevates this cake from simply good to absolutely extraordinary. You’ll want to seek out Coco Lopez Cream of Coconut specifically; it’s a game-changer for its rich, sweet, and authentic coconut flavor that can’t be replicated by regular coconut milk alone. If you’re having trouble locating it, check the cocktail mixer section of your grocery store, often near the wine or spirits – that’s where it typically hides!

To further solidify the robust coconut profile, we incorporate coconut cream directly into our signature milk soak. This ensures that every fiber of the cake is infused with a deep, creamy coconut essence. And, of course, no coconut cake is complete without a generous sprinkle of toasted shredded coconut on top, adding a delightful crunch and intensified flavor to finish this masterpiece.

Ingredients needed to make Coconut Tres Leches Cake.

Here’s what you’ll need to create this amazing dessert:

  • For the Cake:
    • Whole Milk
    • Unsalted Butter
    • Large Eggs
    • Granulated Sugar
    • All-Purpose Flour
    • Baking Powder
    • Kosher Salt (Diamond Crystal recommended)
    • Sweetened Shredded Coconut (for the batter)
    • Vegetable Oil
    • Coconut Extract
    • Vanilla Extract
  • For the Milk Soak:
    • Coco Lopez Cream of Coconut (essential for flavor!)
    • Coconut Milk (full-fat canned)
    • Evaporated Milk (canned)
  • For the Topping:
    • Heavy Cream
    • Powdered Sugar
    • Almond Extract (a subtle enhancer)
    • Coconut Extract
    • Sweetened Shredded Coconut (for toasting and garnish)

For precise measurements and detailed instructions, please refer to the complete recipe card located at the bottom of this post.

Use the JUMP TO RECIPE button at the top of the post, or scroll to the bottom of the post to see the full recipe card with ingredient measurements and instructions.

Crafting Your Divine Coconut Tres Leches Cake

Making this Coconut Tres Leches cake is a delightful process, and following these steps carefully will ensure you achieve that perfect light texture and deep coconut flavor. Each stage plays a crucial role in creating a cake that’s moist, airy, and utterly irresistible.

Preparing the Flavor Base and Toasted Coconut

The first step sets the stage for our coconut-infused cake. Begin by gently warming the whole milk and unsalted butter in a medium saucepan over medium heat. Allow the butter to fully melt and integrate with the milk, then remove the pan from the heat. This warm liquid base will infuse beautifully into our cake batter. Into this mixture, stir in a portion of the shredded coconut along with both vanilla and coconut extracts. This ensures the coconut flavor is layered throughout the cake, not just on top. While that cools slightly, spread the remaining shredded coconut evenly on a baking sheet and toast it in the oven until it turns a light golden brown. This toasted coconut will be used as a crunchy, flavorful topping later, so set it aside to cool completely once done.

Warming the milk, and melting butter with the coconut, and extracts, before adding to the cake batter.
Coconut before toasting.

Achieving the Perfect Cake Batter

The lightness of this cake hinges on how well you whip the eggs and sugar. In the bowl of a stand mixer fitted with a whisk attachment, begin by beating the eggs at medium-high speed for about a minute. Then, gradually stream in the granulated sugar while the mixer is running on low. Increase the speed to medium-high and whip the mixture for a full 8 minutes. This extended whipping time is crucial; you’re looking for a mixture that is super airy, pale yellow, and has significantly increased in volume. A good indicator is the “ribbon stage” – when you lift the whisk, the mixture should fall back into the bowl in a thick ribbon that holds its shape on the surface for about 3 seconds before slowly dissolving. This incorporates maximum air, creating a light and tender crumb. Once you’ve reached this stage, reduce the mixer speed to low and slowly stream in the slightly cooled milk and butter mixture. This process, known as tempering, gently integrates the warmer liquid without deflating the airy egg mixture.

Eggs and sugar whipped until they are so light and they hold a ribbon on top for 3 seconds.
Adding in the warm coconut milk and butter mixture to the whipped eggs and sugar.

Baking, Soaking, and Chilling

Once your wet ingredients are perfectly combined, it’s time to incorporate the dry components. Sift together the all-purpose flour, baking powder, and kosher salt directly into the egg and milk mixture. Using the mixer on the lowest speed, mix just until no streaks of flour remain – typically about 30-45 seconds. Be careful not to overmix, as this can develop the gluten and result in a tough cake. The key is to maintain the airy structure you worked so hard to achieve. Gently fold the batter into a well-buttered 9×13 inch baking pan. Bake in your preheated oven until the cake is just set and a cake tester inserted into the center comes out with a few moist crumbs, but no wet batter, usually 25-30 minutes. The cake should spring back lightly when touched. While the cake is still warm from the oven, immediately poke holes all over the surface. A skinny wooden spoon handle or a skewer works perfectly for this; larger holes allow for better milk absorption. Slowly and evenly drizzle the prepared milk soak over the entire warm cake, ensuring it reaches all edges and corners. The warmth of the cake helps it absorb the liquid more efficiently. Allow the cake to cool completely to room temperature for about an hour, then transfer it to the refrigerator to chill for at least 2-3 hours. This chilling period is vital for the cake to fully absorb all the luscious milk soak, making it incredibly moist and allowing the flavors to meld beautifully.

Cake after making the batter, ready to go in the oven.
Cake just out of the oven, before poking holes in it to let the milk soak in.
Before adding the milk soak to the cake.
After adding the milk soak to the cake.

The Grand Finale: Whipped Cream and Toasted Coconut

Once your cake is thoroughly chilled and has fully absorbed the milk soak, it’s time for the final flourish! In the bowl of your stand mixer, whip together the heavy cream, powdered sugar, a touch of almond extract, and more coconut extract until you achieve stiff peaks. This creates a light, fluffy, and flavorful topping that perfectly complements the rich cake. Evenly spread this fresh whipped cream all over the top of the chilled cake. To complete this tropical masterpiece, generously sprinkle the cooled toasted coconut over the entire surface of the whipped cream. This not only adds a beautiful aesthetic but also provides a fantastic textural contrast and an intensified nutty coconut flavor. Your Coconut Tres Leches cake is now ready to be served and enjoyed!

Finished cake topped with whipped cream and toasted coconut.

Expert Notes & Tips for Tres Leches Perfection

Achieving the perfect Coconut Tres Leches cake is all about attention to detail. Here are some crucial notes and tips to ensure your cake turns out flawlessly every time:

  • The Power of Whipped Eggs: This is arguably the most critical step for a light, airy cake. Don’t rush it! Set a timer and truly beat the eggs and sugar for the full 8 minutes. You’re looking for a significant increase in volume, a very pale yellow color, and the “ribbon stage” where the batter drizzles from the whisk and holds its shape on the surface for at least 3 seconds before slowly melting back into the mixture. This aeration is what gives the cake its delicate, spongy texture, allowing it to absorb the milk soak beautifully without becoming dense.
  • Gentle Flour Folding: Once the flour mixture is sifted in, mix on low speed just until combined – no longer than 30-45 seconds. Immediately after, gently fold in any remaining flour streaks by hand with a spatula. Overmixing at this stage will develop the gluten in the flour, resulting in a tough, chewy cake rather than a tender one. You want to preserve all that precious air you whipped into the eggs.
  • The Art of Poking Holes: The holes in the cake are essential for maximum milk absorption. While a skewer or fork works, I prefer using a skinny wooden spoon handle or even a chopstick to create slightly larger holes. This allows the creamy milk soak to penetrate deeper and more evenly throughout the cake, ensuring every bite is saturated with tropical flavor. Be thorough and cover the entire surface, including the edges.
  • Even Milk Distribution: When pouring the milk soak, do so slowly and methodically. Start from the center and gradually work your way to the edges and corners, ensuring an even distribution. You want every part of the cake to be equally drenched in the flavorful liquid. Don’t be alarmed if the cake seems to swim in liquid at first; it will absorb as it chills.
  • Chilling is Non-Negotiable: The cooling and chilling period is vital. Allow the cake to cool to room temperature for an hour after soaking, then chill it in the refrigerator for at least 2-3 hours, or even overnight. This allows the cake ample time to fully absorb the three milks, develop its characteristic moistness, and for the flavors to deepen and meld. Rushing this step will result in a less saturated and less flavorful cake.
  • Storage and Best Enjoyment: This cake stores wonderfully in the refrigerator for up to 5 days. However, be aware that after about 3 days, it will become exceptionally wet and thoroughly soaked. Some, myself included, prefer it this way as it takes on a delightful “mushy” texture, almost like a pudding-cake hybrid. It’s often at its absolute best the day after it’s made, allowing all those flavors to fully develop.
  • Freezing Recommendations: Due to its deeply soaked nature, I generally do not recommend freezing Tres Leches cake. The texture tends to turn to total mush upon defrosting, losing its delicate structure. If you need a smaller batch, simply halve the recipe and bake it in a 9×9 inch square pan.

Versatile Substitutions for Your Coconut Tres Leches Cake

This Coconut Tres Leches cake recipe is already divine, but it’s also wonderfully adaptable to various dietary needs or ingredient availability. Here are some thoughtful substitutions you can make:

  • Dairy-Free Delight: To make this Coconut Tres Leches cake completely dairy-free, swap out the whole milk in the cake batter for a good quality dairy-free coconut milk beverage (the kind you’d typically find in the refrigerated section next to other plant-based milks, not the canned, full-fat version).
  • Vegan Butter Alternative: Replace the unsalted butter in the cake batter with your favorite vegan butter substitute. Ensure it’s a brand known for baking quality.
  • Coconut Evaporated Milk: For the milk soak, you can find coconut evaporated milk on the market. This is an excellent dairy-free alternative to traditional evaporated milk, maintaining that rich, creamy texture and tropical flavor profile.
  • Vegan Whipped Topping: Instead of homemade whipped cream, opt for a vegan whipped topping. Many excellent options are available in the freezer section of most grocery stores. Thaw according to package directions and whip if necessary.
  • Coco Lopez Alternatives: If you absolutely cannot find Coco Lopez Cream of Coconut, your next best bet for the milk soak is sweetened condensed milk. To keep it dairy-free, use coconut sweetened condensed milk. While the flavor profile will be slightly different, it will still provide the necessary sweetness and creamy consistency.
  • Extract Variations: Feel free to experiment with extracts! While almond and coconut extracts enhance the tropical notes beautifully, you could also try a hint of rum extract for an extra exotic touch, or even lime zest in the whipped cream for a bright contrast.
A slice of Coconut Tres Leches on a plate, with a few bites having been taken from it. Fork on the side of the plate.

More Mexican-Inspired Favorites to Try!

If you’re loving the flavors of this Coconut Tres Leches cake, you’re in for a treat with these other Mexican-inspired recipes:

  • My take on Mexican Flautas is an absolute favorite meal of mine to prepare – crispy, savory, and incredibly satisfying!
  • For a super simple and guaranteed “clean plate club” winner, whip up my Sour Cream Chicken Enchiladas. A fantastic shortcut: use a pre-cooked rotisserie chicken (Costco is my go-to!) to get these on the table in under 30 minutes.
  • Looking for something fun and resourceful? Don’t let those chip crumbs go to waste! I love transforming the ends of a Doritos bag into my famous Dorito Chicken Tenders. They’re a huge hit with both kids and adults alike!

Did you make this tropical masterpiece? I’d love to hear about it! Let me know by leaving a review or comment below. And be sure to sign up for my newsletter to stay updated on new recipes, and follow along on Instagram, Pinterest, and Facebook for daily inspiration!

📖 Recipe

Close up of the cake after slicing, showing the toasted coconut on top, whipped cream, cake, and soaked cake down to the bottom of the pan.

Yield: 1, 9×13 cake (serves 15)

Coconut Tres Leches Cake

Prep Time:
30 minutes
Cook Time:
30 minutes
Chilling Time:
3 hours 30 minutes
Total Time:
4 hours 30 minutes

If you love this Mexican dessert, this Coconut Tres Leches cake is absolute next-level goodness! Make this for anyone who loves coconut cake; they’ll be blown away because this is over-the-top delicious.

Ingredients

For the cake:

  • 1 cup Whole Milk
  • 8 tablespoons Unsalted Butter
  • 1 cup Sweetened Shredded Coconut
  • 1 tablespoon Vegetable Oil
  • 1 teaspoon Coconut Extract
  • 1 teaspoon Vanilla Extract
  • 4 large Eggs
  • 1 ½ cups Granulated Sugar
  • 2 cups All-Purpose Flour
  • 2 ½ teaspoons Baking Powder
  • ½ teaspoon Kosher Salt, diamond crystal

For the milk soak:

  • 1, 15 ounce can Coco Lopez Cream of Coconut
  • 1, 13.5 ounce can Coconut Milk
  • 2, 12 ounce cans Evaporated Milk

For the topping:

  • 2 cups Sweetened Shredded Coconut, toasted
  • 2 cups Heavy Cream
  • ½ cup Powdered Sugar
  • 1 tablespoon Almond Extract
  • 1 teaspoon Coconut Extract

Instructions

  • Preheat your oven to 350°F (175°C). Prepare a 9×13 inch baking pan by generously buttering it.
  • In a medium saucepan, combine the whole milk and unsalted butter. Heat over medium heat until the butter is fully melted. Remove from heat and stir in 1 cup of sweetened shredded coconut, 1 tablespoon vegetable oil, 1 teaspoon coconut extract, and 1 teaspoon vanilla extract. Set aside to cool slightly.
  • On a separate baking sheet, spread out 1.5 cups of sweetened shredded coconut for the topping. Toast in the warm oven for 8-10 minutes, or until golden brown. Once toasted, remove from oven and toss with the remaining 0.5 cup of untrusted coconut for varied texture and color. Set aside to cool completely.
  • In the bowl of a stand mixer fitted with the whisk attachment, beat the large eggs at medium-high speed for 1 minute. Reduce the speed to low and gradually stream in the granulated sugar. Increase speed to medium-high and continue beating for 8 minutes, until the mixture is very pale yellow, doubled in volume, and forms a thick ribbon that holds its shape for at least 3 seconds when drizzled.
  • With the mixer still running on low speed, slowly pour the warm milk and coconut mixture into the whipped eggs, tempering it gently to combine without deflating the batter.
  • In a separate bowl, sift together the all-purpose flour, baking powder, and kosher salt. Add the sifted dry ingredients to the wet mixture in the stand mixer. Mix on low speed for only 30-45 seconds, just until no streaks of flour remain. Do not overmix.
  • Pour the cake batter into the prepared 9×13 inch baking pan and spread evenly. Bake for 25-30 minutes, or until the cake is set and a cake tester inserted into the center comes out with a few moist crumbs but no wet batter.
  • While the cake is baking, prepare the milk soak: In a large measuring cup or bowl, combine the entire can of Coco Lopez Cream of Coconut, the can of coconut milk, and the two cans of evaporated milk. Whisk until thoroughly combined.
  • Once the cake is out of the oven, let it cool for about 10 minutes. While still warm, use a skewer or the slim end of a wooden spoon to poke numerous holes all over the top surface of the cake, ensuring even distribution to the edges.
  • Slowly and evenly pour the entire milk mixture over the warm, poked cake. Let the cake rest at room temperature for 1 hour to begin absorbing the liquid.
  • After resting, transfer the cake to the refrigerator and chill for a minimum of 2-3 hours, or ideally overnight, to allow the cake to fully absorb the milks and become perfectly moist and flavorful.
  • When the cake is completely cool and thoroughly chilled, prepare the whipped cream topping. In the bowl of a stand mixer fitted with the whisk attachment, combine the heavy cream, powdered sugar, almond extract, and coconut extract. Whip on medium-high speed until stiff peaks form.
  • Spread the fresh whipped cream evenly over the top of the chilled cake. Finish by generously sprinkling the cooled toasted coconut over the entire whipped cream surface.
  • Serve immediately. Store any leftovers covered in the refrigerator for up to 3 days for optimal texture and freshness.
  • Notes

    Notes & Tips

    The most important step of this recipe is the whipping of the eggs and sugar. Set yourself a timer and really beat them for 8 minutes. They need to get very pale and hold a ribbon when drizzled over themselves.

    When adding the flour, gently fold it in so you don’t knock too much air out of the eggs you just whipped. This ensures the cake stays very light and airy.

    I like to use a skinny wooden spoon to poke the holes in my cake, it’s a bit larger than what many people use. I believe this helps the milk soak to be better absorbed. You can use a skewer or a fork to prick it with smaller holes.

    Pour the milk soak over slowly, and take care to be sure you are getting it equally to the edges and corners as well as the middle.

    The cake will keep in the fridge, for up to 5 days. However, after about 3 days it gets very wet and soaked. I actually prefer this, but it does get a little mushy. Just sharing that here so you know. It is best the day after it is made.

    I haven’t tried it, but I do not believe, because of the soaked nature of this cake that it would freeze well. I would turn to total mush when defrosted. You can cut the recipe in half and bake it in a 9×9 square pan if you need a lesser recipe.

    Substitutions

    If you would like to keep this cake completely dairy-free, swap the whole milk for coconut milk (like the one you’d use for your cereal).

    Remove the butter and use a vegan butter substitute.

    There is coconut evaporated milk on the market, swap the traditional evaporated milk for that.

    Replace the homemade whipped cream with this vegan whipped topping from the freezer section of the grocery store.

    If you are unable to find the ‘Coco Lopez’, swap it for sweetened condensed milk. Use coconut sweetened condensed milk to keep it dairy-free.

    Recommended Products

    As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

    • Scanpan Stainless Steel HAPTIQ 2.75-Quart Covered Saucepan
    • OXO Good Grips 3 Piece Squeeze & Pour Silicone Measuring Cup Set
    • OXO Good Grips 4 Piece Stainless Steel Measuring Spoons with Magnetic Snaps
    • OXO Good Grips 4 Piece Stainless Steel Measuring Cups with Magnetic Snaps
    • Emile Henry 13″ x 9″ Large Rectangular Baker – Modern Classics Collection | Sugar
    • KitchenAid KSM150PSCE Artisan Stand Mixers, 5 quart, Copper Pearl (Renewed)

    Nutrition Information:

    Yield:

    15

    Serving Size:

    1

    Amount Per Serving:
    Calories: 643Total Fat: 40gSaturated Fat: 26gTrans Fat: 0gUnsaturated Fat: 9gCholesterol: 120mgSodium: 282mgCarbohydrates: 61gFiber: 8gSugar: 39gProtein: 14g

    This is an estimated caloric value, actual numbers may differ based on the ingredients used.

    Did you make this recipe?

    Please leave a comment on the blog or share a photo on Instagram

    © Kendell


    Cuisine:

    Mexican, Tropical

    /
    Category: Dessert

    img 28307 20