Coconut Tres Leches Cake Recipe — Moist Latin-Style Dessert

This coconut tres leches cake features a light, fluffy vanilla sponge soaked in coconut-forward milks, finished with silky whipped cream and crunchy toasted coconut flakes.

It’s an ideal make-ahead dessert since it soaks best overnight. The sponge soaks up the milk mixture while retaining structure, delivering moist, perfectly textured slices each time.

A spatula removes a soaked piece of coconut tres leches cake from a pan.

Tres leches is versatile and adapts to many flavor variations—try caramel, mango, or other tropical twists for a refreshing chilled dessert.

For more coconut-inspired ideas, consider other fruit-forward or frozen coconut recipes and simple coconut cakes with berries.

Why You’ll Love This Recipe

Texture – This coconut tres leches is all about the contrast: the sponge remains tender and moist without becoming mushy, offering a light, delicate crumb that holds the milks beautifully.

Coconut flavor – Between canned coconut milk, coconut extract, and toasted flakes, the cake delivers clean, tropical coconut notes without overwhelming sweetness.

Make ahead – Letting the cake soak in the refrigerator overnight gives the flavors time to meld and makes it perfect to prepare a day before serving.

What is Tres Leches Cake?

Tres leches, Spanish for “three milks,” is a Latin American dessert in which a light sponge cake is soaked in a mixture of three milks—traditionally evaporated milk, sweetened condensed milk, and heavy cream. The result is a luscious, cool cake meant to be served chilled.

Though some worry it will become soggy, a properly made sponge absorbs the liquid while keeping a pleasant structure—yielding moist, tender slices rather than mushy cake.

Ingredients

Tres leches cake ingredients.
Cake and milk ingredients.
Tres leches cake topping ingredients.
Topping ingredients.
  • Eggs — separated; whites whipped to stiff peaks and yolks used in the batter.
  • Baking powder — for lift; do not substitute with baking soda.
  • Canned coconut milk — shake well before opening to combine cream and milk.
  • Evaporated milk — or evaporated coconut milk if available.
  • Sweetened condensed milk — or sweetened condensed coconut milk if you can find it.
  • Coconut extract — essential for a clear coconut flavor, especially if not all milks are coconut-based.
  • Heavy whipping cream (36% fat) — for the fluffy whipped topping.
  • Unsweetened coconut flakes — toast before serving for crunch; avoid sweetened shredded coconut to prevent excess sweetness.

See the recipe card below for exact quantities.

Substitutions and Variations

  • Swap in sweetened condensed coconut milk or evaporated coconut milk where available for deeper coconut flavor.
  • Turn the cake into a trifle: tear into pieces, soak, and layer with whipped cream and toasted coconut.
  • Add 1 oz rum to the milk mixture for a lightly boozy version.
  • Make 15–18 cupcakes: bake, poke, soak, and finish with whipped cream. Use tulip liners to help hold the milk mixture.

How to Make This Recipe

Egg yolks and egg whites in separate bowls.

One: Separate eggs into two bowls, keeping whites free of yolk.

Whipped egg whites in a bowl.

Two: Whip the egg whites with part of the sugar until stiff peaks form; set aside.

Sponge cake batter in a bowl.

Three: Beat yolks with the remaining sugar until pale, then add milk and vanilla.

A spatula stirs sponge cake batter in a bowl.

Four: Fold dry ingredients into the yolk mixture until smooth.

A spatula folds in whipped egg whites into cake batter.

Five: Gently fold whipped egg whites into the batter in two additions to preserve air.

Sponge cake batter in a 9x13 inch pan.

Six: Spread batter into a greased 9×13″ pan and bake until set and lightly golden. Cool slightly.

Hot tip! Fold the whites in carefully using a bottom-to-top “J” motion to avoid deflating the batter. Ensure no streaks of egg white remain.

A fork creates pricks all over the baked sponge cake.

Seven: Poke holes across the cake about every inch, including the edges.

A hand whisks a mixture of milks in a large measuring cup.

Eight: Whisk evaporated milk, sweetened condensed milk, canned coconut milk, and coconut extract until smooth. If the coconut milk is separated, blend or strain to remove lumps.

Milk mixture being poured onto the baked cake.

Nine: Slowly pour the milk mixture into the center of the cake, allowing it to soak gradually and reach the edges. Use all the milk and refrigerate covered for at least 6 hours, preferably overnight.

Whipped cream in a bowl.

Ten: Whip heavy cream with powdered sugar and vanilla (and optional coconut extract) until soft to stiff peaks form.

Whipped cream spread on top of the tres leches cake.

Eleven: Spread the whipped cream evenly over the soaked cake, taking it to the edges.

A hand sprinkles toasted coconut on top of the whipped cream on the cake.

Twelve: Sprinkle completely cooled toasted coconut over the top just before serving.

A slice of coconut tres leches cake on a plate with strawberries on top.

Expert Tips

  • If the canned coconut milk is lumpy, blend or sieve it before mixing with the other milks to ensure a smooth soak.
  • Poke the edges of the cake and pour the milk slowly into the center so the middle becomes saturated first; the liquid will spread naturally.
  • Add whipped cream and toasted coconut shortly before serving; you can top the cake 1–4 hours ahead to keep the cream fresh.
  • Let toasted flakes cool completely to avoid melting the whipped cream when you add them.

Recipe FAQs

Does Tres Leches Cake need to be refrigerated?

Yes. Because it contains soaked milks and a whipped cream topping, this cake must be refrigerated. It tastes best within three days and will keep up to five days before the texture begins to degrade.

Do I have to make this coconut flavored?

No. To make a classic tres leches, replace the canned coconut milk with heavy cream and omit the coconut extract.

Should you let tres leches cake soak overnight?

For best results, refrigerate the cake for at least 6–8 hours and up to 24 hours so the milks fully absorb and flavors develop.

Can I make this into cupcakes?

Yes. Use tulip liners and fill them about half full. Bake at 350°F for 25–30 minutes, then poke, soak, and finish with whipped topping.

Storage

Keep the coconut tres leches covered in the refrigerator for up to five days. The whipped cream may weep after 2–3 days but the cake will still taste good for a few more days. Do not freeze this cake, as the texture will be compromised.

A slice of coconut tres leches cake on a plate with a fork removing a corner.

More 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 your results on Instagram or Facebook and leave a star rating below!

📖 Recipe

A slice of coconut tres leches cake on a plate with sliced strawberries on top.

Coconut Tres Leches Cake

A fluffy vanilla sponge soaked in coconut and milk mixture, topped with whipped cream and toasted coconut.
Prep Time: 1 hr
Cook Time: 25 mins
Rest Time: 6 hrs (overnight recommended)
Total Time: 7 hrs 25 mins
Servings: 16
Calories: 399 kcal (estimate)

Equipment

  • 9×13″ baking pan
  • Stand mixer with paddle and whisk (or hand mixer)
  • Rubber spatula

Ingredients

Sponge Cake

  • 1 cup all-purpose flour
  • 1½ tsp baking powder
  • ¼ tsp kosher salt
  • 5 large eggs, separated
  • 1 cup granulated sugar, divided
  • ⅓ cup whole milk
  • 1 tsp vanilla

Milk Mixture

  • 12 oz evaporated milk
  • 14 oz sweetened condensed milk
  • 7 oz canned coconut milk
  • 2–3 tsp coconut extract

Whipped Topping

  • 1 pint heavy whipping cream
  • ¼ cup powdered sugar
  • 1 tsp vanilla
  • ½ tsp coconut extract (optional)
  • 1 cup unsweetened coconut flakes, toasted

Instructions

Sponge Cake

  1. Preheat oven to 350°F and grease a 9×13″ pan. Whisk flour, baking powder, and salt.
  2. Separate eggs into whites and yolks. Whip whites with ¼ cup sugar to stiff peaks; set aside.
  3. Beat yolks with ¾ cup sugar until very pale (3–4 minutes). Add milk and vanilla on low speed.
  4. Fold in flour mixture, then gently fold in whipped whites in two additions. Pour into pan and bake 25–30 minutes until set and lightly browned. Cool on a rack.

Soaking

  1. Whisk evaporated milk, condensed milk, coconut milk, and extract until smooth. If coconut milk is separated, blend or strain.
  2. Poke holes in the cooled cake about every inch. Slowly pour the milk mixture into the center, allowing absorption. Cover and refrigerate at least 6 hours, ideally 12–24 hours.

Whipped Topping

  1. Toast coconut flakes over medium heat until golden; cool completely.
  2. Chill mixing bowl briefly, then whip heavy cream with powdered sugar, vanilla, and optional coconut extract to stiff peaks.
  3. Spread whipped cream over the soaked cake and sprinkle with toasted coconut before serving.

Notes

Make the cake a day ahead for best results. Poke holes thoroughly, including edges, and pour the milk slowly so the cake absorbs evenly. Store covered in the fridge up to 5 days; whipped cream may weep after a few days.