The BEST Coconut Tres Leches Cake

The BEST Coconut Tres Leches Cake is a medium Mexican recipe that serves 12. 350 calories per serving. Recipe by Preppy Kitchen on YouTube.

Prep: 45 min | Cook: 37 min | Total: 1 hr 37 min

Cost: $15.77 total, $1.31 per serving

Ingredients

  • 360 grams All-Purpose Flour (sifted)
  • 1.5 teaspoons Baking Powder
  • 1 teaspoon Baking Soda
  • 0.5 teaspoon Salt (fine sea salt)
  • 4 pieces Large Eggs (room temperature)
  • 300 grams Granulated Sugar
  • 240 milliliters Coconut Milk (full‑fat, shake before measuring)
  • 240 milliliters Vegetable Oil (neutral oil such as canola or grapeseed)
  • 2 teaspoons Vanilla Extract (optional, can substitute rum)
  • 2 cans Sweetened Condensed Coconut Milk (melted in microwave before using)
  • 2.25 cups Full-Fat Coconut Milk
  • 1.5 cups Heavy Cream (cold for whipping)
  • 0.5 teaspoon Vanilla Extract (optional for the syrup)
  • 2 tablespoons Dark Rum (optional, adds depth to the syrup)
  • 2 cups Heavy Cream (cold for whipped topping)
  • 0.25 cup Powdered Sugar
  • 0.5 cup Shredded Sweetened Coconut (toasted for garnish)

Instructions

  1. Preheat Oven

    Set the oven to 350°F (177°C) and let it preheat while you prepare the batter.

    Time: PT5M

    Temperature: 350°F

  2. Combine Dry Ingredients

    Measure 360 g (3 cups) all‑purpose flour, 1½ tsp baking powder, 1 tsp baking soda, and ½ tsp salt. Whisk together until evenly distributed.

    Time: PT7M

  3. Beat Eggs and Sugar

    In the stand‑mixer's bowl, add 4 large room‑temperature eggs and 300 g (1½ cups) granulated sugar. Beat on medium speed for about 1 minute until the mixture looks light and fluffy.

    Time: PT3M

  4. Add Wet Flavors

    Add 240 ml (1 cup) full‑fat coconut milk, 240 ml (1 cup) neutral vegetable oil, and 2 tsp vanilla extract to the egg‑sugar mixture. Mix on low until just combined.

    Time: PT2M

  5. Incorporate Dry Ingredients

    With the mixer on low, gradually add the dry‑ingredient mixture to the wet mixture, scraping the sides as needed. Stop mixing as soon as the batter is uniform.

    Time: PT3M

  6. Prepare Pan and Transfer Batter

    Lightly spray or butter a 9×13‑inch baking dish. Pour the batter into the pan, smoothing the top with a spatula.

    Time: PT2M

  7. Bake the Sponge

    Place the pan in the preheated oven and bake for 30–35 minutes, or until the cake is puffed, golden, and a skewer inserted in the center comes out clean.

    Time: PT35M

    Temperature: 350°F

  8. Prepare the Coconut Tres Leches Syrup

    While the cake bakes, melt 2 cans of sweetened condensed coconut milk in the microwave (about 2 minutes). In a large bowl whisk the melted milk with 2¼ cups full‑fat coconut milk, 1½ cups heavy cream, ½ tsp vanilla, and 2 Tbsp dark rum (optional).

    Time: PT7M

  9. Cool the Cake Slightly

    Remove the baked cake from the oven and let it sit in the pan for about 25 minutes, until it is warm to the touch but not hot.

    Time: PT25M

  10. Poke the Cake

    Using wooden skewers or a fork, poke holes evenly across the surface of the cake.

    Time: PT2M

  11. Soak with Tres Leches Syrup

    Slowly pour the prepared coconut tres leches mixture over the cake, allowing it to soak in from the edges to the center.

    Time: PT3M

  12. Chill to Absorb

    Cover the cake and refrigerate for at least 30 minutes (or up to several hours) so the sponge fully absorbs the syrup.

    Time: PT30M

  13. Whip the Cream Topping

    In a chilled bowl, combine 2 cups cold heavy cream with ¼ cup powdered sugar. Whisk on low then increase to high until stiff peaks form, about 5 minutes.

    Time: PT5M

  14. Spread Whipped Cream

    Evenly spread the whipped cream over the chilled, syrup‑soaked cake.

    Time: PT2M

  15. Toast Coconut Garnish (Optional)

    Spread shredded sweetened coconut on a baking sheet and toast in the 350°F oven for about 5 minutes, stirring once, until golden.

    Time: PT5M

    Temperature: 350°F

  16. Serve

    Sprinkle toasted coconut over the whipped cream, slice, and enjoy. Store leftovers as described below.

    Time: PT2M

Nutrition Facts

Calories
350
Protein
4 g
Carbohydrates
45 g
Fat
18 g
Fiber
1 g

Dietary info: Vegetarian, Contains gluten, Contains dairy, Contains coconut

Allergens: Eggs, Dairy (milk, cream), Coconut, Gluten

Last updated: April 1, 2026

Amazon Associates

Amazon Associates PartnerTrusted

As an Amazon Associate, we earn from qualifying purchases made through links on this page. This helps support our site at no extra cost to you. Clicking on ingredient or equipment links will take you to amazon.com where you can purchase these items.

The BEST Coconut Tres Leches Cake

Recipe by Preppy Kitchen

A light, fluffy Mexican-style tres leches cake infused with coconut milk and topped with sweet whipped cream. The cake is baked, then soaked in a rich coconut‑condensed milk syrup for a moist, melt‑in‑your‑mouth texture.

MediumMexicanServes 12

Shop all ingredients on Amazon in one click • Printable PDF with shopping checklist

Source Video
1h 11m
Prep
1h 7m
Cook
17m
Cleanup
2h 35m
Total

Cost Breakdown

$15.77
Total cost
$1.31
Per serving

Critical Success Points

  • Preheat Oven
  • Bake the Sponge
  • Prepare the Coconut Tres Leches Syrup
  • Soak with Tres Leches Syrup
  • Whip the Cream Topping

Safety Warnings

  • Handle the hot oven and hot baking pan with oven mitts.
  • The melted condensed coconut milk will be very hot; stir carefully.
  • Skewers are sharp—keep fingers clear while poking the cake.

Frequently Asked Questions

Everything you need to know about this recipe

Q

What is the cultural significance and history of Creamy Coconut Tres Leches Cake in Mexican cuisine?

A

Tres leches cake originated in Latin America, with Mexico popularizing the version soaked in three milks. The coconut variation adds a tropical twist that reflects Mexico’s coastal regions where coconut is abundant, creating a richer, creamier dessert often served at celebrations.

cultural
Q

What are the traditional regional variations of Tres Leches Cake in Mexican cuisine?

A

Traditional Mexican tres leches uses whole milk, evaporated milk, and sweetened condensed milk. Coastal regions add coconut milk or use coconut‑condensed milk for a tropical flavor, while some areas incorporate rum or cinnamon for extra depth.

cultural
Q

How is Creamy Coconut Tres Leches Cake traditionally served in Mexico?

A

It is typically served chilled, sliced into generous squares, and topped with a light whipped cream. Garnishes such as toasted coconut, cinnamon, or fresh fruit are common, especially during birthdays and holidays.

cultural
Q

What occasions or celebrations is Creamy Coconut Tres Leches Cake traditionally associated with in Mexican culture?

A

Tres leches cake is a staple at birthdays, quinceañeras, weddings, and Día de los Muertos gatherings. The coconut version is especially popular in beach towns and during summer festivals.

cultural
Q

How does Creamy Coconut Tres Leches Cake fit into the broader Mexican dessert tradition?

A

It exemplifies the Mexican love for milky, sweet desserts that balance richness with light texture. The cake’s soaked sponge mirrors other Mexican sweets like flan and arroz con leche, emphasizing dairy‑based indulgence.

cultural
Q

What are the authentic traditional ingredients for Creamy Coconut Tres Leches Cake versus acceptable substitutes?

A

Authentic ingredients include whole milk, evaporated milk, sweetened condensed milk, and for the coconut version, full‑fat coconut milk and sweetened condensed coconut milk. Substitutes can be regular sweetened condensed milk, coconut cream diluted with water, or a plant‑based milk blend for dairy‑free versions.

cultural
Q

What other Mexican dishes pair well with Creamy Coconut Tres Leches Cake?

A

Serve it alongside fresh tropical fruit like mango or pineapple, a scoop of vanilla ice cream, or a cup of Mexican café de olla for a complementary coffee flavor.

cultural
Q

What makes Creamy Coconut Tres Leches Cake special or unique in Mexican cuisine?

A

The addition of coconut milk and coconut‑condensed milk creates a richer, slightly nutty flavor profile that sets it apart from the classic milk‑only version, while still preserving the signature airy, soaked texture.

cultural
Q

What are the most common mistakes to avoid when making Creamy Coconut Tres Leches Cake?

A

Common errors include over‑mixing the batter, using a cake that is too hot when adding the syrup, and over‑whipping the cream. Each of these can lead to a dense cake, uneven soaking, or a butter‑like topping.

technical
Q

Why does this Creamy Coconut Tres Leches Cake recipe use both coconut milk and sweetened condensed coconut milk instead of regular milk?

A

Coconut milk provides a natural, creamy base, while sweetened condensed coconut milk adds sweetness and thickness without needing additional sugar or vanilla extract. This combination yields a richer, more cohesive syrup that penetrates the sponge evenly.

technical
Q

Can I make Creamy Coconut Tres Leches Cake ahead of time and how should I store it?

A

Yes. Bake the sponge a day ahead, keep it wrapped, then add the coconut tres leches syrup and refrigerate. Store the assembled cake, covered, for up to 4 days; keep the whipped cream topping separate if you prefer a firmer texture.

technical
Q

What does the YouTube channel Preppy Kitchen specialize in?

A

The YouTube channel Preppy Kitchen focuses on approachable, home‑cooked recipes with a playful twist, often featuring Latin‑American flavors and detailed step‑by‑step tutorials for everyday cooks.

channel
Q

How does the YouTube channel Preppy Kitchen's approach to Mexican cooking differ from other Mexican cooking channels?

A

Preppy Kitchen blends classic Mexican dishes with modern ingredients like coconut milk and offers clear, humorous commentary, making traditional recipes feel fresh and accessible, whereas many other channels stick strictly to heritage techniques.

channel

You Might Also Like

Similar recipes converted from YouTube cooking videos

Tom Cruise Coconut Cake with Caramelized White Chocolate and Toasted Coconut Frosting
27

Tom Cruise Coconut Cake with Caramelized White Chocolate and Toasted Coconut Frosting

A rich, moist, and fluffy coconut cake inspired by the famous Tom Cruise coconut cake from Don's Bakery in LA. This recipe features brown butter, caramelized white chocolate, coconut cream, and a spiced rum-infused cream cheese frosting, finished with toasted shredded coconut for a deeply coconutty and flavorful dessert.

6 hrs 30 minServes 12$31
American
Tom Cruise Coconut Cake with Caramelised White Chocolate and Toasted Coconut Frosting
29

Tom Cruise Coconut Cake with Caramelised White Chocolate and Toasted Coconut Frosting

An indulgent, tender, airy coconut cake paying homage to the iconic Tom Cruise coconut cake from Don’s Bakery in Los Angeles. The batter is enriched with browned butter, caramel‑touched white chocolate, and coconut cream, while the frosting blends cream cheese with spiced rum. A crown of toasted shredded coconut adds an intense coconut flavor and a crunchy finish.

6 hrs 30 minServes 12$31
American
Fluffy Mango Cake with Crunchy Coconut
14

Fluffy Mango Cake with Crunchy Coconut

A soft and moist cake scented with mango and orange, fresh mango pieces inside and a crunchy topping of sugar, lemon and toasted coconut. Easy to make, ready in under 2 hours and foolproof.

1 hr 48 minServes 8$9
Brazilian
Coconut Mango Rice Cake (Sticky Rice Cake with Coconut Sauce)
21

Coconut Mango Rice Cake (Sticky Rice Cake with Coconut Sauce)

A quick and easy Korean‑fusion dessert that combines soft rice cake (tteok) simmered in a sweet coconut sauce, topped with thinly sliced ripe mango and toasted sesame seeds. Inspired by the spicy Korean tteokbokki and sticky rice mango treats, this dish is perfect for a summer sweet bite.

40 minServes 3$12
Korean Fusion
Coconut Layer Cake with German Buttercream
73

Coconut Layer Cake with German Buttercream

A light, buttery 8‑inch three‑layer coconut cake filled and frosted with a silky German buttercream, then coated in toasted coconut flakes. The cake uses full‑fat coconut milk, virgin coconut oil, and plenty of butter for a rich flavor without artificial extracts.

2 hrs 10 minServes 12$13
American
Hazelnut Whipped‑Cream Tres Leches Cake
35

Hazelnut Whipped‑Cream Tres Leches Cake

A rich, dairy‑laden twist on the classic Mexican tres leches cake. A light sponge is lifted with whipped cream, soaked in a mixture of heavy cream, whole milk and sweetened condensed milk, and finished with toasted hazelnuts and a hint of cinnamon.

1 hr 35 minServes 18$13
Mexican
Vietnamese Pandan Coconut Bundt Cake (Alien Green Cake)
16

Vietnamese Pandan Coconut Bundt Cake (Alien Green Cake)

A vibrant green Vietnamese cake known as Bánh Bông (cow cake) with a chewy, mochi‑like texture and a honeycomb interior. Flavored with coconut and pandan extract, baked in a bundt pan for a stunning presentation.

1 hr 40 minServes 8$6
Vietnamese
Easy Coconut Cake Recipe
52

Easy Coconut Cake Recipe

A fluffy, tender coconut cake layered with a rich cream cheese frosting and coated in sweetened shredded coconut. The cake is moist thanks to a blend of butter, oil, and full‑fat coconut milk, and the frosting adds a tangy sweetness that perfectly balances the tropical flavor.

1 hr 53 minServes 12$30
American