Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Mango Coconut Tres Leches Cake

The Ultimate Mango Coconut Tres Leches Cake Recipe


  • Author: David Andersson
  • Total Time: 4 hours 55 minutes
  • Yield: 12 servings 1x
  • Diet: Vegetarian

Description

At its core, a Mango Coconut Tres Leches Cake is a variation of the traditional Mexican Tres Leches. The term “Tres Leches” literally translates to “Three Milks,” referring to the soaking liquid that gives the cake its signature wet, custard-like texture. While the classic version uses whole milk, evaporated milk, and condensed milk, our tropical version swaps the standard dairy for rich coconut milk and incorporates a thick mango puree.


Ingredients

Scale

For the sponge cake

  • 1 cup all-purpose flour
  • 1½ tsp baking powder
  • ¼ tsp salt
  • 5 eggs, separated
  • 1 cup sugar, divided
  • ⅓ cup milk
  • 1 tsp vanilla extract

For the tres leches soak

  • 1 cup evaporated milk
  • 1 cup sweetened condensed milk
  • 1 cup coconut milk
  • ¾ cup mango puree

For the topping

  • 1½ cups heavy whipping cream
  • 3 tbsp powdered sugar
  • ½ tsp vanilla
  • Fresh mango cubes
  • Toasted coconut flakes

Instructions

1. Bake the cake

  1. Preheat oven to 350°F (175°C).
  2. Grease a 9×13-inch pan.
  3. Whisk flour, baking powder, and salt.
  4. Beat egg yolks with ¾ cup sugar until pale.
  5. Add milk and vanilla.
  6. Fold in dry ingredients.
  7. In another bowl, beat egg whites until soft peaks form.
  8. Gradually add remaining sugar and beat to stiff peaks.
  9. Fold egg whites into batter gently.
  10. Bake 25–30 minutes until golden.

Cake Process Visual

2. Make the soak

Mix:

  • evaporated milk
  • condensed milk
  • coconut milk
  • mango puree

until smooth.

3. Soak the cake

  1. Let cake cool slightly.
  2. Poke holes all over with a fork or skewer.
  3. Slowly pour the mango-coconut milk mixture over the cake.
  4. Refrigerate at least 4 hours, preferably overnight.

4. Add topping

  1. Whip cream with powdered sugar and vanilla until fluffy.
  2. Spread over chilled cake.
  3. Top with mango cubes and toasted coconut.

Notes

This Mango Coconut Tres Leches Cake brings together soft sponge cake, creamy coconut milk, and sweet tropical mango flavors in every chilled bite. It’s light, refreshing, and perfect for summer gatherings, birthdays, or whenever you want a dessert that feels sunny and special.

  • Prep Time: 25 minutes
  • Cook Time: 30 minutes
  • Category: Dessert
  • Method: Baking
  • Cuisine: Tropical Fusion

Nutrition

  • Serving Size: 1 slice
  • Calories: 420 kcal

Keywords: Tropical Three Milks Cake, Mango Coconut Soaked Cake, Creamy Mango Sponge Cake, Coconut Infused Tres Leches