Nothing warms the heart quite like a slice of cake, especially when it’s infused with tropical flavors such as mango and coconut. The Mango Coconut Three Milks Cake is a delightful treat that evokes feelings of comfort and sweetness, reminiscent of sunny days spent with loved ones. Whether it’s a family gathering, a festive celebration, or simply a cozy evening at home, this cake stands out as a perfect choice to brighten any occasion.
This cake features a harmonious blend of ingredients that contribute to its rich flavor and creamy texture. You will need 1 cup of all-purpose flour, 1 1/2 teaspoons of baking powder, and a sprinkle of salt to form a light crumb. The base is enriched with 1/2 cup of softened unsalted butter and 1 cup of sugar, which together create a fluffy batter. Adding 2 large eggs and 1 teaspoon of vanilla extract introduces warmth, while the combination of 1/2 cup of milk and 1/2 cup of coconut milk gives it a unique twist. To top it off, this cake is soaked in a milky mixture consisting of 1 cup each of sweetened condensed milk and evaporated milk, followed by a beautiful layer of ripe mangoes, whipped cream, and toasted coconut flakes.
The method is straightforward and approachable, making it ideal for cooks of any skill level. First, you will preheat your oven to 350°F (175°C) and grease a 9×13 inch baking dish. In one bowl, whisk together the flour, baking powder, and salt. In another bowl, beat the softened butter with sugar until fluffy. Add in the eggs one at a time and mix in the vanilla. Gradually add the flour mixture and the milk combination until you achieve a smooth batter. Pour it into your prepared dish, bake for 30-35 minutes, and allow it to cool. Once cooled, poke holes in the top to soak up the dreamy three milks mixture that will elevate your cake further. Finally, garnish with diced mangoes and whipped cream, alongside toasted coconut flakes before serving.
This cake is perfect for any celebration at home or simple weekday meals with family. It’s not just a treat for the tastebuds; it offers a chance to create lasting memories with every slice, making it a staple worth including in your recipe collection.
Why You’ll Love This Mango Coconut Three Milks Cake
- Deliciously Moist: The three types of milk make this cake incredibly moist and flavorful.
- Easy Ingredients: It’s made with common pantry staples, ensuring you won’t need to search for anything unusual.
- Effortlessly Impressive: This cake looks stunning, making it a great dish for entertaining guests or serving at potlucks.
- Perfectly Sweetened: The balance of fresh mango and creaminess satisfies your sweet tooth without overwhelming it.
- Versatile: Enjoy it for dessert, brunch, or even a special breakfast treat.
Mango Tips
When selecting mangoes for this recipe, look for ripe fruit that gives slightly when you press it. The best mangoes should be fragrant, with a smooth skin that is free of blemishes. If you buy them unripe, leave them out at room temperature until fully ripened, which can take a few days. Once ripe, store them in the fridge for a bit to prolong their freshness, but use them soon for optimal flavor.
Options for Substitutions
- Substitute all-purpose flour with a gluten-free flour blend for a gluten-free option.
- Use coconut oil instead of unsalted butter for a richer coconut flavor.
- Replace white sugar with brown sugar for a hint of caramel undertones.
- Use almond or soy milk in place of regular milk for a dairy-free variation.
- Try fresh diced pineapple instead of mango for a tropical twist.
- Swap whipped cream for coconut whipped cream to enhance the coconut flavor.
Watch Out for These Mistakes
When making the Mango Coconut Three Milks Cake, it’s vital to avoid a few common pitfalls. First, overmixing the batter can lead to a dense cake. Once you combine the wet and dry ingredients, mix just until smooth. Additionally, make sure to allow the cake to cool completely before poking holes into it. If it’s still warm, the three milks can absorb too quickly and create a soggy texture. Lastly, be patient when soaking the cake; letting it absorb the milky mixture for at least 2 hours in the refrigerator ensures the best flavor and texture.

What to Serve With Mango Coconut Three Milks Cake?
This delightful cake pairs beautifully with a variety of side dishes. Consider serving it alongside a refreshing fruit salad or a scoop of vanilla or coconut ice cream for a creamy contrast. A light tropical smoothie can also enhance the refreshment, or a simple cup of tea or coffee balances the sweetness perfectly.
Storage Instructions
Store: Keep any leftover cake in the refrigerator for up to 5 days, covered to prevent it from drying out.
Freeze: If you’d like to freeze the cake, wrap it well in plastic wrap and then aluminum foil. It can be frozen for up to 3 months.
Reheat: For a warm slice, reheat individual portions in the microwave for about 20-30 seconds, or warm them on the stovetop in a nonstick skillet over low heat.
Recipe Info
Preparation Time: 20 minutes
Cooking Time: 35 minutes
Total Time: 2 hours 55 minutes (including soaking time)
Level of Difficulty: Easy
Servings: 12 slices
Estimated Nutrition
Estimated nutrition for the whole recipe (without optional ingredients):
- Calories: 3,420-3,560
- Protein: 50-60g
- Fat: 190-210g
- Carbohydrates: 470-500g
Ingredients
- 1 cup all-purpose flour
- 1 1/2 tsp baking powder
- 1/4 tsp salt
- 1/2 cup unsalted butter, softened
- 1 cup sugar
- 2 large eggs
- 1 tsp vanilla extract
- 1/2 cup milk
- 1/2 cup coconut milk
- 1 cup sweetened condensed milk
- 1 cup evaporated milk
- 2 ripe mangoes, peeled and diced
- 1 cup whipped cream
- Toasted coconut flakes for garnish
Step-by-Step Instructions
Step 1: Preheat Oven and Prep Pan
Begin by preheating your oven to 350°F (175°C). While the oven warms up, grease a 9×13 inch baking dish to ensure your cake doesn’t stick.
Step 2: Mix Dry Ingredients
In a medium bowl, whisk together the flour, baking powder, and salt. This step is essential to evenly distribute the leavening agent throughout the flour.
Step 3: Cream Butter and Sugar
In a separate large bowl, beat the softened butter and sugar together until the mixture becomes light and fluffy. This process incorporates air and results in a tender cake.
Step 4: Add Eggs and Vanilla
Next, add the eggs one at a time, mixing well after each addition. Then, stir in the vanilla extract. This not only flavors the batter but also adds moisture.
Step 5: Combine Ingredients
Gradually mix in the flour mixture and the milk (both regular and coconut) alternately, starting and ending with the flour mixture. Be careful not to overmix; stop when the batter is just smooth.
Step 6: Bake and Soak
Pour the batter into the prepared baking dish and bake for 30-35 minutes until a toothpick inserted in the center comes out clean. Once out of the oven, allow the cake to cool for a bit, then poke holes into the surface using a fork. In a separate bowl, whisk together the coconut milk, sweetened condensed milk, and evaporated milk, then pour this mixture evenly over the cake. Refrigerate for at least 2 hours to let it soak in. Before serving, top with diced mangoes, whipped cream, and toasted coconut flakes.

In conclusion, the Mango Coconut Three Milks Cake is not just a dessert; it’s an experience woven with the joyful flavors of family and sunshine. Each bite offers a taste of nostalgia and warmth, inviting you to share it with those you love. I encourage you to try this recipe, share your thoughts, and explore more delightful creations on this blog. Happy baking!
Print
Mango Coconut Three Milks Cake
- Prep Time: 20 minutes
- Cook Time: 35 minutes
- Total Time: 175 minutes
- Yield: 12 servings 1x
- Category: Dessert
- Method: Baking
- Cuisine: Tropical
- Diet: Vegetarian
Description
A delightful and moist cake infused with tropical flavors of mango and coconut, soaked in a three milks mixture.
Ingredients
- 1 cup all-purpose flour
- 1 1/2 teaspoons baking powder
- 1/4 teaspoon salt
- 1/2 cup unsalted butter, softened
- 1 cup sugar
- 2 large eggs
- 1 teaspoon vanilla extract
- 1/2 cup milk
- 1/2 cup coconut milk
- 1 cup sweetened condensed milk
- 1 cup evaporated milk
- 2 ripe mangoes, peeled and diced
- 1 cup whipped cream
- Toasted coconut flakes for garnish
Instructions
- Preheat your oven to 350°F (175°C) and grease a 9×13 inch baking dish.
- Whisk together the flour, baking powder, and salt in a medium bowl.
- Beat the softened butter and sugar together until fluffy in a separate large bowl.
- Add the eggs one at a time, mixing well after each, then stir in the vanilla extract.
- Gradually mix in the flour mixture and the milk combinations alternately until just smooth.
- Pour the batter into the prepared baking dish and bake for 30-35 minutes until a toothpick comes out clean.
- Cool the cake slightly, then poke holes in the top with a fork.
- Whisk together the coconut milk, sweetened condensed milk, and evaporated milk, then pour it over the cake.
- Refrigerate for at least 2 hours to let it soak in, then top with diced mangoes, whipped cream, and toasted coconut flakes before serving.
Notes
Let the cake absorb the milky mixture for at least 2 hours for the best flavor and texture.
Nutrition
- Serving Size: 1 slice
- Calories: 285
- Sugar: 37g
- Sodium: 200mg
- Fat: 11g
- Saturated Fat: 7g
- Unsaturated Fat: 4g
- Trans Fat: 0g
- Carbohydrates: 42g
- Fiber: 1g
- Protein: 5g
- Cholesterol: 40mg