Go Back
A slice of the tres leches cake on a white plate with toasted coconut on top.
Print

Coconut Tres Leches Cake

This Coconut Tres Leches Cakes starts with a coconut sponge cake (from a cake mix!) that is soaked in three different types of milk; sweetened condensed milk, evaporated milk, and creamy coconut milk. The coconut cake then gets topped off with freshly whipped cream and toasted coconut flakes. If you love coconut - then this tropical twist to a traditional tres leches cake is a must-bake!
Course Cake, Dessert
Cuisine American
Keyword coconut tres leches cake
Prep Time 30 minutes
Cook Time 30 minutes
Chill Time 6 hours
Total Time 7 hours
Servings 12
Author Jessica - Together as Family

Ingredients

Vanilla Coconut Cake

  • 1 box (15.25 oz) vanilla cake mix
  • 4 large eggs
  • 1 cup full-fat canned coconut milk (shake the can well before measuring)
  • 1/3 cup vegetable oil
  • 2 teaspoons coconut extract
  • 1 teaspoon vanilla extract

Coconut Tres Leches Soak

  • 1 can (14 oz) sweetened condensed milk
  • 3/4 cup evaporated milk
  • 3/4 cup full-fat canned coconut milk

Toasted Coconut Whipped Cream

  • 2 cups heavy whipping cream
  • 1/4 cup powdered sugar
  • 1 teaspoon vanilla extract
  • 1 cup toasted coconut flakes (optional, see notes)

Instructions

  • Preheat the oven to 350℉. Prepare a 9x13-inch cake pan or baking dish and spray with nonstick cooking spray, or line with parchment paper. Set aside. 

Make The Vanilla Coconut Cake

  • In a large bowl, add the vanilla cake mix, large eggs, canned coconut milk, vegetable oil, coconut extract, and vanilla extract. Beat with a hand mixer or stand mixer (with the paddle attachment) on medium speed for 2 minutes, or until the cake batter is well combined and smooth. 
    1 box (15.25 oz) vanilla cake mix, 4 large eggs, 1 cup full-fat canned coconut milk, 1/3 cup vegetable oil, 2 teaspoons coconut extract, 1 teaspoon vanilla extract
  • Pour the cake batter into the prepared pan and smooth out the top with a spatula. Bake for 20-30 minutes, or until a toothpick or cake tester inserted in the center comes out clean. 
  • Remove the cake from the oven and allow it to cool for 20 minutes before you poke holes into the cake. 
  • Once it has cooled slightly, use a wooden skewer, a fork, or the end of the handle of a wooden spoon to carefully poke lots of holes all over the cake.
    Allow the cake to cool completely to room temperature before proceeding. A warm cake absorbs the milk mixture too quickly and can make it collapse or become mushy, so be sure to let it cool completely for best results. 

Coconut Tres Leches Soak

  • In a small bowl, whisk together the sweetened condensed milk, evaporated milk, and canned coconut milk until fully blended.
    1 can (14 oz) sweetened condensed milk, 3/4 cup evaporated milk, 3/4 cup full-fat canned coconut milk
  • Slowly pour the milk mixture over the entire cake, making sure it soaks into the holes. Pour just a bit of the milk mixture at a time, letting it absorb before adding more. If it starts to pool and not soak in, stop and let the cake rest a bit before continuing. 
  • Cover the cake with a lid or plastic wrap, and refrigerate for at least 6 hours, or overnight is preferred. The longer it sits in the fridge, the better the soak settles in and sets the texture of the cake. 

Toasted Coconut Whipped Cream

  • Once you are ready to serve the cake, prepare the homemade whipped cream. Using a mixing bowl with a hand mixer, or use the bowl of a stand mixer with the whisk attachment, beat the heavy whipping cream, powdered sugar, and vanilla extract together until stiff peaks form.
    *This takes about 3-4 minutes. Start at low speed to avoid splashing and increase the speed, as needed, to high speed. 
    2 cups heavy whipping cream, 1/4 cup powdered sugar, 1 teaspoon vanilla extract
  • Use an offset spatula or rubber spatula to evenly spread the whipped cream on top of the chilled cake. Sprinkle the toasted coconut over top (optional, if using). Slice the cake and serve cold. Enjoy!
    1 cup toasted coconut flakes

Notes

Toasted Coconut : My family prefers this cake without the toasted coconut (it's a texture issue with the coconut flakes) but it's really good with it. Here is how to toast coconut : Preheat the oven to 325 degrees F. Spread the 1 cup of shredded coconut onto a parchment-lined baking sheet. Toast for 6-8 minutes, stirring once or twice in the oven, until the coconut shreds are lightly golden brown. Watch closely so it does not burn. Be sure to allow the toasted coconut to cool completely before adding it on top of the cake. 
Use Full-Fat Products : For best results, use full-fat canned coconut milk (not lite), full-fat sweetened condensed milk, and the vitamin D evaporated milk (which is the full-fat version). 
Important Tip : After poking the holes, allow the cake to cool completely, at room temperature, before adding the milk soak into the cake. If the milk soak is added while the cake is slightly warm then it won't absorb the milks fully and you could end up with a mushy texture. 
Use A Wooden Skewer : I prefer using a wooden skewer for tres leches cakes because then the milk soak is more evenly distributed among the entire cake. And it makes for cleaner slices of cake when serving because there are not big gaps or holes of the milk soak.