This Coconut Tres Leches Cake is a tropical twist on the classic, made with a light coconut sponge cake soaked in a rich blend of milks, topped with fluffy whipped cream and toasted coconut.

The best Coconut Tres Leches Cake has a fluffy sponge cake with a coconut milk twist and topped with whipped cream and coconut flakes. It's the perfect light dessert!

I'm in love with this Coconut Tres Leches Cake

The fluffy cake soaks up all that rich coconut milk goodness, making every bite ridiculously moist and flavorful. The coconut cake tres leches twist was inspired from our classic Tres Leches Cake that's been a huge hit for years (it has thousands of 5 star reviews!). and now this coconut flavor variation is my new favorite–plus it's super easy to throw together, and you can make it ahead of time.

Make sure to try my other cake recipes like this Coconut Cake with Pineapple Filling, Zucchini Cake with Cream Cheese Frosting, Meringue Roulade, and Cinnamon Roll Cake.

How to make Coconut Tres Leches Cake:

Make Batter: Preheat oven to 350°F. In one bowl, mix flour, baking powder, and salt. In a second bowl, beat egg yolks with ¾ cup sugar until pale, then stir in ⅓ cup milk and coconut extract. Combine with the dry ingredients. In a third bowl, beat egg whites until stiff peaks form, gradually adding the remaining ¼ cup sugar. Gently fold egg whites into the batter.

Bake: Pour batter into an un-greased pan and smooth the top. Bake for 25–35 minutes, or until a toothpick inserted in the center comes out clean. Let the cake cool completely.

Add Three Milks and Topping: Whisk together coconut milk, sweetened condensed milk, whole milk, and coconut extract. Poke holes all over the cooled cake and slowly pour milk mixture over the top. Refrigerate for several hours or overnight. Before serving, whip heavy cream with sugar and vanilla until stiff peaks form. Spread over cake and top with toasted coconut flakes before serving the best Coconut Tres Leches Cake.

This easy Coconut Tres Leches Cake is so simple to make from scratch at home. Bake a fluffy sponge cake, pour the three milk mixture on, and frost with fluffy whipped cream. It's the best Summer dessert with a tropical twist.

Follow me for more great recipes

Recipe

The best Coconut Tres Leches Cake has a fluffy sponge cake with a coconut milk twist and topped with whipped cream and coconut flakes. It's the perfect light dessert!
Prep 1 hour 30 minutes
Cook 40 minutes
Total 2 hours 10 minutes
Save Recipe

Ingredients
  

Cake:

Milk Mixture:

Whipped Topping:

Instructions
 

  • Preheat oven to 350 degrees F.
  • Combine Dry Ingredients: In a medium bowl, combine flour, baking powder, and salt.
    1 cup all-purpose flour, 1 ½ teaspoons baking powder, ¼ teaspoon kosher salt
  • Separate Eggs into two other mixing bowls. Add ¾ cup sugar to the egg yolks and mix on high speed until yolks are pale yellow. Add ⅓ cup milk and coconut extract then stir to combine.
    5 large eggs, ⅓ cup whole milk, 1 teaspoon coconut extract
  • Combine: Pour egg yolk mixture over flour mixture and stir gently just until combined (don't over-mix).
  • Beat Egg Whites: Use electric beaters to beat the egg whites on high speed. As they begin to whip into stiff peaks, gradually mix in the remaining ¼ cup of sugar. Gently fold the stiffly beaten egg whites into the batter.
  • Bake: Pour batter into un-greased pan and smooth it into an even layer. Bake for 25 to 35 minutes, or until a toothpick inserted in the center of the cake comes out clean. Remove from the oven and allow cake to cool completely.
  • Add Three Milks: Combine the coconut milk, sweetened condensed milk, whole milk and coconut extract in a small bowl. Once the cake has cooled, use a fork to poke holes all over the top of the cake. Slowly pour the milk mixture evenly all over the top.
    13 oz canned unsweetened coconut milk, 14 ounce can sweetened condensed milk, ¼ cup whole milk, ½ teaspoon coconut extract
  • Refrigerate cake for a few hours, or overnight, to allow it to soak up the milk.
  • Whipped Cream Topping: In the meantime, whip the heavy cream, sugar, powdered sugar, and vanilla until stiff peaks. Smooth over the top of the cake. Sprinkle toasted coconut flakes on top.
    1 cup granulated sugar, 1 pint heavy whipping cream, ½ teaspoon vanilla extract, 3 Tablespoons powdered sugar

Notes

Storing Instructions: Store Tres Leches Cake in the fridge, covered, for 3-5 days.
Make Ahead Instructions: Tres leches cake tastes great made 1-2 days in advance. I usually make it the night before.
Freezing Instructions: The baked and cooled cake can be frozen for up to 3 months, covered well. Thaw overnight in the fridge before pouring the three milks on top.
Recipe adapted from our Tres Leches Cake.

Nutrition

Calories: 374kcalCarbohydrates: 49gProtein: 8gFat: 17gSaturated Fat: 12gPolyunsaturated Fat: 1gMonounsaturated Fat: 3gTrans Fat: 0.01gCholesterol: 95mgSodium: 203mgPotassium: 311mgFiber: 1gSugar: 40gVitamin A: 346IUVitamin C: 2mgCalcium: 197mgIron: 1mg

Follow Me

Get recipe ideas weekly!

This post contains affiliate links.

Related Posts

Share Recipe

About The Author

Lauren Allen

Welcome! I’m Lauren, a mom of four and lover of good food. Here you’ll find easy recipes and weeknight meal ideas made with real ingredients, with step-by-step photos and videos.

0 0 votes
Recipe Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments