Creamy Coconut Tres Leches Cake Recipe Easy Homemade Dessert with Toasted Coconut Flakes

Posted on

creamy coconut tres leches cake - featured image

“You *have* to try this cake,” my neighbor said, sliding a plate across the fence one lazy afternoon. The sun was dipping, and honestly, I wasn’t expecting much—a slice of cake, sure, but nothing that would turn my usual dessert routine upside down. Yet, that first bite of this creamy coconut tres leches cake with toasted coconut flakes pulled me right in. The cake was moist, almost melting on my tongue, with a delicate coconut aroma that wasn’t overpowering but just right. I remember thinking, “Okay, maybe I’m a bit skeptical about all this ‘tres leches’ hype.”

That night, curiosity got the better of me, so I asked for the recipe. Turns out, the magic is in how the three milks are combined with creamy coconut milk, and the toasted coconut flakes on top add this irresistible crunch and a nutty punch. I couldn’t stop making it after that—my kitchen smelled like a tropical bakery every other evening for a solid week. This cake isn’t just dessert; it’s a little moment of calm and indulgence that cuts through a hectic day.

There’s something quietly satisfying about a recipe that feels like a secret handshake among friends. It’s not flashy, but it’s the one you keep coming back to, the one that makes you pause and savor that first forkful. That’s why this creamy coconut tres leches cake with toasted coconut flakes stuck with me—and why I’m sharing it with you.

Why You’ll Love This Recipe

This creamy coconut tres leches cake recipe isn’t your run-of-the-mill dessert. After testing and tweaking it multiple times, here’s what makes it stand out and why I keep coming back to it:

  • Quick & Easy: The whole process takes about an hour from start to finish, perfect for those nights when you want something sweet but don’t want to fuss for hours.
  • Simple Ingredients: No need for exotic grocery runs—most of these ingredients are pantry staples or easy to find at any supermarket.
  • Perfect for Gatherings: Whether it’s a casual weekend get-together or a special holiday meal, this cake brings a touch of tropical charm that’s bound to impress.
  • Crowd-Pleaser: Kids, adults, coconut lovers, and skeptics alike have all given this dessert rave reviews—something about its moist texture and subtle sweetness wins everyone over.
  • Unbelievably Delicious: The way the cake soaks up the three milks, including rich coconut milk, gives it this luscious, creamy texture that melts in your mouth, while the toasted coconut flakes on top provide a delightful crunch contrast.

What really sets this coconut tres leches cake apart is the balance of flavors and textures—the gentle coconut background that’s not too sweet, paired with the toasty, slightly caramelized coconut flakes. It’s a twist that I haven’t seen in many tres leches recipes and one that’s become my signature.

Honestly, it’s the kind of dessert that makes you close your eyes after the first bite—not just because it tastes good, but because it feels like a little celebration of simple joys. If you’ve enjoyed creamy, rich desserts before (think along the lines of a million-dollar pound cake or a creamy key lime pie bar), you’ll find this cake hits that same comforting note with a tropical twist.

What Ingredients You Will Need

This creamy coconut tres leches cake comes together with straightforward, wholesome ingredients that play their part beautifully to create a moist, flavorful dessert. Nothing fancy, just good stuff you can trust.

  • For the Cake:
    • 1 cup (130g) all-purpose flour (I like King Arthur for consistent results)
    • 1 1/2 tsp baking powder
    • 1/4 tsp salt
    • 5 large eggs, separated (room temperature)
    • 1 cup (200g) granulated sugar, divided
    • 1/3 cup (80ml) whole milk
    • 1 tsp vanilla extract
  • For the Tres Leches Milk Mixture:
    • 1 cup (240ml) whole milk
    • 1 cup (240ml) canned coconut milk (full fat for richness)
    • 1 cup (240ml) sweetened condensed milk (use coconut condensed milk for extra coconut flavor)
  • For the Topping:
    • 1 1/2 cups (360ml) heavy cream, cold
    • 1/4 cup (30g) powdered sugar
    • 1 tsp vanilla extract
    • 1/2 cup (40g) toasted coconut flakes (unsweetened or lightly sweetened)

When picking coconut milk, I usually reach for brands like Thai Kitchen or Native Forest for that authentic, creamy texture. If you want to keep this dairy-free, swapping the whole milk for almond or oat milk works, but it will change the final creaminess a bit.

For the toasted coconut flakes, hitting the right golden-brown is key—you want them to bring a little crunch and a nutty aroma without burning. I prefer unsweetened flakes to keep the sweetness balanced, but if you’re a fan of extra sweetness, lightly sweetened will do fine.

Equipment Needed

  • 9×13-inch (23×33 cm) baking dish – standard glass or metal pans work great
  • Electric mixer or stand mixer – for whipping egg whites and cream to perfect peaks
  • Mixing bowls – ideally a few, for separating batter and whipping
  • Fine mesh sieve – to sift flour and baking powder together for a light crumb
  • Spatula – to gently fold ingredients and avoid deflating the batter
  • Whisk – handy for combining milk mixtures smoothly
  • Baking rack – to cool the cake evenly after baking

If you don’t have a stand mixer, an electric hand mixer will do just fine for whipping the cream and egg whites. When toasting coconut flakes, a simple non-stick skillet on medium heat works best—you can keep an eye on them and toss frequently to avoid burning.

Preparation Method

creamy coconut tres leches cake preparation steps

  1. Preheat and prep: Heat your oven to 350°F (175°C). Grease your 9×13-inch baking dish lightly with butter or non-stick spray and set aside.
  2. Sift dry ingredients: In a medium bowl, sift together 1 cup (130g) all-purpose flour, 1 1/2 teaspoons baking powder, and 1/4 teaspoon salt. Set aside for later.
  3. Separate eggs: Carefully separate the 5 large eggs into whites and yolks. Place the whites in a large clean bowl and the yolks in another.
  4. Mix yolks and sugar: Add 1/2 cup (100g) sugar to the yolks and whisk vigorously until the mixture is pale and slightly thickened, about 2-3 minutes. Stir in 1/3 cup (80ml) whole milk and 1 teaspoon vanilla extract.
  5. Combine with dry ingredients: Gently fold the sifted flour mixture into the yolk mixture until just combined—don’t overmix.
  6. Whip egg whites: With your mixer, beat the egg whites until soft peaks form. Gradually add the remaining 1/2 cup (100g) sugar, beating until stiff, glossy peaks form.
  7. Fold whites into batter: Carefully fold a third of the whipped whites into the batter to lighten it, then fold in the rest gently, preserving as much air as possible.
  8. Bake: Pour batter into prepared pan and bake for 25-30 minutes. The cake should be golden and a toothpick inserted in the center comes out clean.
  9. Cool: Let the cake cool in the pan on a wire rack for about 15 minutes.
  10. Make the tres leches milk mixture: In a bowl, whisk together 1 cup (240ml) whole milk, 1 cup (240ml) coconut milk, and 1 cup (240ml) sweetened condensed milk until smooth.
  11. Soak the cake: Using a fork, poke holes all over the cake, then slowly pour the milk mixture evenly over the cake, letting it soak in. Cover and refrigerate for at least 2 hours, preferably overnight, to get that signature moist texture.
  12. Whip topping: Just before serving, whip 1 1/2 cups (360ml) cold heavy cream with 1/4 cup (30g) powdered sugar and 1 teaspoon vanilla extract until soft peaks form.
  13. Toast coconut flakes: Heat a dry skillet over medium heat. Add 1/2 cup (40g) coconut flakes and stir frequently until golden brown and fragrant, about 3-5 minutes. Remove promptly to avoid burning.
  14. Assemble and serve: Spread the whipped cream over the soaked cake evenly, then sprinkle the toasted coconut flakes generously on top.

If the cake seems too wet after soaking, just give it a little extra time in the fridge—the flavors deepen, and the texture settles beautifully. This cake keeps well, so leftovers (if you have any!) taste even better the next day.

Cooking Tips & Techniques

Getting this creamy coconut tres leches cake just right involves a few key tricks I’ve learned along the way.

  • Whip egg whites properly: The air you whip into the egg whites is what gives the cake its lightness. Make sure your bowl is super clean and dry—any grease can stop them from whipping up right.
  • Folding technique matters: When combining the egg whites with the batter, fold gently with a spatula. This keeps the batter airy and prevents a dense cake.
  • Don’t skip the milk soak: The tres leches milk mixture is where the magic happens. Poking holes with a fork helps the liquid soak evenly. Pour slowly so it absorbs instead of pooling.
  • Chill time is key: Refrigerating the cake after soaking allows it to firm up and lets the flavors meld. If you’re short on time, 2 hours is minimum, but overnight is best.
  • Toast coconut flakes carefully: Coconut can go from golden to burnt in seconds. Keep stirring and watch closely—when you catch that nutty smell, it’s done.
  • Whip cream last minute: For the freshest topping, whip your cream just before serving. Cold cream whips better and holds shape longer.

One time, I rushed the soaking step, and the cake came out a bit dry. Lesson learned—the soaking is not just a step, it’s the heart of this recipe. Also, I’ve found that using full-fat coconut milk makes a huge difference in richness compared to light versions.

Variations & Adaptations

This recipe is flexible and open to your personal twist. Here are some ways I’ve played around with it:

  • Dairy-Free Version: Swap whole milk for almond or oat milk, and replace heavy cream with coconut cream for whipping. Use coconut condensed milk or a homemade coconut cream sweetener.
  • Flavor Boost: Add a tablespoon of rum or coconut rum to the milk soak for a subtle boozy note. It’s especially nice for adult gatherings.
  • Fruit Twist: Layer fresh mango slices or pineapple chunks between the cake and whipped cream for a tropical flavor explosion.
  • Chocolate Coconut: Mix 1/4 cup unsweetened cocoa powder into the dry ingredients for a chocolate version, and sprinkle toasted coconut on top as usual.
  • Nutty Crunch: Swap some toasted coconut flakes for chopped toasted macadamia nuts or almonds to add extra texture.

One variation I love is adding a thin layer of passionfruit curd between the soaked cake and whipped topping for a tangy surprise. It’s like a little tropical vacation on a plate.

Serving & Storage Suggestions

Serve this creamy coconut tres leches cake chilled straight from the fridge. The coolness enhances the creamy texture and balances the sweetness.

For a pretty presentation, pipe the whipped cream in soft swirls and sprinkle the toasted coconut flakes evenly. A few fresh mint leaves or edible flowers add a nice touch if you’re feeling fancy.

This cake pairs beautifully with a cup of lightly brewed coffee or a fruity iced tea, making it a perfect finish for brunch or dinner.

Store leftovers in an airtight container in the refrigerator for up to 4 days. The cake actually tastes better after a day as the flavors deepen. If you want to freeze it, wrap tightly and freeze for up to a month; thaw overnight in the fridge before serving.

Reheating isn’t really recommended here since the magic is in the chilled creamy texture, but letting slices sit at room temperature for 10-15 minutes before serving takes the chill off without losing moisture.

Nutritional Information & Benefits

This dessert is definitely a treat, but with some wholesome ingredients that bring a little nutritional value to the party.

  • Each serving (about 1/12 of the cake) provides roughly 320 calories, with a creamy blend of fats from coconut milk and heavy cream.
  • The coconut milk offers healthy medium-chain triglycerides (MCTs), which some studies suggest may support metabolism.
  • Eggs provide protein and essential nutrients like vitamin B12.
  • For those watching carbs, the sweetened condensed milk adds sugar, so this dessert is best enjoyed as an occasional indulgence.
  • This recipe can be adjusted for gluten-free diets by substituting the flour with a gluten-free blend, which I’ve tried with success.

As someone who balances real food with treats, I appreciate how this cake feels indulgent but also has a fresh, natural vibe thanks to coconut milk and real whipped cream, rather than heavy artificial toppings.

Conclusion

If you’re looking for a dessert that’s creamy, tropical, and surprising in the best way, this creamy coconut tres leches cake with toasted coconut flakes is a winner. It has that magic combination of moist cake and luscious milk soak, topped with a crunchy finish that makes every bite interesting.

Feel free to swap ingredients or add your own flair—this recipe is forgiving and open to your creativity. I love it because it has become my go-to for when I want to impress without stress, and it always brings a smile around the table.

Give it a try, and maybe it’ll become one of your favorites too. I’m eager to hear how you make it your own—drop your thoughts or tweaks in the comments below and let’s share some coconut cake love!

Frequently Asked Questions About Creamy Coconut Tres Leches Cake

Can I make this cake ahead of time?

Absolutely! In fact, the flavors deepen and the texture improves if you refrigerate it overnight after soaking the cake with the milk mixture.

What can I use instead of sweetened condensed milk?

You can try coconut condensed milk for a dairy-free version or make your own by simmering coconut milk with sugar until thick. Regular sweetened condensed milk is best for classic flavor.

How do I store leftover cake?

Keep leftovers covered tightly in the refrigerator for up to 4 days. This cake doesn’t freeze well once topped with whipped cream, but you can freeze the plain cake before soaking.

Can I use shredded coconut instead of coconut flakes?

Toasted coconut flakes provide a crunchy texture, but shredded coconut can work if toasted properly. Just watch closely as shredded coconut burns faster.

Is there a gluten-free option?

Yes, you can substitute all-purpose flour with a 1:1 gluten-free baking flour blend. The texture might be slightly different but still delicious.

Pin This Recipe!

creamy coconut tres leches cake recipe

Print

Creamy Coconut Tres Leches Cake Recipe Easy Homemade Dessert with Toasted Coconut Flakes

A moist and creamy coconut tres leches cake soaked in three milks including coconut milk, topped with whipped cream and toasted coconut flakes for a delightful crunch.

  • Author: Amanda Rodriguez
  • Prep Time: 20 minutes
  • Cook Time: 30 minutes
  • Total Time: 2 hours 50 minutes
  • Yield: 12 servings 1x
  • Category: Dessert
  • Cuisine: Latin American

Ingredients

Scale
  • 1 cup (130g) all-purpose flour
  • 1 1/2 tsp baking powder
  • 1/4 tsp salt
  • 5 large eggs, separated (room temperature)
  • 1 cup (200g) granulated sugar, divided
  • 1/3 cup (80ml) whole milk
  • 1 tsp vanilla extract
  • 1 cup (240ml) whole milk
  • 1 cup (240ml) canned coconut milk (full fat)
  • 1 cup (240ml) sweetened condensed milk (coconut condensed milk optional)
  • 1 1/2 cups (360ml) heavy cream, cold
  • 1/4 cup (30g) powdered sugar
  • 1 tsp vanilla extract
  • 1/2 cup (40g) toasted coconut flakes (unsweetened or lightly sweetened)

Instructions

  1. Preheat oven to 350°F (175°C). Grease a 9×13-inch baking dish with butter or non-stick spray.
  2. Sift together flour, baking powder, and salt in a medium bowl. Set aside.
  3. Separate eggs into whites and yolks, placing whites in a large clean bowl and yolks in another.
  4. Add 1/2 cup sugar to yolks and whisk vigorously until pale and slightly thickened, about 2-3 minutes. Stir in 1/3 cup whole milk and 1 tsp vanilla extract.
  5. Gently fold sifted flour mixture into yolk mixture until just combined.
  6. Beat egg whites with a mixer until soft peaks form. Gradually add remaining 1/2 cup sugar, beating until stiff, glossy peaks form.
  7. Fold one-third of whipped whites into batter to lighten, then fold in remaining whites gently.
  8. Pour batter into prepared pan and bake for 25-30 minutes until golden and a toothpick comes out clean.
  9. Cool cake in pan on a wire rack for about 15 minutes.
  10. Whisk together whole milk, coconut milk, and sweetened condensed milk until smooth.
  11. Poke holes all over the cake with a fork, then slowly pour milk mixture evenly over cake. Cover and refrigerate at least 2 hours or overnight.
  12. Whip cold heavy cream with powdered sugar and vanilla extract until soft peaks form just before serving.
  13. Toast coconut flakes in a dry skillet over medium heat, stirring frequently until golden brown and fragrant, about 3-5 minutes. Remove promptly.
  14. Spread whipped cream evenly over soaked cake and sprinkle toasted coconut flakes on top.

Notes

Use full-fat coconut milk for best richness. Whip egg whites in a clean, dry bowl for best volume. Toast coconut flakes carefully to avoid burning. Refrigerate cake overnight after soaking for best texture and flavor. Dairy-free and gluten-free adaptations are possible.

Nutrition

  • Serving Size: 1 slice (1/12 of cak
  • Calories: 320
  • Sugar: 22
  • Sodium: 180
  • Fat: 20
  • Saturated Fat: 15
  • Carbohydrates: 30
  • Fiber: 1
  • Protein: 5

Keywords: coconut tres leches cake, creamy coconut cake, tres leches dessert, toasted coconut flakes, easy homemade dessert, tropical cake

Did you make this recipe?

Share a photo and tag us — we can't wait to see what you've made!

Tags:

You might also like these recipes

Leave a Comment

Recipe rating