Go Back
+ servings
Slice of ube tres leches for a cake recipe

Ube Tres Leches Cake Recipe

Prepare yourself for this unique dessert: ube tres leches! This creamy fusion tres leches cake recipe takes the classic Latin American favorite known for its light fluffy texture with three kinds of milk and infuses it with the vibrant distinctive flavor of ube. 
5 from 5 votes
Prep Time 20 minutes
Cook Time 30 minutes
Total Time 50 minutes
Course Dessert, Snack
Cuisine Filipino, Fusion, Latin American
Servings 16 slices
Calories 308 kcal
Disclosure

The equipment and ingredients sections contain affiliate links to products I love to use as well as items that I personally believe make this recipe the best version of itself.

Ingredients
 
 

Cake

  • 1 cup all-purpose flour
  • teaspoon baking powder
  • ¼ teaspoon salt
  • 5 eggs yolks and whites separated
  • cup whole milk
  • ¾ cup granulated sugar for egg yolks
  • ¼ cup granulated sugar for egg whites
  • 1 tablespoon ube extract
  • ¼ cup ube halaya

Milk Mixture

Whipped Ube Topping

Instructions
 

Make the Cake

  • Preheat your oven to 350℉/180℃. Prepare a 9x13 in (23x33 cm) baking dish by buttering the inside.
    Place the separated egg yolks and egg whites in their own medium to large bowls, set aside. In a third bowl, sift together the flour, baking powder, and salt. Set aside.
    Two glass bowls, one with egg whites and the other with egg yolks next to each other
  • Add the measured sugar for the egg yolks to the egg yolk bowl and beat together until light and fluffy. Whisk in the ube halaya, ube extract, and milk until smooth (little lumps may show). Set aside.
    Fold in the egg yolk and ube mixture to the dry ingredients.
    Purple egg yolk mixture with dry ingredients in a bowl.
  • Begin to beat the egg whites in their bowl while slowly adding the measured sugar for the egg whites. Continue to beat until you get stiff peaks.
    Repeat the same folding technique with the egg whites.
    Folding egg whites with other ingredients in a glass bowl.
  • Pour the cake batter into the baking dish and bake for about 30 mins or until a toothpick comes out clean. Let it rest at room temperature for about an hour.
    Ube tres leches cake batter in a glass baking dish.

Make the Milk Mix

  • Meanwhile, make the milk mixture by adding the three types of milk (evaporated, condensed & coconut milk) to a large bowl with the ube extract. Stir well.
    Glass bowl with ube milk mixture
  • Poke small even holes throughout the cake making sure the fork touches the bottom of the pan. Gently pour in the milk mixture.
    Let the cake sit for 20 mins on the counter as it soaks the liquid. Cover and place the cake in the fridge to rest for 8 hours.
    Soaking ube tres leches cake in a glass baking dish

Make the Ube Whipped Topping

  • Make the whipped topping by combining the heavy whipping cream, coconut milk, sugar, and ube extract to a large bowl. Beat until you get medium to stiff peaks.
    Spread on top of the refrigerated cake. You can serve immediately or let it rest uncovered 2 more hours in the fridge for the whipped cream to set.
    Ube whipped cream in a glass baking dish

Nutrition

Calories: 308kcalCarbohydrates: 36gProtein: 7gFat: 16gSaturated Fat: 10gPolyunsaturated Fat: 1gMonounsaturated Fat: 4gTrans Fat: 0.01gCholesterol: 92mgSodium: 159mgPotassium: 238mgFiber: 0.2gSugar: 30gVitamin A: 532IUVitamin C: 1mgCalcium: 180mgIron: 1mg
Disclaimer: Nutritional values were calculated with the Spoonacular Food API and should be used for informational purposes only.
Keyword baked dessert, cake, coconut milk, coconut milk dessert, creamy dessert, dinner party, party food, potluck, tres leches, ube, ube dessert