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, powdered sugar, and vanilla until stiff peaks. Smooth over the top of the cake. Sprinkle toasted coconut flakes on top.
    1 pint heavy whipping cream, 3 Tablespoons powdered sugar, ½ teaspoon vanilla extract

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.

2 1 vote
Recipe Rating
4.50 from 2 votes
Subscribe
Notify of
guest

8 Comments
Inline Feedbacks
View all comments
Brooke
7 days ago

4 stars
This recipe was a hit! However, the cake did not absorb the milk very well in spite of having poked holes everywhere with a fork. Regardless, people still loved it. The recipe said to not grease the pan, probably because the liquid would’ve helped with that, however, since mine didn’t absorb through I’m wishing I had greased it!

Brooke
7 days ago

I’m a little confused with the instructions. Under the ingredients for whipping cream it just says 3T powdered sugar, but then step 9 says there’s one cup of granulated sugar as well. That doesn’t seem right, so I just wanted some clarification. Thanks!

Admin
6 days ago
Reply to  Brooke

Great catch—and you’re totally right to ask! The whipped topping should just have the 3 Tbsp powdered sugar (not an extra cup of granulated). That cup of sugar is already split between the egg yolks and whites for the cake batter. I’ll fix that in the instructions, thanks for spotting it! 🥥💛

Ulrika
12 days ago

Van You make this gluten free? Looks soo tasty😍

Admin
11 days ago
Reply to  Ulrika

Yes! 🙌 Just swap the all-purpose flour for a good 1:1 gluten-free baking flour blend (like Bob’s Red Mill or King Arthur). Everything else stays the same.

Indi
18 days ago

Anyway to make this a dairy free cake with coconut/ some kind of dairy free condensed milk, and almond or oat milk!

Admin
18 days ago
Reply to  Indi

Yes! Use a dairy-free milk like oat or almond in the cake and milk mix, sub sweetened condensed coconut milk, and top with whipped coconut cream or Cocowhip. Still dreamy.

Jazz Thrower
18 days ago

5 stars
Deliciousness