Coconut Mango Tres Leches Cake Recipe

If you’ve been on the lookout for a dessert that’s both tropical and indulgently moist, you’re going to love this Coconut Mango Tres Leches Cake Recipe. There’s something magical about a tres leches cake soaked in milk that makes every bite melt-in-your-mouth bliss, and adding coconut and mango into the mix takes it to a whole new sunny level. Whether you’re dreaming of summer flavors or just want to surprise your guests with something unforgettable, this cake hits all the right notes.

From my first bite, I knew this Coconut Mango Tres Leches Cake Recipe was a keeper. The rich coconut milk and the luscious mango whipped cream make the classic tres leches taste feel fresh and exotic. Plus, it’s surprisingly easy to make — perfect for those times when you want to impress without the stress.

Ingredients You’ll Need

Each ingredient in this Coconut Mango Tres Leches Cake Recipe plays its own starring role, blending harmoniously to create balanced flavors and perfect texture. Keep an eye out for ripe mangoes and good-quality coconut milk – they really elevate the taste.

• Eggs: Use room temperature eggs to help the cake rise and give it that fluffy yet sturdy texture.
• Sugar: Gives sweetness and helps the cake develop a golden crust.
• Milk: The milk added to the batter lightens the cake before soaking.
• All-purpose flour: The base of the cake – sift it well for a tender crumb.
• Salt: Just a pinch to balance the sweetness and bring out flavor.
• Baking powder: Leavens the cake so it’s airy and not dense.
• Vanilla extract: Adds warmth and depth to the cake flavor.
• Sweetened condensed milk: This is one of the three milks that makes tres leches cake decadently moist.
• Evaporated milk: Blends beautifully with the condensed and coconut milk for soaking.
• Coconut milk: Brings that tropical richness that sets this cake apart.
• Heavy cream: Chilled, for whipping into the luscious mango whipped cream topping.
• Mango pulp: Must be ripe and sweet; I recommend fresh or good-quality canned mango pulp.
• Cornstarch and water: Used to reduce and thicken the mango pulp, creating a perfect topping texture.
• Mango chunks: Fresh fruit for a vibrant topping.
• Sweetened coconut flakes: Toasted for texture and extra coconut flavor at the finish.

Variations

I love making this Coconut Mango Tres Leches Cake Recipe my own depending on the season or mood. Don’t hesitate to tweak it – that’s part of the fun! Here are a few ways I’ve played around with it that you might enjoy trying yourself.

• Berry Swap: I once swapped mango pulp for fresh strawberries and a berry reduction — delicious and colorful!
• Dairy-Free: Use coconut cream instead of heavy cream and coconut milk in the soak to make it dairy-free. It’s still rich and satisfying.
• Spiced Version: Adding a pinch of cinnamon or cardamom to the cake batter gives it a warm twist I truly enjoy on cooler days.
• Extra Tropical: Tossing in toasted macadamia nuts into the topping adds a delightful crunch that pairs beautifully with the soft cake.

How to Make Coconut Mango Tres Leches Cake Recipe

Step 1: Whip the Eggs and Sugar into Fluffy Heaven

Start by beating your room temperature eggs with sugar until the mixture is pale, thick, and fluffy—this usually takes about 5 to 7 minutes with a stand mixer or hand mixer. This step is key because it’s where your cake’s light texture begins. Don’t rush it, and resist the urge to peek too soon; you want those air bubbles fully developed to get that perfect sponge.

Step 2: Gently Fold in the Dry Ingredients and Milk

Next, sift the flour, baking powder, and salt together. Gradually fold these dry ingredients into the egg mixture, alternating with the milk and a splash of vanilla extract. Folding gently is crucial here—you want to keep those precious air bubbles intact. If you mix too hard, the batter will deflate and your cake could turn out dense.

Step 3: Bake Until Golden and Bouncy

Pour your batter into a greased baking pan and bake at 350°F (175°C) for about 25-30 minutes. I always check the cake with a toothpick; it should come out clean or with just a few moist crumbs attached. Take care not to overbake, or you’ll lose that signature moistness after soaking.

Step 4: Mix the Three Milks and Soak the Cake

While the cake bakes, whisk together the sweetened condensed milk, evaporated milk, and coconut milk. Once the cake is out of the oven and slightly cooled, poke holes all over the surface with a fork or skewer – this helps the milk mixture soak evenly. Slowly pour the milk mixture over the cake and let it absorb, ideally chilling it for at least 4 hours or overnight. Trust me, the longer it sits, the better.

Step 5: Prepare the Reduced Mango Pulp

In a small saucepan, mix mango pulp, sugar (if your mangoes are tart), cornstarch, and water. Cook over medium heat, stirring constantly until it thickens to a syrupy consistency. This sweetened, thick mango glaze is what gives your whipped cream topping that beautiful mango flavor without watering it down.

Step 6: Whip the Cream and Fold in Mango Reduction

Whip your chilled heavy cream until you get soft peaks, then gently fold in the reduced mango pulp until just combined. This mango whipped cream is light, fluffy, and perfectly fruity – a perfect pairing for the drenched cake below.

Step 7: Assemble and Garnish

Spread the mango whipped cream evenly on top of the soaked cake. Then scatter fresh mango chunks and toasted sweetened coconut flakes generously to finish. The toasted coconut adds a satisfying crunch and that toasted aroma that I personally find irresistible.

How to Serve Coconut Mango Tres Leches Cake Recipe

Garnishes

For garnishes, fresh mango chunks and toasted sweetened coconut flakes are my go-tos—they add both texture and flavor contrasts. Sometimes I sprinkle a little lime zest on top for a citrusy brightness that cuts through the richness beautifully.

Side Dishes

This Coconut Mango Tres Leches Cake Recipe shines as a dessert after light meals—think grilled chicken or seafood with tropical-inspired sides like mango salsa or a fresh green salad with citrus vinaigrette. It’s a perfect way to end a summery meal without anything feeling too heavy.

Creative Ways to Present

For special occasions, I like to serve this cake in clear glass trifle dishes or individual mason jars layered with cake pieces, whipped cream, and mango chunks. It’s not only visually stunning but also super handy for portion control and easy serving at parties.

Make Ahead and Storage

Storing Leftovers

Leftovers store beautifully covered in the fridge for up to 3 days. I always keep the cake covered with plastic wrap or in an airtight container to prevent it from absorbing any fridge odors. The flavors actually meld more over time, so leftovers can be even better!

Freezing

Freezing this cake is possible but tricky due to the whipped cream topping—I recommend freezing the cake portion alone without the whipped cream and toppings. Wrap it tightly in plastic and foil, then thaw it slowly in the fridge before soaking and topping with fresh mango cream. That way, you get the best texture and taste.

Reheating

This cake is best enjoyed cold or at room temperature, so no reheating needed. If you prefer it slightly warmer, let it sit out for 15-20 minutes before serving. Warming up the cake loses the luscious texture of the soaked cake and whipped cream that make this Coconut Mango Tres Leches Cake Recipe so special.

FAQs

Final Thoughts

This Coconut Mango Tres Leches Cake Recipe has become one of my absolute favorites whenever I want to impress friends or just indulge in something tropical and dreamy. The combination of coconut, mango, and that irresistibly moist tres leches sponge feels like a sweet vacation on a plate. I hope you give it a try — it’s a recipe that’s both comforting and exciting, perfect for sharing or savoring all by yourself.

Print