If you’re looking to bring a burst of tropical sunshine to your dessert table, these Mango Coconut Tres Leches Cups are an absolute must-try. This recipe takes the classic tres leches cake to dazzling new heights by infusing the soak with creamy coconut milk and stacking vibrant fresh mango cubes for that perfect balance of sweetness and acidity. Each bite offers a juicy sponge soaked in luscious milky goodness, topped with fluffy whipped coconut cream and finished with toasted coconut flakes and zingy lime zest for texture and brightness. It’s a dreamy dessert that feels festive yet easy, bringing that island vibe right into your home kitchen.
Ingredients You’ll Need
The magic of Mango Coconut Tres Leches Cups lies in its simple but carefully chosen ingredients. Each one plays a vital role in achieving the ideal mix of flavor, texture, and visual appeal — from the tender sponge cake base to the rich, tropical soak and the fresh mango topping that adds a burst of juicy color.
- All-purpose flour: Provides the structure for a soft and delicate sponge cake that soaks up all the delicious milky mixture.
- Sugar: Sweetens the cake just enough and helps with browning the sponge during baking.
- Eggs: Give the cake its stability and lightness, ensuring a tender crumb.
- Coconut milk: The star ingredient that replaces one milk in the tres leches mix, infusing the dessert with silky tropical flavor.
- Evaporated milk: Adds creaminess without extra sweetness, balancing the soak perfectly.
- Sweetened condensed milk: Brings rich sweetness and a creamy texture to the three-milk soak.
- Fresh ripe mangoes: Cubed for a fresh, juicy contrast and a burst of natural sweetness and color.
- Heavy cream or canned coconut cream: Whipped into a fluffy topping lending richness with a coconut twist.
- Toasted coconut flakes: Add a delightful crunch and deepen the coconut flavor in the final presentation.
- Lime zest: Brightens the dessert with its aromatic citrus notes, creating a lovely balance of flavors.
- Baking powder: Helps the sponge rise lightly for that perfect airy texture.
- Vanilla extract: Enhances all the flavors with a warm, subtle sweetness.
How to Make Mango Coconut Tres Leches Cups
Step 1: Bake the Sponge Cake
Start by whipping eggs and sugar until pale and fluffy—this step is crucial for creating a delicate sponge texture. Then gently fold in your sifted flour and baking powder, taking care not to overmix, which would make the cake dense. Pour the batter into a lined baking pan and bake until the cake springs back lightly when touched. Once done, let it cool completely before cutting it into small squares that will fit perfectly into your dessert cups.
Step 2: Prepare the Three-Milk Coconut Soak
In a mixing bowl, combine coconut milk, evaporated milk, and sweetened condensed milk, whisking until smooth. This trio of milks is what gives this dessert its signature moistness and a subtle sweetness with a creamy coconut undertone. Chill the mixture briefly before using it to soak the cake cubes, as a cold soak will help the sponge absorb the liquid evenly without falling apart.
Step 3: Soak the Cake Cubes
Place the sponge cake cubes into a shallow dish and drizzle the chilled milk mixture evenly over them, turning the pieces gently to ensure full absorption. Let the cake soak for at least 30 minutes, or longer if possible, to let those luscious milky flavors really sink in. The sponge should feel moist but still hold its shape when transferred to the cups.
Step 4: Assemble the Mango Coconut Tres Leches Cups
Arrange soaked cake cubes at the bottom of clear dessert cups or jars—this showcases the beautiful layers. Spoon a generous dollop of whipped coconut cream over the soaked sponge, then top with vibrant fresh mango cubes. Repeat layering if your cups are tall enough for extra depth and drama. This not only makes for a gorgeous presentation but also ensures that every bite has a perfect balance of creaminess, cake, and fruit.
Step 5: Garnish and Finish
Sprinkle toasted coconut flakes on top for a delightful crunch and a deeper coconut aroma. Finish with a pinch of fresh lime zest to add citrusy brightness that cuts through the richness of the milky layers. The final appearance is vibrant and inviting, a true celebration of tropical flavors in a cup.
How to Serve Mango Coconut Tres Leches Cups

Garnishes
When serving, a little extra toasted coconut flakes and a zest of lime on top elevate the cups with a textured crunch and fresh fragrance. You can also add a small sprig of mint or even edible flowers for an elegant, colorful flourish that complements the tropical theme beautifully.
Side Dishes
This dessert pairs wonderfully with light, summery side dishes like fresh fruit salads or tropical salsas. For a festive brunch or party, serve alongside cool limeade or a refreshing hibiscus iced tea. The light and creamy Mango Coconut Tres Leches Cups help balance out more savory flavors with their sweet, juicy profile.
Creative Ways to Present
These cups are perfect for any occasion, from casual gatherings to dinner parties. Try layering the dessert in mason jars for rustic charm or use miniature glass tumblers for a modern look. You can even serve them in hollowed-out mango halves or coconut shells for that ultimate tropical vibe that always wows guests.
Make Ahead and Storage
Storing Leftovers
If you have any leftovers of Mango Coconut Tres Leches Cups, cover them tightly with plastic wrap or transfer them to an airtight container and refrigerate for up to 3 days. The dessert actually tastes better after a few hours as the flavors meld, but beyond a few days the cake could become too soggy.
Freezing
Freezing these cups is not recommended because the texture of the whipped coconut cream and the soaked sponge tends to change unfavorably after thawing. If you need to prepare in advance, it is better to assemble them shortly before serving.
Reheating
Since Mango Coconut Tres Leches Cups are best served chilled, reheating is unnecessary. Let them come to a cool room temperature if they’ve been in the fridge for too long to help enhance the flavors and make the whipped topping softer before serving.
FAQs
Can I use canned coconut milk for this recipe?
Yes! Canned coconut milk is perfect here because it is richer and creamier than carton brands, which helps make the tres leches soak luxuriously smooth and flavorful.
What if I can’t find fresh mango? Can I use frozen?
Frozen mango can be used but make sure to thaw it completely and drain any excess juice before adding to keep the cups from becoming watery.
Is it possible to make this dessert vegan?
Absolutely! Use a vegan sponge cake recipe (like one made with flax eggs and non-dairy milk), replace evaporated milk with more coconut milk or almond milk, and use coconut whipped cream to keep it dairy-free.
How long will the cups stay fresh in the refrigerator?
The Mango Coconut Tres Leches Cups are best enjoyed within 3 days when stored properly in the fridge to keep the sponge moist and the whipped cream fresh.
Can I make these cups for a large party?
Definitely! These cups are fantastic for entertaining because they can be made in advance and served individually, making them easy to prep and beautiful to present.
Final Thoughts
Mango Coconut Tres Leches Cups are one of those rare desserts that feel like a celebration in every spoonful—tropical, rich, and refreshingly light. Whether you’re treating yourself or impressing guests, making this vibrant layered treat is so rewarding and surprisingly easy. I can’t wait for you to try this recipe and discover how simple ingredients come together to create such a memorable dessert experience. Once you do, Mango Coconut Tres Leches Cups might just become your new favorite sweet indulgence!

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