Coconut Tres Leches

Let me paint you a picture: the first time I pulled this coconut tres leches cake out of my oven, the kitchen smelled like a tropical bakery—sweet coconut, warm vanilla, and that hint of buttery cake that just makes you want to inhale with your eyes closed. The cake itself was golden and springy, promising something special. I remember poking those little holes and watching the creamy coconut milk mixture soak in, practically begging you to grab a fork right then and there. When I finally topped it with fluffy whipped cream and a blizzard of toasted coconut flakes, I had to pause—just stand there, take it all in, and smile because, honestly, you know you’ve stumbled onto something magical.

This isn’t just another tres leches cake—it’s a recipe that brings back memories of Sunday afternoons at my grandma’s table, when I was knee-high to a grasshopper, and the biggest decision was whether to ask for a second slice. The coconut twist? That came years later, after a neighbor brought a coconut tres leches to a block party, and I couldn’t stop thinking about it. I tinkered with the recipe for weeks, trying to recreate that pillowy texture and that subtle, not-too-sweet coconut vibe. Let’s just say, I wish I’d discovered this version years ago.

My family couldn’t stop sneaking pieces off the cooling rack (and really, who can blame them?). Even my “not too sweet” dad went back for seconds, which is saying a lot. This coconut tres leches cake is dangerously easy to make, perfect for potlucks, birthdays, or just brightening up a Tuesday. It’s become a staple for family gatherings, gifting to friends, and, let’s face it, late-night cravings. I’ve tested it more times than I care to admit (all in the name of research, of course), and every time feels like a warm hug. If you love desserts that deliver pure, nostalgic comfort with a tropical twist, you’re going to want to bookmark this one.

Why You’ll Love This Coconut Tres Leches Cake

I’ve baked and taste-tested more tres leches cakes than I can count, but this coconut tres leches really is a cut above the rest. Years of recipe testing (and a few kitchen mishaps) have taught me what makes a tres leches cake unforgettable—and trust me, this one checks every box. Whether you’re a seasoned baker or just starting out, you’ll want to keep this recipe up your sleeve.

• Quick & Easy: Comes together in just over an hour, with most of that time spent waiting for the cake to soak in all the coconutty goodness. Perfect for last-minute dessert emergencies or weeknight celebrations.
• Simple Ingredients: No hunting down fancy ingredients. Everything is easy to find, and you probably have most of it in your pantry right now.
• Perfect for Any Occasion: This coconut tres leches cake shines at summer barbecues, Easter brunches, Mother’s Day, or as a sweet treat for your next family dinner.
• Crowd-Pleaser: Kids, grandparents, and picky eaters all go back for seconds (and sometimes thirds). It’s one of those recipes that disappears before your eyes at a potluck.
• Unbelievably Delicious: The combination of ultra-fluffy cake, creamy coconut milk soak, and a cloud of whipped cream with crunchy toasted coconut is pure comfort food meets tropical vacation.

What sets this recipe apart? It’s all about the details: using both coconut milk and coconut cream in the soak makes every bite rich but not heavy, and folding a bit of coconut into the batter keeps things super moist and flavorful. I skip artificial flavorings and go straight for the real stuff—trust me, it’s worth it. And that toasted coconut topping? Adds the perfect contrast, like a little crunch on a cloud.

This coconut tres leches cake isn’t just another dessert—it’s the kind you pull out when you want to make someone’s day a little brighter. It’s for birthdays, holidays, or just because you want a sweet pick-me-up after a long week. Every bite is soft, creamy, and perfectly balanced, so you get that dreamy tres leches flavor without the heaviness. If you’re searching for a crowd-pleasing, no-fuss cake recipe that stands out on your Pinterest board, this one’s it.

What Ingredients You Will Need

This coconut tres leches cake keeps it simple but delivers huge flavor. Most of these are probably already in your pantry, and a few are easy to grab at any grocery store. Here’s what you’ll need:

• For the Cake:
  • All-purpose flour (120g) – gives the cake its soft, fluffy crumb. I like King Arthur or Bob’s Red Mill.
  • Baking powder (1 1/2 teaspoons) – for a nice lift.
  • Salt (1/4 teaspoon) – just enough to balance the sweetness.
  • Unsalted butter, softened (1/2 cup / 113g) – adds richness and flavor.
  • Granulated sugar (1 cup / 200g) – for that perfect cake sweetness.
  • Large eggs, room temperature (5) – separates yolks and whites for extra fluffiness.
  • Coconut extract (1 teaspoon) – for a true coconut punch (McCormick’s is my favorite).
  • Vanilla extract (1 teaspoon) – layers in warmth.
  • Whole milk (1/2 cup / 120ml) – keeps the cake moist and tender.
  • Sweetened shredded coconut (1/2 cup / 40g) – stirred right into the batter for texture and flavor.
• For the Tres Leches Soak:
  • Sweetened condensed milk (1 can / 14oz / 396g) – classic tres leches base, sweet and creamy.
  • Coconut milk, full-fat (1 can / 13.5oz / 400ml) – gives the cake its tropical twist.
  • Coconut cream (1/2 cup / 120ml) – makes the soak extra rich. Thai Kitchen is reliable.
  • Evaporated milk (1/2 cup / 120ml) – lightens up the soak so it’s not too thick.
  • Pinch of salt – keeps the milk mixture from being cloying.
• For the Topping:
  • Heavy whipping cream (1 1/2 cups / 360ml) – for a billowy whipped topping.
  • Powdered sugar (2-3 tablespoons) – sweetens the cream just enough.
  • Vanilla extract (1 teaspoon) – flavor boost for the topping.
  • Toasted sweetened shredded coconut (1 cup / 80g) – for crunch and a gorgeous look.

Ingredient Tips: If you want a gluten-free coconut tres leches, you can swap the flour for a 1:1 gluten-free blend (I’ve tried King Arthur’s with great results). Dairy-free? Use coconut cream for the whipped topping, and swap the evaporated milk for oat milk. You can also use unsweetened coconut if you like things a little less sweet. In summer, toss in a handful of fresh berries for a pop of color and flavor.

I recommend using room temperature eggs for best volume in your cake. If you can, toast your coconut just before serving—it makes the whole kitchen smell like a bakery. If you can’t find coconut cream, you can chill a can of coconut milk and scoop the thick part off the top. This recipe is forgiving, so don’t stress if you have to make a tweak or two!

Equipment Needed

• 9×13-inch baking dish (or similar size) – Glass or ceramic works best for even soaking. I’ve used metal pans in a pinch, but the edges can get a bit crustier.
• Electric mixer (stand or hand) – Makes beating egg whites and cream a breeze. A whisk works if you’re feeling strong-armed and patient.
• Mixing bowls – At least two (one for cake batter, one for whipping cream).
• Rubber spatula – For folding in coconut and scraping every last bit of batter.
• Measuring cups and spoons – Accuracy matters for cakes!
• Toothpick or skewer – For poking holes in the cake, letting all that tres leches mixture soak in.
• Small skillet or oven pan – For toasting coconut flakes. I prefer a nonstick skillet for better control.
• Offset spatula – Optional, for spreading whipped cream evenly. A butter knife works, too.

If you don’t have an electric mixer, you can whip cream in a mason jar (just shake like crazy!). For baking dishes, if you only have round pans, use two 8-inch ones and check for doneness a little sooner. Hand-washing your mixer beaters right after using makes cleanup so much easier—trust me, dried whipped cream is no fun to scrub off.

On a budget? Most of these tools are basic kitchen staples. I’ve made this cake with nothing but a whisk, a bowl, and a lot of elbow grease (worth it every time!).

How to Make Fluffy Coconut Tres Leches Cake with Toasted Coconut Topping

1. Prep Your Pan and Oven:
   • Preheat oven to 350°F (175°C). Grease a 9×13-inch baking dish with butter or nonstick spray. Set aside.
2. Mix Dry Ingredients:
   • In a medium bowl, whisk together 1 cup (120g) all-purpose flour, 1 1/2 teaspoons baking powder, and 1/4 teaspoon salt. Set aside.
3. Separate Eggs:
   • Crack 5 large eggs, separating yolks and whites into two separate bowls. Make sure no yolk gets into the whites (for best volume when whipping).
4. Make the Cake Batter:
   • In a large bowl, beat 1/2 cup (113g) softened butter and 1 cup (200g) granulated sugar with an electric mixer on high until light and fluffy, about 2-3 minutes.
   • Add egg yolks, one at a time, beating well after each. Mix in 1 teaspoon coconut extract and 1 teaspoon vanilla extract.
   • With mixer on low, add half the flour mixture, then 1/2 cup (120ml) whole milk, then the rest of the flour, mixing just until combined.
   • Fold in 1/2 cup (40g) sweetened shredded coconut by hand.
5. Beat Egg Whites:
   • With clean mixer beaters, whip egg whites on high until stiff peaks form (about 2-3 minutes). The whites should look glossy and hold their shape.
   • Gently fold egg whites into the cake batter in three additions, being careful not to deflate.
6. Bake:
   • Pour batter into prepared pan. Smooth top with a spatula.
   • Bake for 25-30 minutes, until golden and a toothpick inserted in the center comes out clean. The cake should spring back lightly when pressed.
   • Let the cake cool in the pan for 15 minutes.
7. Make the Tres Leches Mixture:
   • In a large measuring cup, whisk together 1 can (14oz/396g) sweetened condensed milk, 1 can (13.5oz/400ml) coconut milk, 1/2 cup (120ml) coconut cream, 1/2 cup (120ml) evaporated milk, and a pinch of salt.
8. Poke and Soak:
   • When cake has cooled slightly, poke holes all over using a toothpick or skewer (I do about 60 pokes, spaced evenly—don’t be shy!).
   • Slowly pour the milk mixture evenly over the cake, letting it soak in. If it pools, pause and let it absorb, then continue until all the milk is used.
   • Cover and refrigerate at least 3 hours (overnight is even better for extra-soaked goodness).
9. Toast the Coconut:
   • In a dry skillet over medium heat, toast 1 cup (80g) sweetened shredded coconut, stirring constantly, until golden brown and fragrant (about 3-5 minutes). Watch carefully—it can burn fast! Set aside to cool.
10. Make the Whipped Cream:
    • Beat 1 1/2 cups (360ml) heavy cream, 2-3 tablespoons powdered sugar, and 1 teaspoon vanilla extract on high until soft peaks form. Don’t over-whip or it’ll turn grainy.
11. Assemble and Serve:
    • Spread whipped cream evenly over the chilled cake. Sprinkle with toasted coconut just before serving for maximum crunch.
    • Cut into squares and serve cold. Each bite should be creamy, coconutty, and melt-in-your-mouth!

Troubleshooting: If the cake seems dry, it probably didn’t soak long enough—let it sit overnight next time. If your whipped cream deflates, chill your bowl and beaters before whipping. And if the coconut browns too quickly, turn down the heat and stir constantly (learned that one the hard way!).

Cooking Tips & Techniques for the Perfect Coconut Tres Leches Cake

Let’s be honest, tres leches cakes can be a little intimidating your first time, but with some pro tips (and a few lessons from my past cake flops), you’ll nail it every time.

• Don’t Overmix the Batter: Once you add the flour, mix just until you don’t see dry streaks. Overmixing makes cakes tough, not fluffy.
• Room Temperature Ingredients: Bring eggs and butter to room temp for a lighter, more even crumb. Cold eggs don’t whip up as nicely.
• Really Soak the Cake: When poking holes, go deep and all over. I used to be timid, but more holes = more soak = better cake.
• Chill for Best Texture: Refrigerating the cake for at least three hours (overnight if you can) makes the texture ultra-creamy and lets the flavors meld.
• Whip Cream Until Soft Peaks: Stop whipping when you see the beater lines hold but are still a bit floppy. Over-whipped cream gets grainy and sad.
• Toast Coconut Just Before Serving: Freshly toasted coconut smells and tastes amazing. Burnt coconut, on the other hand, is not a good look—so keep a close eye and stir constantly.
• Multitasking: While the cake bakes, whisk up your soak and prep the whipped cream ingredients. You’ll feel like a pro and save time.

I once forgot to poke enough holes and ended up with dry pockets—never again! If you see the milk pooling on top, pause and let it absorb before adding more. If your cake is too sweet, make sure you’re not using sweetened coconut milk (just regular coconut milk and cream). Consistency is all about patience and following those little cues: golden cake, soft peaks, and a cold, creamy finish. With these tips, your coconut tres leches cake will be the talk of the party—promise!

Variations & Adaptations

The beauty of coconut tres leches cake is how easy it is to tweak for different tastes, dietary needs, and even the season. Here are my favorite ways to mix things up:

• Gluten-Free Version: Swap in a 1:1 gluten-free flour blend for the all-purpose. I like King Arthur’s—it bakes up just as fluffy and soaks up the milk like a dream. No one will even know the difference!
• Dairy-Free Adaptation: Use coconut cream and full-fat coconut milk for the soak and topping, and swap evaporated milk for oat or almond milk. For the cake, use your favorite plant-based margarine and a non-dairy milk. The result is still ultra-creamy and totally coconutty.
• Fruity Twist: Layer fresh mango or pineapple between the cake and whipped cream for a burst of color and flavor. In summer, I love adding strawberries or raspberries for a bit of tang.
• Chocolate Coconut Tres Leches: Add 1/4 cup (25g) unsweetened cocoa powder to the dry ingredients, and sprinkle mini chocolate chips between the layers. Chocolate and coconut are a match made in dessert heaven.
• Nutty Crunch: Fold in chopped toasted pecans or macadamia nuts for extra texture. My family loves this for special occasions.

Personal favorite? I sometimes add a dash of rum or coconut rum to the soaking mixture for grown-up gatherings—just a tablespoon or two adds a lovely depth. Want to make cupcakes instead? Divide the batter into lined muffin tins and reduce the bake time to 15-18 minutes. The possibilities are endless, so don’t be afraid to experiment. You might just stumble onto your own signature coconut tres leches cake!

Serving & Storage Suggestions

There’s no wrong way to serve coconut tres leches cake, but here’s how I like to do it:

• Serving Temperature: Always serve this cake chilled, straight from the fridge. The soak is at its creamiest and most refreshing when cold.
• Presentation: Cut into generous squares and use a spatula for clean slices. Top with a little extra toasted coconut and maybe a few fresh berries or mint leaves if you’re feeling fancy.
• Pairings: It’s dreamy with a cup of hot coffee, chai, or even a coconut latte. For parties, serve with fresh fruit on the side for a lighter counterpoint.
• Storage: Cover leftovers tightly and keep in the fridge for up to 4 days. The cake actually gets even better as it sits—the soak intensifies and the flavors deepen.
• Freezing: You can freeze the cake (without whipped cream) for up to a month. Thaw overnight in the fridge, then top with cream and coconut before serving.
• Reheating: I don’t recommend microwaving (it can make the texture weird). If you need to serve at room temp, just let it sit on the counter for 15-20 minutes before slicing.

Honestly, the flavor develops as it sits—so don’t worry if you make it a day ahead. Just hold off on the whipped cream and coconut topping until you’re ready to serve so everything stays fresh and fluffy.

Nutritional Information & Benefits

Here’s an estimate for a generous slice (1/12th of the recipe):

• Calories: ~370
• Fat: 21g (mostly from coconut milk and cream—those good plant fats!)
• Carbohydrates: 38g
• Protein: 6g
• Sugar: 27g

Key ingredients like coconut milk and coconut cream provide healthy fats and a bit of fiber. If you use unsweetened coconut and low-sugar condensed milk, you can trim down the sugar. This coconut tres leches cake can be made gluten-free and dairy-free, making it friendly for many diets. Main allergens are eggs, dairy, and wheat (see variations above for swaps).

As someone who loves a treat but likes to keep things balanced, I appreciate that this cake feels rich and satisfying without being too heavy. Enjoy in moderation, and don’t stress—dessert is meant to bring joy!

Conclusion

There’s a reason coconut tres leches cake is a favorite in my kitchen—it’s irresistibly creamy, packed with coconut flavor, and always brings smiles around the table. Whether you stick to the classic or try one of the fun variations, this recipe is a keeper for any occasion. I love how it blends nostalgia with a tropical flair, making it feel a little special but never fussy.

Don’t be afraid to make it your own—swap in your favorite toppings, adjust the sweetness, or add a personal twist. Baking should be fun, after all! If this fluffy coconut tres leches cake brings a little sunshine to your day (or your Pinterest board), I’d love to hear about it. Leave a comment, share with your friends, or tag me if you bake it up!

Here’s to more moments of pure dessert joy—one creamy, coconutty bite at a time.

Frequently Asked Questions

Can I make coconut tres leches cake ahead of time?

Absolutely! In fact, it’s even better if you make it the day before. The cake gets creamier as it soaks overnight. Just wait to top with whipped cream and coconut until just before serving.

What kind of coconut milk should I use?

Use full-fat canned coconut milk for the best flavor and texture. Avoid the boxed beverage kind—it’s too thin. You can also use coconut cream for extra richness.

How do I toast coconut without burning it?

Toast coconut in a dry skillet over medium heat, stirring constantly. It goes from golden to burnt quickly, so don’t walk away! As soon as it’s golden and fragrant, remove from heat immediately.

Can I make this recipe gluten-free?

Yes! Substitute a 1:1 gluten-free flour blend for the all-purpose flour. The rest of the ingredients are naturally gluten-free (just double-check your coconut and extracts).

What do I do if my cake didn’t absorb all the milk?

If the milk pools, let the cake sit longer in the fridge. Sometimes it just needs more time. You can also gently poke more holes and spoon the extra milk back over the top.

Print