• Home
  • About
  • Recipe Index

Cookie Madness

menu icon
go to homepage
  • Home
  • About
  • Recipe Index
subscribe
search icon
Homepage link
  • Home
  • About
  • Recipe Index
×
Home » All-Time Favorites

Coconut Tres Leches Cake with Mexican Vanilla

Modified: Nov 13, 2025 · Published: Apr 30, 2013 by Anna · This post may contain affiliate links · 6 Comments

Jump to Recipe

Coconut Tres Leches Cake is based on a recipe from Taste of Home, where it was submitted by someone who found it in an old cookbook. The reader said it was popular with her family. Since then it's become a favorite of our family too!

Coconut Tres Leches Cake

Two Milks Poured Over, One Milk In Batter

Like most Tres Leches Cakes, this one has three milks -- two kinds of milk are poured over the top and a third goes in the batter. In addition to the milks, the batter has some butter in it. Not all Tres Leches recipes call for butter in the crumb of the cake, but the butter must help because this is one of the best Tres Leches cakes I've ever made.

No Egg Yolk Tres Leches

Another interesting thing about this cake is that it does not call for egg yolks, just 6 egg whites. This makes it perfect for using up egg whites which you may have stashed in the freezer or refrigerator. Or maybe you are planning on making the 7 egg yolk challah recipe. Whatever the case, you'll only need egg whites.

Pan Size 9x13 or 8 Inch Square

Below is the recipe for the full 9x13 inch Coconut Tres Leches Cake, but if you want to make a half batch square cake, an 8 inch pan works perfectly. For the family, I sometimes use an 8 inch square Pyrex.

Mexican Vanilla

Finally, if you want to buy yourself a Cinco de Mayo present, my suggestion is a bottle of Mexican vanilla. I just bought some Danncy, which is very strong. It seems a lot of people like it based on reviews, but I think my personal favorite is still La Vencedora. Update: I've switched to Nielsen Massey Mexican vanilla.

Coconut Milk

I posted this years ago before there were so many different brands of good quality coconut milk. As of 2025, my top favorite brand is Native Forest. Second favorite would be Trader Joe's.

  • Tres Leches Madness
  • Small Coconut Tres Leches Cake
  • Cake Mix Tres Leches Cake
  • Tres Leches Bread Pudding
  • Tres Leches Cake

Recipe

Coconut Tresh Leches Cake

Coconut Tres Leches Cake

Anna
Coconut cake made with coconut milk and condensed milk.
Print Recipe Pin Recipe
Prep Time 20 minutes mins
Cook Time 40 minutes mins
Cooling Time 1 hour hr
Total Time 1 hour hr
Course Dessert
Cuisine Mexican
Servings 16 slices

Ingredients
 

  • 2 ¼ cups cake flour (250 grams) **
  • 2 ½ teaspoons baking powder
  • 1 teaspoon salt
  • 1 cup coconut milk, good quality
  • ½ cup milk
  • 2 teaspoons Mexican vanilla extract
  • 12 tablespoons unsalted butter, softened (170 grams)
  • 1 ⅓ cups granulated sugar (260 grams)
  • 6 large egg whites at room temperature

Syrup

  • 14 oz condensed milk
  • 14 oz good coconut milk

Whipped Cream Topping

  • 2 cups heavy whipping cream
  • ¼ cup confectioners sugar
  • 1 teaspoon Mexican vanilla extract
  • ⅓ cup toasted flaked sweetened coconut

Instructions
 

  • Preheat the oven to 350 degrees F. Grease a 9x13 inch baking pan.
  • Whisk together the cake flour, baking powder and salt. Set aside.
  • Combine the coconut milk, regular milk and vanilla in a liquid measuring cup. Set aside.
  • With the electric mixer, preferably a stand mixer with paddle, beat the butter and sugar until light and fluffy.
  • With the mixer on low (or by hand and using a big spoon or scraper), add the flour mixture and the milk mixture to the creamed mixture alternately. Stir until blended.
  • If using a stand mixer, switch to a new bowl and attach the whisk attachment, otherwise do this in a separate bowl with a handheld mixer. Beat the egg whites until fluffy, then fold the egg whites into the batter.
  • Pour into the pan and bake on center rack for 35 to 40 minutes (may take up to 45). Place on a wire rack and let cool.
  • Meanwhile, poke holes in the warm cake with a skewer spacing about ½ inch apart. Combine the condensed milk and coconut milk and pour over the cake, very gradually, allowing mixture to drip down into the holes. When cool, cover and chill the cake for at least two hours.
  • Make the topping. In a large bowl, beat the cream until thick. Add the sugar and beat until stiff peaks start to form. Beat in the vanilla. Spread or pipe over the cake and sprinkle with toasted coconut. Serve directly from the pan.

Notes

You can use all-purpose, just weigh out 250 grams, which is about 2 very lightly spooned cups.
Keyword Tres Leches Cake
Tried this recipe?Let us know how it was!

More All-Time Favorites

  • Chewy Vegan Oatmeal Cookies
    Chewy Vegan Oatmeal Cookies
  • Momofuku Milk Bar Compost Cookies Copycat Recipe
    Compost Cookies
  • Martha Stewart Fired Me Chocolate Chip Cookie recipe by Sarah Gormley, author of The Order of Things.
    Martha Stewart Fired Me Cookies
  • Milk Powder Chocolate Chip Cookies
    Milk Bar Chocolate Chip Cookies

Comments

    Leave a Reply

    Your email address will not be published. Required fields are marked *






  1. Bella says

    May 01, 2013 at 5:08 pm

    Thank you, Anna! 🙂

  2. Anna says

    May 01, 2013 at 4:30 pm

    Bella, the one from the Thai place should be fine. Normally, I use the Thai kind, too. And no, it's not sweet. However, since you're lucky enough to have a Thai supermarket nearby, make sure it's not actually coconut cream, which is thicker. Then again, coconut cream MIGHT actually work. Cream of Coconut would probably make the cake way too sweet. Look for coconut milk and you'll be fine.

  3. Bella says

    May 01, 2013 at 4:23 pm

    Hi Anna, thank you for the explanation. I am grateful. Cooking can be so confusing! hee hee! One last question--is the coconut milk that you mention used in Asian cooking not sweet? There is a Thai supermarket in the neighborhood that sells a type of coconut milk but it is not sweet. Could this be the one the recipe calls for? Thank you for your assistance! 🙂

  4. Anna says

    May 01, 2013 at 4:20 pm

    Hi Bella,
    Goya is not the same as Coco Lopez. Coco Lopez is Cream of Coconut, while coconut milk is usually found in the Asian or Mexican section of the store. It's not as thick nor is it as sweet as Coco Lopez. Taste of Thai and Thai Kitchen also make coconut milk. To make it even more confusing, there is something called coconut cream which is usually found in Asian stores and is thicker than coconut milk. I've never used it. So to sum it up, you have a) Cream of Coconut (thick, sweet and found with the alcohol mixers), b) Coconut milk (canned, not as thick, used in Asian and South American cooking and c) Coconut Cream (like coconut milk but thicker and harder to find).

  5. Bella says

    May 01, 2013 at 2:59 pm

    Hi Anna,
    This looks delicious! I have a question though--is the Goya coconut milk the sweet one called "Coco Lopez"? This is the only coconut milk I know of and wanted to check with you before making the recipe. Thanks!

  6. Jen says

    April 30, 2013 at 12:20 pm

    I love that you posted this because I've never made a Tres Leches Cake but need to make one on Saturday. As I typically do, I'm driving myself crazy trying to pick the best one to try first. This looks promising.

Peanut Butter Fudge Jumbles recipe baked in a 9-inch square Pampered Chef stoneware pan.

Hello!

I'm Anna, and welcome to Cookie Madness. To learn more about me, check the About page.

About

Footer

About

Privacy

Contact

    Cookie Madness is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.

    © All rights reserved. Do not copy, distribute, or reproduce without permission.