Ube Tres Leches Cake Recipe
Introduction
This Ube Tres Leches Cake is a delightful twist on the classic Latin American dessert, featuring the vibrant flavor of ube, a purple yam popular in Filipino cuisine. Moist, creamy, and perfectly sweet, it’s a crowd-pleaser that’s as beautiful as it is delicious.

Ingredients
- ½ cup unsalted butter (room temperature)
- 1 cup sugar
- 5 large eggs (room temperature)
- 1 tbsp ube extract
- 1½ cups all-purpose flour
- 1 tsp baking powder
- ½ tsp salt
- 1 14-oz can coconut milk (room temperature)
- 1 14-oz can ube condensed milk (room temperature, can substitute with sweetened condensed milk flavored with ube extract)
- 1 12-oz can evaporated milk (room temperature)
- 2 cups heavy cream (chilled, can substitute with whipped cream)
- 2 tbsp sugar
- 1 tsp vanilla extract
Instructions
- Step 1: Preheat your oven to 350°F. Grease or butter a 9×13 inch baking pan and set aside.
- Step 2: In a large bowl, beat the sugar and butter together using a handheld electric mixer or stand mixer fitted with a paddle attachment until light and incorporated.
- Step 3: Add eggs one at a time, making sure each egg is fully incorporated before adding the next.
- Step 4: Stir in the ube extract until it is well blended.
- Step 5: Sift the flour, baking powder, and salt into the bowl. Stir gently until just combined.
- Step 6: Pour the cake batter into your prepared pan and spread evenly.
- Step 7: Bake for about 20 minutes, or until a toothpick inserted in the center comes out clean or with just a few dry crumbs.
- Step 8: Remove the cake from the oven and pierce it all over with a fork to create holes for the milk mixture to soak in.
- Step 9: In a separate large bowl, stir together the coconut milk, ube condensed milk, and evaporated milk until fully combined.
- Step 10: Pour the milk mixture over the cake gradually, about half a cup at a time, allowing it to absorb before adding more. Continue until the cake is soaked through.
- Step 11: Place the soaked cake in the refrigerator for at least 15 minutes to cool completely.
- Step 12: Meanwhile, whip the heavy cream with sugar and vanilla extract until stiff peaks form.
- Step 13: Spread the whipped cream evenly over the chilled cake.
- Step 14: Refrigerate the cake until ready to serve. Enjoy chilled for the best flavor and texture.
Tips & Variations
- Use room temperature ingredients for a smoother batter and better rise.
- For a vegan version, substitute coconut milk and use a plant-based whipped cream alternative.
- Try adding toasted coconut flakes or purple yam jam as garnish for extra flavor and texture.
Storage
Store the cake covered in the refrigerator for up to 3 days. It’s best enjoyed chilled; to reheat, let it come to room temperature for about 20 minutes before serving. The whipped cream topping is best fresh but can be reapplied if needed.
How to Serve

Serve this delicious recipe with your favorite sides.
FAQs
Can I use regular sweetened condensed milk instead of ube condensed milk?
Yes, you can substitute regular sweetened condensed milk and add a teaspoon or two of ube extract to mimic the flavor.
How long should I soak the cake with the milk mixture?
Pour the milk gradually to allow full absorption; the cake should be fully soaked within a few minutes, but letting it rest for 15 minutes refrigerated helps the flavors meld beautifully.
PrintUbe Tres Leches Cake Recipe
This Ube Tres Leches Cake is a vibrant twist on the classic Latin American dessert, featuring the rich, fragrant flavor of ube (purple yam). Moist, fluffy cake soaked in a luscious trio of coconut milk, ube-flavored condensed milk, and evaporated milk, topped with a silky, lightly sweetened whipped cream. Perfect for celebrations or a delightful treat, this cake blends traditional tres leches creaminess with a beautiful purple hue and unique tropical flavor.
- Prep Time: 20 minutes
- Cook Time: 20 minutes
- Total Time: 1 hour 15 minutes
- Yield: 12 servings 1x
- Category: Dessert
- Method: Baking
- Cuisine: Filipino
- Diet: Vegetarian
Ingredients
Cake
- ½ cup unsalted butter (room temperature)
- 1 cup sugar
- 5 large eggs (room temperature)
- 1 tbsp ube extract
- 1½ cups all-purpose flour
- 1 tsp baking powder
- ½ tsp salt
Milk Mixture
- 1 14-oz can coconut milk (room temperature)
- 1 14-oz can ube condensed milk (room temperature, can substitute with sweetened condensed milk flavored with ube extract)
- 1 12-oz can evaporated milk (room temperature)
Topping
- 2 cups heavy cream (chilled, can substitute with whipped cream)
- 2 tbsp sugar
- 1 tsp vanilla extract
Instructions
- Preheat Oven: Preheat your oven to 350°F (175°C). Grease or butter a 9×13 inch baking pan and set it aside to prepare for the batter.
- Beat Butter and Sugar: In a large bowl using a handheld electric mixer or stand mixer fitted with a paddle attachment, beat the unsalted butter and sugar together until the mixture is light, creamy, and fully incorporated.
- Add Eggs: Incorporate the eggs one at a time, ensuring each egg is fully mixed into the batter before adding the next for a smooth consistency.
- Mix in Ube Extract: Stir in the ube extract until it is evenly blended throughout the batter, adding flavor and color.
- Sift Dry Ingredients: Sift together the all-purpose flour, baking powder, and salt, then gently fold them into the wet ingredients until just combined to keep the batter airy.
- Pour and Bake: Pour the prepared cake batter into the greased baking pan and bake for about 20 minutes, or until a toothpick inserted into the center comes out clean or with just a few moist crumbs attached.
- Prepare Cake for Soaking: Remove the cake from the oven and, while still warm, pierce the surface all over with a fork to allow the milk mixture to soak in thoroughly.
- Combine Milk Mixture: In a large bowl, stir together the coconut milk, ube condensed milk, and evaporated milk until fully incorporated.
- Soak the Cake: Gradually pour the milk mixture over the pierced cake in increments of about half a cup, allowing each addition to absorb completely before adding more until the cake is fully soaked.
- Chill: Place the soaked cake in the refrigerator for at least 15 minutes, or until it has cooled completely, which helps the flavors meld and the texture set.
- Whip Topping: While the cake chills, whip the heavy cream with sugar and vanilla extract until stiff peaks form, creating a fluffy and stable topping.
- Frost the Cake: Evenly spread the whipped cream over the top of the cooled, soaked cake for a creamy finish.
- Final Chill: Refrigerate the finished cake until ready to serve, allowing the tres leches to soak in fully and the whipped cream to set.
Notes
- Use room temperature ingredients to help the cake batter incorporate smoothly and rise evenly.
- To achieve authentic ube flavor, use real ube extract or fresh cooked ube if available.
- When piercing the cake for soaking, be generous with the holes to allow the milk mixture to penetrate deeply and keep the cake moist.
- You can substitute the heavy cream topping with pre-made whipped cream if short on time.
- For a dairy-free option, consider coconut-based whipped cream and use coconut milk substitutes for heavy cream.
- This cake is best served chilled and consumed within 3-4 days for optimal freshness.
Keywords: Ube Tres Leches Cake, Filipino dessert, purple yam cake, tres leches with ube, creamy milk-soaked cake

