Coconut Tres Leches Cake
Coconut Tres Leches Cake is a creamy, make-ahead dessert with tender coconut milk layers, a rich three-milk soak, and a light whipped topping that keeps every bite soft, fresh, and party-ready.
This is the kind of cake that feels special without being fussy. The three small layers make it look polished, but the flavors are simple and comforting, with sweet coconut running through every part of the dessert.
You get a delicate sponge from the cake flour and egg whites, then even more moisture from the tres leches mixture. That contrast is what makes the cake so good. It stays airy, but every forkful feels lush and satisfying.
It is also a great choice for smaller celebrations. A trio of 6-inch layers gives you that classic layer-cake look without leaving you with an oversized dessert in your kitchen for days.
Coconut Tres Leches Cake Ingredients
Cake flour gives the layers their soft, fine texture and helps the cake stay light enough to absorb the milk mixture well.
Baking powder and salt support a gentle rise and keep the sweetness balanced.
Unsalted butter creates a rich base and gives the crumb a tender, classic cake texture.
Granulated sugar sweetens the cake and helps the butter whip into a fluffy mixture for better structure.
Egg whites keep the layers pale, delicate, and airy, which is exactly what you want in a milk-soaked cake.
Vanilla extract adds warmth and rounds out the coconut flavor without overpowering it.
Full-fat coconut milk is the key flavor note in both the cake and the soak, bringing richness and a mellow tropical taste.
Sweetened condensed milk gives the tres leches mixture body and sweetness, and it also sweetens the whipped topping.
Evaporated milk balances the soak so it stays creamy instead of overly heavy.
Heavy cream whips into a soft topping that feels lighter than buttercream and suits this style of cake beautifully.
Coconut extract boosts the coconut aroma in the topping, so the finish tastes as fragrant as it looks.
Toasted coconut flakes add texture and a slightly nutty contrast that makes the final cake feel complete.
Cooking Steps
STEP 1: Prepare three 6-inch pans and heat the oven. Whisk the dry ingredients together first so they are evenly distributed and ready to fold smoothly into the batter later.
STEP 2: Beat the softened butter with the sugar until the mixture looks pale and fluffy. This step matters because it creates the base structure for the cake and helps keep the crumb tender.
STEP 3: Mix in the vanilla and slowly add the room-temperature egg whites. Do not rush this stage. A gradual addition helps the batter stay smooth and prevents it from separating too much.
STEP 4: Add part of the dry mixture, then the coconut milk, then the rest of the dry ingredients. Mix only until the batter looks smooth. Overmixing can make the layers less delicate.
STEP 5: Divide the batter evenly between the pans and bake until the tops spring back lightly and a tester comes out clean. Let the cakes rest briefly in the pans, then cool them fully on a rack.
STEP 6: Once the layers are completely cool, stir together the sweetened condensed milk, evaporated milk, and coconut milk. Set one cake layer on your serving plate, poke it all over with a skewer or fork, and spoon some of the milk mixture over the top. Repeat with the remaining layers so the soak is spread evenly.
STEP 7: Whip the cold heavy cream with the sweetened condensed milk and coconut extract until soft to medium peaks form. Frost the top and sides of the cake, then finish with toasted coconut. Chill the cake for a little while before slicing so the layers settle and the soak has time to absorb evenly.
Helpful Tips
- Cool the cake layers completely before adding the milk soak, otherwise the texture can turn uneven and the topping may slide.
- Spoon the tres leches mixture over the cake in rounds instead of all at once, giving each layer a minute to absorb before adding more.
- Chill the frosted cake before serving for cleaner slices and a more balanced texture.
Can I make this cake ahead of time?
Yes. In fact, it is better after a rest. You can bake the layers, soak them, and frost the cake several hours ahead or the day before serving. The chill time helps the milk settle into the crumb and improves the final slice.
Why is my cake dense instead of light?
A dense result usually comes from overmixing after the flour goes in or rushing the butter-and-sugar step. Room-temperature butter and egg whites also help the batter blend more evenly, which gives you a softer, lighter texture.
Do I need to use all of the milk mixture?
Not always. The goal is a moist cake, not a flooded one. If your layers seem fully saturated before you use every drop, stop there. A smaller 6-inch layer cake can absorb a lot, but the exact amount varies with bake time and crumb texture.
Can I bake this in one pan instead of three layers?
You can, but the look and soaking pattern will change. A single pan version is simpler, though you may need to adjust the bake time and cool it thoroughly before adding the milk mixture. Layering gives a prettier finish and more even distribution of the soak.
Perfect Pairings
Fresh berries are a lovely match here because they cut through the sweetness and add a bright, juicy contrast to the creamy coconut finish.
A small cup of coffee works especially well if you want to balance the soft, milky richness with something warm and slightly bitter.
For a fuller dessert spread, serve it with sliced pineapple or mango. You do not need much, just enough fresh fruit to bring a little brightness to the plate.
Keeping Leftovers Fresh
Store the cake covered in the refrigerator for up to 4 days. Because of the milk soak and whipped cream topping, it should stay chilled whenever you are not serving it.
For the best texture, slice only what you need and keep the remaining cake intact. That helps the layers stay moist and prevents the topping from drying out.
You can freeze unfrosted cake layers for up to 2 months if you want to prepare ahead. Wrap them well, thaw them in the refrigerator, then add the milk soak and topping once they are fully defrosted.
A fully assembled tres leches cake is not ideal for reheating. It is meant to be served chilled or cool. If you want a softer texture straight from the fridge, let a slice sit at room temperature for about 15 to 20 minutes before eating.
This cake works because every part supports the next. The sponge is tender but structured enough to hold the soak, the milk mixture keeps the layers lush without making them heavy, and the whipped topping adds a clean, creamy finish. The toasted coconut on top is a small touch, but it gives the whole dessert more flavor and a little contrast in every bite.
It is a smart choice when you want a dessert that looks impressive but still feels relaxed and familiar. Whether you are making it for a birthday, a weekend dinner, or just because you want a small layer cake with plenty of flavor, this one delivers that soft, milky, coconut-forward finish people remember.
Coconut Tres Leches Cake
Ingredients
For the cake:
- 2 teaspoons vanilla extract or vanilla essence
- 3/4 cup unsalted butter softened at room temperature
- 2 1/4 cups sifted cake flour
- 1 cup full-fat coconut milk
- 1 1/2 cups granulated white sugar
- 5 large egg whites brought to room temperature
- 1/2 teaspoon salt
- 2 teaspoons baking powder
For the tres leches milk:
- 1/2 cup sweetened condensed milk
- 1/3 cup evaporated milk
- 1/3 cup full-fat coconut milk
For the topping:
- 1 teaspoon coconut extract or coconut flavoring
- 2 cups heavy cream thoroughly chilled
- 1/4 cup sweetened condensed milk
For the garnish:
- toasted coconut flakes or shavings as needed for finishing
Instructions
- Preheat the oven to 350°F (175°C). Grease and flour three 6-inch round cake pans, then set them aside.
- In a separate bowl, sift together the cake flour, baking powder, and salt. This helps distribute the dry ingredients evenly and supports a finer crumb. Set the mixture aside.
- Place the softened butter in the bowl of a stand mixer or use an electric mixer, and beat until smooth. Add the sugar and continue mixing on medium-high speed until the mixture appears pale and fluffy.
- Reduce the mixer speed to low. Add the vanilla, then gradually pour in the egg whites so the batter absorbs the liquid evenly. If the mixture begins to look curdled, blend in a couple of teaspoons of the flour mixture to help it come back together. Scrape down the sides and bottom of the bowl as needed.
- With the mixer still on low speed, add half of the dry ingredients to the butter mixture. Pour in the coconut milk, then add the remaining dry ingredients. Mix just until the batter is smooth and fully combined.
- Divide the batter evenly among the prepared pans. Bake for 25 to 28 minutes, or until a toothpick inserted into the center comes out clean.
- Remove the cakes from the oven and let them rest in the pans on a wire rack for 10 minutes.
- Carefully turn the cakes out of the pans and allow them to cool completely on the wire rack before adding any topping or serving.