As I drizzled a sweet coconut milk mixture over the soft sponge cake, the anticipation swelled in my kitchen—this Coconut Tres Leches Cake was about to transform our dessert game! A tropical twist on the traditional tres leches, this cake boasts a fluffy vanilla base that soaks up a delightful blend of coconut-infused milks. Not only is it an ultra-moist make-ahead dessert, but it’s also a guaranteed crowd-pleaser that will have your friends and family begging for seconds. Perfectly creamy, with a light and airy whipped topping, this cake is just what you need to brighten up any meal. So, are you ready to indulge in a slice of paradise? Let’s dive into the recipe!

Why Is This Cake a Must-Try?

Tropical Twist: This Coconut Tres Leches Cake delivers a delightful tropical flair that adds excitement to any gathering.

Ultra-Moist: Soaked in a luscious blend of coconut milks, this cake guarantees every bite is rich and satisfying.

Make-Ahead Friendly: Perfect for busy hosts, simply prep the night before to enjoy a stress-free dessert.

Crowd-Pleasing Appeal: Serve chilled at parties, and watch it quickly become the star of the dessert table, much like my Blackberry Lemon Cheesecake or Mini Loaf Cakes!

Versatile Substitutions: Tailor it to dietary needs easily with gluten-free or dairy-free options, ensuring everyone can savor this treat.

Indulge in this velvety dessert that perfectly balances flavors and textures, inviting you to come back for seconds!

Coconut Tres Leches Cake Ingredients

For the Cake
All-purpose Flour – Provides the structure for the sponge cake; can substitute with gluten-free flour.
Baking Powder – Leavening agent to help the cake rise and achieve a fluffy texture.
Kosher Salt – Enhances flavor balance in baked goods.
Eggs (separated) – Essential for structure and moisture; whites are whipped to provide lift. No direct substitutions for egg whites; consider aquafaba for a vegan option.
Granulated Sugar – Sweetens the cake and stabilizes the whipped egg whites; can use coconut sugar for a lower glycemic index.
Whole Milk – Adds moisture and richness; can replace with any non-dairy milk.
Vanilla Paste/Extract – Provides depth of flavor; can substitute with imitation vanilla extract.

For the Soaking Mixture
Evaporated Milk – Essential for soaking, contributing creamy texture.
Sweetened Condensed Milk – Adds sweetness and richness when soaked; for lower sugar, coconut condensed milk can be used.
Coconut Milk – Adds the coconut flavor to the soaking mixture.
Coconut Extract – Enhances the tropical flavor profile; optional but recommended if extra coconut saturation is desired.

For the Topping
Coconut Flakes (unsweetened) – For topping, adds texture and coconut aroma when toasted.
Heavy Whipping Cream – Whipped for the topping, providing a light and creamy finish.
Powdered Sugar – Sweetens the whipped cream topping; can be reduced for less sweetness.

Now that you have all the delightful ingredients for this Coconut Tres Leches Cake, get ready to impress your family and friends with this tropical treat!

Step‑by‑Step Instructions for Coconut Tres Leches Cake

Step 1: Preheat the Oven
Begin by preheating your oven to 350°F (175°C). While the oven heats, lightly grease a 9×13-inch baking pan with butter or cooking spray to ensure your Coconut Tres Leches Cake slides out easily once baked. This preparation step is crucial for achieving a beautifully golden cake texture.

Step 2: Combine the Dry Ingredients
In a mixing bowl, whisk together 1 cup of all-purpose flour, 1 tablespoon of baking powder, and 1/2 teaspoon of kosher salt. This mixture will provide the structural foundation for your cake. Make sure there are no lumps for a smooth batter, as this will affect the final texture of your Coconut Tres Leches Cake.

Step 3: Whip the Egg Whites
In a separate bowl, beat 4 egg whites using an electric mixer on medium speed. Whip until stiff peaks form, which should take about 3-5 minutes. These airy whites will give the cake its light, fluffy texture. Set the whipped egg whites aside while you prepare the yolk mixture.

Step 4: Prepare the Yolk Mixture
In another clean bowl, beat together 4 egg yolks and 1 cup of granulated sugar until the mixture is pale and creamy, typically around 3-4 minutes. Then, add in 1/2 cup of whole milk and 1 teaspoon of vanilla extract, blending until well combined. This yolk mixture adds richness to the cake and balances the sweetness.

Step 5: Incorporate the Dry Ingredients
Gradually fold the dry ingredients into the yolk mixture. Use a spatula to gently combine the two until just incorporated, ensuring not to overmix, which can toughen the cake. Finally, gently fold in the whipped egg whites, creating a delicate batter that will rise beautifully while baking.

Step 6: Bake the Cake
Pour the batter into your prepared baking pan, spreading it evenly. Bake in the preheated oven for 25-30 minutes, or until the cake is golden and a toothpick inserted into the center comes out clean. Once done, allow the cake to cool in the pan for about 10 minutes before transferring it to a wire rack.

Step 7: Poke Holes in the Cake
After the cake has completely cooled, use a fork or a skewer to poke holes across the surface of the cake. This step is essential for ensuring that the soaking mixture seeps into every corner of the Coconut Tres Leches Cake, providing maximum moisture and flavor.

Step 8: Prepare the Soaking Mixture
In a mixing bowl, whisk together 1 cup of evaporated milk, 1 cup of sweetened condensed milk, and 1 cup of coconut milk. If desired, add a splash of coconut extract for enhanced flavor. Slowly drizzle this mixture evenly over the poked cake, allowing it to soak in thoroughly.

Step 9: Chill the Cake
Cover the cake with plastic wrap and refrigerate for at least 6 hours, preferably overnight. This resting time allows the cake to absorb the milks fully, resulting in an ultra-moist Coconut Tres Leches Cake that is bursting with tropical flavor.

Step 10: Prepare the Topping
For the topping, preheat your oven to 350°F (175°C) again and spread unsweetened coconut flakes on a baking sheet. Toast them for about 5 minutes, stirring halfway, until they’re golden brown. Meanwhile, whip 1 cup of heavy cream with 2 tablespoons of powdered sugar until soft peaks form, creating a light, airy topping.

Step 11: Assembly and Serve
Spread the whipped cream evenly over the chilled Coconut Tres Leches Cake, ensuring every slice gets a generous dollop of cream. Finally, sprinkle the toasted coconut flakes on top for an irresistible crunch. Serve chilled, and watch your family and friends delight in this tropical treat!

Coconut Tres Leches Cake Variations

Customize your Coconut Tres Leches Cake adventure with these delightful twists that will excite your taste buds and satisfy your cravings!

  • Gluten-Free: Swap all-purpose flour for a 1:1 gluten-free flour blend to make this cake suitable for everyone at your gathering. The result will be just as fluffy and delicious!

  • Coconut Sugar: For a richer flavor, use coconut sugar instead of granulated sugar. The caramel notes will add depth to the sweetness and pair beautifully with the coconut.

  • Almond Infusion: Substitute vanilla extract with almond extract for a nutty twist. This variation adds a warm, aromatic layer that elevates the tropical flavors.

  • Chocolaty Delight: Treat yourself to a chocolate twist by replacing the coconut milk with chocolate milk. This sweet change will satisfy any chocoholic and make for an impressively lush dessert.

  • Dairy-Free Option: Use all non-dairy milk, like almond or oat milk, in place of whole milk and heavy whipping cream. This way, you can still achieve that creamy texture without the dairy.

  • Fruity Flavor Boost: Add a layer of fresh fruit, such as diced mango or strawberries, between the cake and whipped cream topping for a refreshing burst of flavor that complements the coconut.

  • Coconut Condensed Milk: For a more intense coconut flavor, substitute regular sweetened condensed milk with coconut condensed milk. It adds an extra dimension of sweetness that’s irresistible.

  • Spicy Kick: If you enjoy a bit of heat, sprinkle some crushed red pepper or cayenne pepper atop the cake before serving. This unexpected spice will add a surprising zesty element!

Whichever variation you choose, remember to savor the deliciousness each step of the way. And if you’re looking for more delightful desserts to try, don’t miss out on my Blueberry Buttermilk Pancake Casserole or the ever-popular Oatmeal Apple Pancakes!

How to Store and Freeze Coconut Tres Leches Cake

Fridge: Store covered in the refrigerator for up to 5 days. For the best flavor and texture, enjoy within 2–3 days since the whipped cream may weep over time.

Freezer: If you want to freeze Coconut Tres Leches Cake, slice it first and wrap each piece tightly in plastic wrap, then foil. It can last up to 3 months in the freezer.

Thawing: To thaw, simply remove from the freezer and place in the fridge for several hours or overnight. Re-whip the cream if needed before serving.

Avoid Room Temperature: This cake should not be stored at room temperature to ensure longevity and prevent spoilage, especially due to the cream topping.

Expert Tips for Coconut Tres Leches Cake

  • Prep Ahead: Make the cake a day in advance for the best flavor and texture; the longer it sits, the more delicious it becomes.

  • Whip Wisely: Ensure all egg whites are free of yolks to achieve the right stiff peaks for a fluffy Coconut Tres Leches Cake.

  • Poke Thoroughly: Don’t skimp on poking the cake! Use a fork to create plenty of holes, allowing the soaking mixture to penetrate deeply.

  • Chilled Tools: For a stable whipped cream topping, use chilled bowls and beaters when whipping cream—this helps achieve better volume.

  • Common Mistake: Allowing insufficient refrigeration time can lead to a less flavorful cake; aim for at least 6 hours, ideally overnight.

Make Ahead Options

This Coconut Tres Leches Cake is a fantastic option for meal prep enthusiasts! You can prepare the cake itself and soak it up to 24 hours in advance, allowing the flavors to deepen and ensuring it’s ultra-moist by the time you present it. Simply bake the cake, poke holes, and pour over the soaking mixture, then refrigerate overnight. For the topping, you can toast the coconut flakes up to 3 days in advance and store them in an airtight container to maintain their crunch. When you’re ready to serve, whip the cream, spread it over the cake, sprinkle with toasted coconut, and enjoy a perfectly refreshing dessert with minimal effort!

What to Serve with Coconut Tres Leches Cake?

Imagine a warm gathering where the sweet tropical aroma of coconut fills the air, making every bite of dessert a moment to cherish.

  • Fresh Berries: Juicy strawberries or tart raspberries provide a refreshing contrast to the creamy cake, adding a pop of color and flavor.

  • Tropical Fruit Salad: A mix of pineapple, mango, and kiwi complements the coconut flavor, heightening the tropical experience.

  • Coconut Lime Sorbet: This icy treat delivers a zesty twist, perfectly balancing the richness of the cake with its bright, tangy finish.

  • Whipped Cream with Lime Zest: The airy whipped cream topped with citrus zest adds a delightful zing that elevates the overall dessert experience.

  • Mint-Infused Iced Tea: A chilled glass of this refreshing beverage offers a cooling effect that pairs beautifully with the cake’s sweetness.

  • Toasted Coconut Macaroons: If you’re a coconut lover, these chewy delights add a nutty crunch that enhances every coconut-infused bite.

Let your dessert spread invite smiles and moments of joy as everyone indulges in the delightful flavors inspired by your delectable Coconut Tres Leches Cake!

Coconut Tres Leches Cake Recipe FAQs

How do I choose ripe coconuts for this recipe?
Absolutely! When selecting coconuts, look for ones that feel heavy for their size and have no cracks or dark spots all over the shell. Give it a shake—if you hear sloshing, it’s good to go! Fresh coconuts yield the best flavor for your Coconut Tres Leches Cake.

How should I store leftover Coconut Tres Leches Cake?
Very! Store your cake covered in the refrigerator for up to 5 days. To maintain its delightful texture, it’s best enjoyed within 2-3 days, as the whipped cream may start to weep after that.

Can I freeze Coconut Tres Leches Cake?
Absolutely! If you want to freeze your Coconut Tres Leches Cake, slice it first and wrap each piece tightly in plastic wrap, then foil. This way, it can last up to 3 months in the freezer.

What’s the best way to thaw frozen Coconut Tres Leches Cake?
Sure thing! To thaw, simply remove it from the freezer and place it in the refrigerator for several hours or overnight. If the whipped cream needs a refresh, whip it again before serving to restore its light, airy texture.

What should I do if my egg whites don’t whip properly?
No worries! Ensure that all bowls and utensils are completely dry and free of grease or yolk. If your egg whites won’t whip, try using a clean, dry mixing bowl, and start with room temperature egg whites. For a vegan option, you can substitute whipped aquafaba for egg whites.

Can I make this cake gluten-free?
Absolutely! To make your Coconut Tres Leches Cake gluten-free, simply substitute the all-purpose flour with a 1:1 gluten-free flour blend. Just be sure to check that all other ingredients are also gluten-free, especially the baking powder and vanilla extract.

Coconut Tres Leches Cake

Coconut Tres Leches Cake: A Blissful Tropical Treat

Coconut Tres Leches Cake is a delightful tropical twist on the traditional dessert, promising an ultra-moist experience that everyone will love.
Prep Time 30 minutes
Cook Time 30 minutes
Chilling Time 6 hours
Total Time 12 hours
Servings: 12 slices
Course: Dessert
Cuisine: Tropical
Calories: 300

Ingredients
  

For the Cake
  • 1 cup all-purpose flour can substitute with gluten-free flour
  • 1 tablespoon baking powder
  • 1/2 teaspoon kosher salt
  • 4 large eggs (separated) whites whipped for lift
  • 1 cup granulated sugar can use coconut sugar
  • 1/2 cup whole milk can replace with non-dairy milk
  • 1 teaspoon vanilla paste/extract can substitute with imitation vanilla extract
For the Soaking Mixture
  • 1 cup evaporated milk
  • 1 cup sweetened condensed milk use coconut condensed milk for lower sugar
  • 1 cup coconut milk
  • 1 teaspoon coconut extract optional but recommended
For the Topping
  • 1 cup coconut flakes (unsweetened) toasted for topping
  • 1 cup heavy whipping cream
  • 2 tablespoons powdered sugar can be reduced for less sweetness

Equipment

  • 9×13-inch baking pan
  • Electric mixer
  • Mixing bowl
  • Spatula
  • fork or skewer
  • Baking Sheet

Method
 

Step-by-Step Instructions
  1. Preheat your oven to 350°F (175°C) and lightly grease a 9x13-inch baking pan.
  2. In a mixing bowl, whisk together 1 cup of all-purpose flour, 1 tablespoon of baking powder, and 1/2 teaspoon of kosher salt.
  3. In a separate bowl, beat 4 egg whites with an electric mixer until stiff peaks form, about 3-5 minutes. Set aside.
  4. In another bowl, beat together 4 egg yolks and 1 cup of granulated sugar until pale and creamy, about 3-4 minutes. Add in 1/2 cup of whole milk and 1 teaspoon of vanilla, blending until well combined.
  5. Gradually fold the dry ingredients into the yolk mixture, followed by the whipped egg whites until just incorporated.
  6. Pour the batter into the prepared baking pan and bake for 25-30 minutes or until golden and a toothpick comes out clean.
  7. Once cooled, poke holes in the cake using a fork to allow the soaking mixture to seep in.
  8. Whisk together 1 cup of evaporated milk, 1 cup of sweetened condensed milk, and 1 cup of coconut milk, then drizzle over the cake.
  9. Cover with plastic wrap and refrigerate for at least 6 hours or overnight.
  10. Toast coconut flakes in the oven for about 5 minutes until golden. Whip 1 cup of heavy cream with 2 tablespoons of powdered sugar until soft peaks form.
  11. Spread the whipped cream over the chilled cake and sprinkle the toasted coconut on top. Serve chilled.

Nutrition

Serving: 1sliceCalories: 300kcalCarbohydrates: 40gProtein: 5gFat: 14gSaturated Fat: 8gCholesterol: 180mgSodium: 150mgPotassium: 200mgFiber: 1gSugar: 25gVitamin A: 500IUCalcium: 100mgIron: 1mg

Notes

Make the cake a day in advance for best results. Ensure proper refrigeration for maximum flavor.

Tried this recipe?

Let us know how it was!