If you love classic tres leches but crave a tropical twist, this tres leches coconut cake delivers the best of both worlds. You get a fluffy sponge that drinks up a coconut-forward milk soak, then you finish with billowy whipped cream and toasted coconut flakes. I grew up learning to cook by aroma in my grandmother’s Marrakesh kitchen, and I still chase that same cozy feeling today in San Diego. This tres leches coconut cake brings that comfort, but it also tastes bright and fresh enough for warm-weather gatherings.
Table of Contents
Table of Contents
Why This Tres Leches Coconut Cake Works
A sponge that stays fluffy (not heavy)
This cake relies on whipped egg whites for lift, so it holds structure even after the soak. You get a tender crumb that tastes creamy, not dense.
Coconut flavor without tasting fake
Coconut milk adds mellow sweetness and a soft tropical note. Coconut extract supports the flavor, but you’ll keep it light so the cake still tastes balanced.
If you enjoy creamy desserts, you can also try my Dulce tres leches on another day, or browse more sweets in the Dessert recipes collection.
Ingredients for Tres Leches Coconut Cake
Cake batter
- 1 cup all-purpose flour (120 g)
- 1 1/2 teaspoons baking powder (6 g)
- 1/4 teaspoon kosher salt (about 1.5 g)
- 5 large eggs, separated
- 1 cup granulated sugar (200 g), divided
- 1/3 cup whole milk (80 mL)
- 1 teaspoon coconut extract (5 mL)
Coconut three-milk soak
- 13 oz canned unsweetened coconut milk (384 mL)
- 14 oz sweetened condensed milk (396 g)
- 1/4 cup whole milk (60 mL)
- 1/2 teaspoon coconut extract (2.5 mL)
Whipped topping
- 1 pint heavy whipping cream (480 mL)
- 3 tablespoons powdered sugar (21 g)
- 1/2 teaspoon vanilla extract (2.5 mL)
- Toasted flaked coconut (for topping)
Equipment
- 9×13-inch metal baking pan
- Hand mixer (or stand mixer)
- 3 mixing bowls + whisk/spatula
Step-by-Step: How to Make Tres Leches Coconut Cake
1) Prep the pan and oven
- Heat your oven to 350°F.
- Grab a 9×13-inch metal baking pan and leave it un-greased so the cake clings while it rises.
2) Mix the dry ingredients
- Whisk flour, baking powder, and salt in a medium bowl.
- Set it aside.
3) Whip the yolk mixture
- Add egg yolks to a bowl.
- Add 3/4 cup of the sugar.
- Beat on high until the mixture turns pale and looks thick.
- Stir in whole milk and coconut extract.
4) Combine batter gently
- Pour the yolk mixture into the dry ingredients.
- Stir just until the flour disappears.
- Stop as soon as the batter comes together.
5) Whip egg whites for lift
- Beat egg whites on high until they look foamy and start to hold shape.
- Slowly add the remaining 1/4 cup sugar.
- Beat until stiff peaks form.
6) Fold and bake
- Fold the whipped egg whites into the batter in 2–3 additions.
- Spread batter evenly in the pan.
- Bake 25–35 minutes, until a toothpick in the center comes out clean.
- Cool the cake completely in the pan.
7) Add the coconut milk soak
- Whisk coconut milk, condensed milk, whole milk, and coconut extract in a bowl.
- Poke holes all over the cooled cake with a fork.
- Pour the milk mixture slowly across the surface, moving around the pan so the cake absorbs it evenly.
- Refrigerate at least a few hours, or chill overnight for the best texture.
8) Finish with whipped topping
- Whip heavy cream, powdered sugar, and vanilla until stiff peaks form.
- Spread it over the chilled cake.
- Sprinkle toasted flaked coconut on top.
For food safety and storage timing, I follow the chilled dessert guidance on cold food storage charts (FoodSafety.gov).
Tips for the Best Tres Leches Coconut Cake
Keep the crumb light
- Beat the egg whites until stiff peaks form.
- Fold gently, and stop once the batter looks uniform.
- Let the cake cool fully before you add the milk soak.
Control the soak
- Pour slowly and pause if the top pools.
- Chill long enough so the liquid settles into the crumb.
Toast coconut for better flavor
- Toast flaked coconut in a dry skillet over medium heat.
- Stir often and pull it once it turns golden.
If you want another fun twist, my Chocolate tres leches tastes rich and bold, and my Strawberry tres leches feels extra fresh for spring and summer.
Easy Variations
Dairy-light swap ideas
- Use all coconut milk in the soak if you want a stronger coconut taste.
- Keep the condensed milk for sweetness and structure.
Flavor upgrades
- Add lime zest to the whipped cream for a bright finish.
- Layer sliced strawberries under the whipped topping.
- Sprinkle toasted macadamias for crunch.
Shortcut option
If you need a faster base, you can start from a simple mix approach like my Box cake method, then use the coconut soak and topping from this recipe.
Serving Ideas
Best ways to plate it
- Cut clean squares and top each slice with extra toasted coconut.
- Add fresh berries for color and a tart bite.
- Serve it well-chilled for the creamiest texture.
Great occasions
- Birthdays, potlucks, family dinners, and summer parties
- Make-ahead holidays, because the cake actually improves after chilling
Storage and Make-Ahead
Refrigerate
- Cover and refrigerate 3–5 days.
- Keep it cold between servings for the best texture.
Make ahead
- Make the cake and add the soak 1–2 days early.
- Add whipped topping closer to serving for the prettiest finish, or top it the night before if you prefer convenience.
Freeze (cake only)
- Freeze the baked, cooled cake (no soak, no topping) up to 3 months.
- Thaw overnight in the fridge, then add the milk mixture and topping.
FAQ: Tres Leches Coconut Cake
What is coconut tres leches cake?
Coconut tres leches cake is a sponge-style sheet cake soaked in a blend of milks that includes coconut milk. It tastes creamy and tender, and coconut gives it a gentle tropical note.
Can you use coconut milk for tres leches cake?
Yes. Coconut milk works well because the sponge absorbs it easily, and the flavor stays smooth. Use unsweetened canned coconut milk so you control sweetness.
Can I use coconut milk instead of evaporated milk in tres leches?
Yes. Coconut milk can replace evaporated milk in the soak. Coconut milk adds a richer mouthfeel, so pour gradually and chill long enough so the cake sets cleanly.
What is so special about tres leches cake?
Tres leches feels special because it tastes creamy like a pudding-style dessert, but it still slices like cake. The chilled soak gives every bite a soft, melt-in-your-mouth texture.
Conclusion
This tres leches coconut cake brings big comfort with simple steps, and you can prep it ahead for stress-free hosting. If you make it, leave a comment with your twist, share it with a friend who loves coconut, and subscribe for more recipes. You can also follow along on Pinterest recipes, Facebook updates, and Instagram bites.
Coconut Tres Leches Cake
Ingredients
Equipment
Method
- Heat oven to 350°F.
- Whisk flour, baking powder, and salt in a bowl.
- Beat egg yolks with 3/4 cup sugar until pale and thick; stir in milk and coconut extract.
- Stir yolk mixture into dry ingredients just until combined.
- Beat egg whites to stiff peaks; slowly add remaining 1/4 cup sugar while beating.
- Fold egg whites into batter in additions.
- Spread batter in an ungreased 9×13 metal pan; bake 25–35 minutes until a toothpick comes out clean; cool fully.
- Whisk coconut milk, condensed milk, whole milk, and coconut extract for the soak.
- Poke holes all over the cooled cake; pour soak slowly and evenly across the cake.
- Chill a few hours or overnight.
- Whip cream, powdered sugar, and vanilla to stiff peaks; spread on cake.
- Top with toasted flaked coconut; slice and serve cold.