Coconut Tres Leches Cake (Soaked in Sweet Coconut Cream)
A coconut tres leches cake takes the classic Latin American dessert and gives it a subtle tropical twist. The sponge is airy and tender, and it soaks up a mixture of three milks that includes full-fat coconut milk for a gentle, not overbearing, coconut flavor.
You can make it a day ahead and let it chill in the fridge. The cake only gets better as the milks settle into every crumb, and a layer of whipped cream and toasted coconut turns it into something worth pulling out for company.
Why This Coconut Cake Stays in the Rotation
This is the version I keep coming back to because it does not try to do too much. The coconut milk adds a mellow richness without drowning out the sweet dairy notes from the evaporated and condensed milks.
The texture hits right where it should: soft and spoonable without turning into mush. A toasted coconut topping gives the whole thing a little crunch against all that creaminess, which keeps every bite interesting.
Ingredients
- 1¼ cups all-purpose flour: spooned and leveled, not scooped
- 1½ tsp baking powder
- ¼ tsp fine sea salt
- 5 large eggs, separated and at room temperature
- 1 cup granulated sugar, divided into ¾ cup and ¼ cup portions
- ⅓ cup whole milk, at room temperature
- 1 tsp vanilla extract
- 1 can (12 oz) evaporated milk
- 1 can (14 oz) sweetened condensed milk
- 1 can (13.5 oz) full-fat coconut milk, well shaken
- 1 cup heavy cream, cold
- 2 tbsp confectioners’ sugar
- ½ tsp coconut extract (optional)
- ½ cup unsweetened coconut flakes, toasted: for the topping
Variations / Substitutions
- Dairy-free condensed milk: swap the sweetened condensed milk for a full-fat coconut condensed milk to keep the recipe dairy-free, though the texture will be a touch softer.
- Lighter coconut flavor: use light coconut milk, but know the soak will be thinner and the coconut taste more muted.
- Add a citrus note: grate the zest of 1 lime into the milk mixture for a bright contrast that works well with coconut.
- No coconut extract: leave it out, the cake will still have a clear coconut flavor from the milk soak and toasted topping. If you enjoy other coconut desserts, you might also like a Coconut Cream Pie.
How To Make Coconut Tres Leches Cake
Step 1: Mix the Sponge Batter
Preheat the oven to 350°F (180°C) with a rack in the middle. Butter a 9×13-inch baking dish, leaving the sides ungreased so the cake can climb. In a medium bowl, whisk the 1¼ cups flour, baking powder, and salt.
In a stand mixer with the whisk attachment, beat the 5 egg whites on medium high until soft peaks form. With the mixer running, slowly pour in the ¼ cup portion of sugar and continue beating until glossy and stiff, about 2 minutes. Scrape the whites into another bowl and set aside.
In the same mixer bowl (no need to wash it), combine the 5 egg yolks and the remaining ¾ cup sugar. Beat on medium high until thick and pale yellow, about 3 minutes. Turn the speed to low and mix in the ⅓ cup whole milk and vanilla. Fold in the flour mixture by hand until just combined, then gently fold in the egg whites in two additions, taking care not to deflate them. The batter will be airy and pillowy.
Step 2: Bake the Cake
Pour the batter into the prepared dish and spread it evenly. Bake for 25 to 30 minutes, until the top is golden and a toothpick inserted in the center comes out clean. The cake will spring back when you press it lightly.
Let the cake cool in the pan placed on a wire rack for 10 minutes. While it is still warm, use a skewer or a fork to poke holes all over the surface, spacing them about 1 inch apart. This gives the milk mixture a clear path into the crumb.
Step 3: Soak the Cake
In a medium bowl, whisk together the evaporated milk, sweetened condensed milk, and full-fat coconut milk until smooth. Slowly pour the mixture evenly over the warm cake, letting it seep into the holes and down the sides. It will look like too much liquid at first, but the cake will gradually absorb it.
Cover the dish with plastic wrap and refrigerate for at least 4 hours, or overnight. The cake needs this time to fully soak and set, so the longer it chills, the more cohesive the texture becomes.
Step 4: Top and Serve the Cake
Right before serving, pour the cold heavy cream, confectioners’ sugar, and coconut extract (if using) into a chilled bowl. Whip by hand or with a mixer on medium high until soft peaks form, then spread the cream over the cold cake in soft swoops.
Scatter the toasted coconut flakes across the top and slice into squares directly from the baking dish. Serve cold, spooning any extra milk from the bottom of the pan over each piece.
Tips for an Even Soak
- Do not overbeat the egg whites: stiff, glossy peaks are perfect. If the whites break and look grainy, the cake will not rise as high and may turn out dense.
- Poke holes while the cake is still warm: a cooler cake can seal the crumb a bit, making the soak slower and less even.
- Use full-fat coconut milk: light versions water down the tres leches mix and make the final texture runnier instead of creamy.
- Chill it longer than you think: 4 hours is the bare minimum, but overnight gives the milks time to really distribute through every bite.
Bake times by pan:
| Pan Material | Size | Bake Time |
|---|---|---|
| Metal | 9×13 inches | 25 to 28 minutes |
| Glass | 9×13 inches | 28 to 30 minutes |
| Ceramic | 9×13 inches | 30 to 32 minutes |
Storing Leftover Cake
- Refrigerate: cover the assembled cake tightly and keep in the fridge for up to 4 days. The whipped cream will soften a little, but the cake remains moist and sliceable.
- Serve cold: straight from the refrigerator. Reheating is not recommended as it can cause the milks to separate.
What To Serve With Coconut Tres Leches Cake
Fresh mango slices or a quick mango compote bring a bright, juicy sweetness that cuts through the richness of the milks. Strong iced coffee or a dark espresso are good counterpoints, with the bitterness balancing the dessert’s creamy sweetness. A small drizzle of passion fruit curd adds a punch of acidity if you want tangy contrast.
Frequently Asked Questions
Can I use a box cake mix instead of the sponge?
Yes, a white or yellow cake mix baked according to package directions for a 9×13 pan works in a pinch. Keep in mind the crumb will be less airy and may soak up the milks a little more slowly.
Can I make this cake dairy-free?
With substitutions, yes. Use a full-fat coconut condensed milk and replace the evaporated milk with an extra 12 ounces of full-fat coconut milk. Whip chilled coconut cream instead of heavy cream for the topping.
Why did my cake turn out too soggy?
This usually happens when the sponge is underbaked or the holes are too large. A properly baked cake can absorb all the milk mixture fully, while giant holes let it pool and cause mushy spots.
How far ahead can I assemble this cake?
You can make the cake and soak it up to 2 days in advance. Hold off on adding the whipped cream and toasted coconut until a few hours before serving so they stay fresh and crunchy.
Coconut Tres Leches Cake Recipe
Ingredients
Method
- Preheat the oven to 350°F (180°C) and butter a 9×13-inch baking dish. Whisk the flour, baking powder, and salt.
- Beat the egg whites to soft peaks, gradually add ¼ cup sugar, and beat to stiff peaks. Set aside.
- Beat the egg yolks and ¾ cup sugar until thick and pale. Mix in the milk and vanilla. Fold in the flour mixture, then fold in the egg whites in two additions.
- Spread the batter in the dish and bake for 25 to 30 minutes until golden and a toothpick comes out clean. Cool 10 minutes, then poke holes all over the warm cake with a skewer.
- Whisk together the evaporated milk, sweetened condensed milk, and coconut milk. Pour evenly over the cake. Cover and refrigerate at least 4 hours or overnight.
- Whip the heavy cream, confectioners’ sugar, and coconut extract to soft peaks. Spread over the cold cake and top with toasted coconut. Slice and serve cold.
