As I sat in a cozy café, I couldn’t help but eavesdrop on a couple raving about a cake they’d recently discovered. Little did I know that their description would spark a culinary adventure to recreate my own version of the Ube Tres Leches Cake, infusing this beloved dessert with the vibrant essence of Filipino flavors. This delightful fusion brilliantly combines the classic layers of creamy milk soak with the earthy sweetness of ube, making it incredibly moist and indulgent. Not only does its stunning lavender hue elevate any occasion, but it also brings a unique twist to your dessert table that will have everyone asking for seconds. Are you ready to dive into a cake that promises to be both a showstopper and a crowd-pleaser? Let’s whip up this creamy, purple delight together!

Why is Ube Tres Leches Cake a Must-Try?

Uniquely Delicious: This cake dresses up the classic tres leches with a playful twist, offering an earthy sweetness from ube that you won’t find in traditional versions.
Eye-Catching: Its vibrant lavender hue is not just stunning; it truly captivates guests, making it a centerpiece at any gathering.
Moist & Indulgent: The deliciously creamy milk soak ensures each bite melts in your mouth, delivering ultimate indulgence.
Versatile Treat: Perfect for celebrations or as an everyday dessert, it pairs beautifully with fresh fruit or even a scoop of coconut sorbet for a tropical touch.
Time-Saving: Prep it ahead and let it soak overnight—this cake is perfect for busy hosts looking to impress!
You’ll love how this Ube Tres Leches Cake combines flavors everyone adores, just like my Banana Coffee Cake, making it a true standout at your dessert table!

Ube Tres Leches Cake Ingredients

For the Cake
All-purpose flour – Provides structure for a light yet firm crumb; substitute with a gluten-free blend if needed.
Baking powder – Essential for achieving a fluffy texture; no substitutions necessary.
Salt – Enhances overall flavor and balances sweetness; using sea salt can add a subtle touch.
Eggs (5, separated) – Yolk adds rich moisture while whites create an airy texture; use room temperature eggs for best results.
Whole milk – Contributes moisture and richness; almond or soy milk can be substituted for a dairy-free option.
Granulated sugar (¾ cup for yolks, ¼ cup for whites) – Provides sweetness and is necessary for proper aeration of egg whites; stick with standard granulated sugar.
Ube extract (1 tablespoon for cake, additional for milk mixture and whipped topping) – Imparts a unique earthy sweetness and vibrant color; adjust amount for taste preference.
Ube halaya (¼ cup) – Adds moisture and richness; feel free to substitute with mashed sweet potato for a different flavor.

For the Milk Soak
Evaporated milk (1½ cups) – Forms a creamy base for soaking, enriching every bite; no substitutions recommended.
Condensed milk (1 cup) – Provides sweetness and creaminess for the soak; opt for sugar-free condensed milk for a lighter version.
Coconut milk (⅓ cup for milk mixture) – Adds a subtle tropical flavor; use full-fat dairy or alternative milk if desired.

For the Whipped Topping
Heavy whipping cream (1½ cups) – Creates a fluffy topping that balances the cake’s richness; coconut whipping cream works for a dairy-free option.
Granulated sugar (2 tablespoons for whipped topping) – Sweetens the topping; adjust to your taste for the perfect balance.
Ube extract – A touch of this in the whipped topping echoes the cake’s flavor, enhancing the dessert’s deliciousness.

Allow this Ube Tres Leches Cake to dance on your taste buds—trust me, it’s a creamy, indulgent experience you won’t forget!

Step‑by‑Step Instructions for Ube Tres Leches Cake

Step 1: Preheat and Prepare
Begin by preheating your oven to 350°F (180°C). Grease a 9×13-inch baking dish with butter or cooking spray to prevent sticking. While the oven heats, gather your ingredients and tools—having everything at hand will ensure a smooth baking process for your Ube Tres Leches Cake.

Step 2: Combine Dry Ingredients
In a large mixing bowl, sift together 1 ½ cups of all-purpose flour, 2 teaspoons of baking powder, and a pinch of salt. This step aerates the flour, ensuring a light crumb once baked. Set the bowl aside, allowing the flavors to meld as you focus on the wet ingredients for your cake.

Step 3: Mix Wet Ingredients
In another bowl, beat 5 separated egg yolks and ¾ cup of granulated sugar with an electric mixer until the mixture is fluffy and pale, about 3-5 minutes. Add ¼ cup of ube halaya, 1 tablespoon of ube extract, and ½ cup of whole milk, mixing until everything is smooth and well incorporated.

Step 4: Fold Wet into Dry
Gently fold the wet mixture into the dry ingredients, combining until just blended. Be careful not to overmix, as this may affect the cake’s texture. You want a semi-smooth batter that captures the essence of ube while retaining the airiness needed for the perfect cake.

Step 5: Beat Egg Whites
In a clean bowl, beat the 5 egg whites with the remaining ¼ cup of sugar until stiff peaks form, which takes about 5-7 minutes. This important step will help your Ube Tres Leches Cake rise beautifully, contributing to its light, fluffy texture that is a delight to the palate.

Step 6: Combine Batters
Gently fold the whipped egg whites into the batter using a spatula, working carefully to maintain the volume. This delicate process helps the cake rise during baking and develop its signature fluffy texture, allowing the ube flavor to shine through.

Step 7: Bake the Cake
Pour the cake batter into the prepared baking dish and smooth the surface. Bake in the preheated oven for about 30 minutes, or until a toothpick inserted into the center comes out clean. Once baked, allow the cake to cool in the pan for 1 hour to set before soaking it in the milk mixture.

Step 8: Prepare the Milk Soak
While the cake cools, mix together 1½ cups of evaporated milk, 1 cup of condensed milk, ⅓ cup of coconut milk, and an extra splash of ube extract in a bowl. Whisk until fully combined; this mixture will give your Ube Tres Leches Cake its signature creaminess, ensuring it’s deeply soaked and indulgent.

Step 9: Soak the Cake
Once cooled, poke holes in the surface of the cake using a fork to allow the milk mixture to seep in. Pour the milk mixture over the cake evenly, ensuring every corner is soaked. Let it absorb for 20 minutes at room temperature before refrigerating for at least 8 hours, allowing the flavors to meld beautifully.

Step 10: Make the Whipped Topping
For the topping, beat 1½ cups of heavy whipping cream, ¼ cup of coconut milk, 2 tablespoons of sugar, and a splash of ube extract until soft peaks form. This airy whipped cream will crown your Ube Tres Leches Cake, enhancing not just flavor but also visual appeal with its fluffy texture.

Step 11: Final Assembly
Spread the whipped topping generously over the chilled cake, making it as smooth or textured as you prefer. Let the cake set in the fridge for an additional 2 hours to firm up the topping. This crucial step ensures your Ube Tres Leches Cake is as delightful to slice as it is to admire.

Step 12: Serve and Enjoy
Once set, slice your Ube Tres Leches Cake into squares and serve chilled for the best experience. You may wish to garnish with fresh fruit or additional coconut for added flair. Now it’s time to savor the creamy, decadent delight that is your homemade Ube Tres Leches Cake!

What to Serve with Ube Tres Leches Cake

Indulge your senses with a delightful mix of flavors and textures that beautifully complement the rich, creamy essence of this unique dessert.

  • Tropical Fruit Salad: A medley of vibrant fruits like mango, pineapple, and kiwi adds a refreshing touch that cuts through the cake’s sweetness.
  • Coconut Sorbet: This icy treat enhances the tropical vibes while keeping your palate refreshed with its light, creamy texture.
  • Pandan Mousse: Elevate your dessert experience with this fluffy and fragrant mousse, which pairs wonderfully with the earthy ube flavors.
  • Chai Tea: A warm, spiced chai balances the dessert’s richness while enhancing its comforting qualities, creating a harmonious pairing.
  • Coffee: A strong, dark brew complements the cake’s sweetness, providing a robust contrast that coffee lovers will appreciate.
  • Toasted Coconut Flakes: Sprinkling these atop the cake adds a crunchy contrast, increasing both flavor and visual appeal.
  • Chocolate Drizzle: A light drizzle of dark chocolate will enhance the cake’s sweetness, introducing a luxurious touch to every bite.
  • Lemon Zest: Brightening the dish with a sprinkle of lemon zest adds a zesty kick and freshness that pairs beautifully with the ube’s earthiness.
  • Whipped Cream: An extra dollop of lightly sweetened whipped cream offers creaminess that mirrors the cake’s topping, making every slice a dream.

Make Ahead Options

These Ube Tres Leches Cake are perfect for busy home cooks looking to save time during the week! You can prepare the cake base up to 24 hours in advance—just bake, cool, and allow the milk soak to be poured over, refrigerating it afterward for optimal flavor. For the whipped topping, prep it up to 3 days ahead, storing it in an airtight container in the fridge to maintain its fluffy texture. When ready to serve, simply spread the chilled whipped topping over the soaked cake, allow it to firm up for another 2 hours in the fridge, and enjoy a delightful dessert that’s just as delicious as if it were freshly made!

How to Store and Freeze Ube Tres Leches Cake

Fridge: Keep the Ube Tres Leches Cake covered in the refrigerator for up to 3 days. It tastes best served chilled, preserving its moisture and creamy texture.

Freezer: For longer storage, you can freeze the cake. Wrap it tightly in plastic wrap and then foil; it will last up to 2 months. Thaw in the fridge before serving.

Reheating: If desired, serve the cake slightly chilled or at room temperature to enhance its delightful flavors. Avoid reheating, as it may alter the texture.

Wrapping: Always cover the cake well to prevent it from absorbing any unwanted odors in the fridge, ensuring it remains the indulgent treat you love!

Ube Tres Leches Cake Variations

Feel free to explore and personalize this recipe to make it truly your own!

  • Dairy-Free: Substitute whole milk with almond or soy milk, using coconut cream for the whipped topping for a delightful twist.
  • Gluten-Free: Use a gluten-free flour blend in place of all-purpose flour to cater to those with dietary restrictions.
  • Nutty Delight: Add toasted coconut flakes or chopped nuts into the batter for an extra crunch and flavor burst.
  • Sweet Potato Swap: Replace ube halaya with mashed sweet potato for a slightly different flavor profile while keeping it deliciously moist.
  • Flavor Booster: Experiment with flavored extracts, such as vanilla or almond, alongside ube extract to elevate the taste.
  • Fruity Twist: Top the cake with fresh mango or pineapple for a tropical flair that’s sure to impress your guests.
  • Chocolate Lovers: Swirl in some cocoa powder or melted chocolate into the batter for a chocolatey approach to this classic treat.
  • Kick of Heat: Incorporate a pinch of cayenne or cinnamon to the whipped topping for a surprising spicy finish.

Don’t hesitate to get inspired and let your creativity shine in the kitchen! If you love unique desserts, you’ll also appreciate my delightful Oreo Cake Pops or try refreshing Berry Icebox Cake for a summer treat!

Expert Tips for Ube Tres Leches Cake

Egg Whites Matter: Ensure your egg whites reach stiff peaks when beaten to guarantee a light, fluffy cake that rises beautifully.

Don’t Rush the Soak: Allow the cake to absorb the milk mixture for the full 20 minutes at room temperature, then refrigerate for at least 8 hours for optimal moistness without sogginess.

Room Temperature Ingredients: Use room temperature eggs and milk for better incorporation and a smoother batter, enhancing the overall texture of the Ube Tres Leches Cake.

Flavor Variations: Feel free to adjust the amount of ube extract to meet your taste preference—more can enhance sweetness, while less may yield a subtle flavor.

Chill Before Serving: For the best flavor burst, refrigerate your cake overnight and serve it chilled, allowing all the flavors to meld beautifully.

Ube Tres Leches Cake Recipe FAQs

How do I select the best ube for my cake?
Absolutely! When choosing ube, look for firm tubers with a smooth skin—avoid any with dark spots or blemishes. Fresh ube should feel heavy for its size and have a vibrant purple hue. If you’re using ube extract, check that it has a rich color and a strong aroma; this will enhance the cake’s flavor.

How should I store Ube Tres Leches Cake?
Very! Store your Ube Tres Leches Cake in the refrigerator, covered, for up to 3 days. Keeping it chilled helps maintain the creaminess of the milk soak and ensures every bite remains indulgent. If you’re making it ahead of time for a special occasion, I recommend refrigerating it overnight for optimal flavor and texture.

Can I freeze Ube Tres Leches Cake?
Absolutely! To freeze your Ube Tres Leches Cake, wrap it tightly in plastic wrap and then in aluminum foil. This prevents freezer burn, allowing it to stay fresh for up to 2 months. When you’re ready to enjoy it, simply thaw it in the refrigerator overnight before serving for the best results.

What should I do if my cake is too moist?
The most common challenge is ensuring the cake doesn’t become overly soggy. If this happens, next time, allow it to absorb the milk soak for no more than 20 minutes at room temperature before refrigerating. Also, ensure your egg whites are beaten to stiff peaks; this adds structure to the cake, preventing it from becoming too dense or moist.

Are there any dietary considerations with Ube Tres Leches Cake?
Very! This cake does contain dairy and eggs, which are common allergens. For a dairy-free version, you can use almond or soy milk along with coconut whipping cream. If you’re concerned about gluten, substituting all-purpose flour with a gluten-free blend is a great option. Always check your extract labels, as some brands may include allergens.

How do I ensure the perfect whipped topping?
To make the perfect whipped topping, start with cold heavy whipping cream and chill your mixing bowl beforehand. Beat the cream until soft peaks form—this may take about 5-7 minutes with a stand mixer. As you add sugar and ube extract, continue to beat until stiff peaks form for a topping that holds beautifully against the moist cake without collapsing.

Ube Tres Leches Cake

Ube Tres Leches Cake: Indulge in This Creamy Purple Dream

Experience the Ube Tres Leches Cake, a moist and indulgent dessert infused with Filipino flavors and a vibrant lavender hue.
Prep Time 30 minutes
Cook Time 30 minutes
Soaking Time 20 minutes
Total Time 10 hours 20 minutes
Servings: 12 slices
Course: Dessert
Cuisine: Filipino
Calories: 300

Ingredients
  

For the Cake
  • cups all-purpose flour Can substitute with gluten-free blend
  • 2 teaspoons baking powder Essential for fluffy texture
  • 1 teaspoon salt Using sea salt adds subtle flavor
  • 5 large eggs, separated Use room temperature for best results
  • ½ cup whole milk Dairy-free options available
  • ¾ cup granulated sugar For yolks
  • ¼ cup granulated sugar For egg whites
  • 1 tablespoon ube extract Adjust for taste preference
  • ¼ cup ube halaya Can substitute with mashed sweet potato
For the Milk Soak
  • cups evaporated milk No substitutions recommended
  • 1 cup condensed milk Sugar-free option for lighter version
  • cup coconut milk Full-fat or alternative milk accepted
For the Whipped Topping
  • cups heavy whipping cream Coconut whipping cream for dairy-free
  • 2 tablespoons granulated sugar Adjust to taste
  • 1 teaspoon ube extract Enhances flavor

Equipment

  • 9x13-inch baking dish
  • mixing bowls
  • electric mixer
  • whisk
  • spatula

Method
 

Preparation Steps
  1. Preheat your oven to 350°F (180°C) and grease a 9x13-inch baking dish.
  2. Sift together all-purpose flour, baking powder, and salt in a large mixing bowl.
  3. In another bowl, beat egg yolks and granulated sugar until fluffy, then mix in ube halaya, ube extract, and whole milk.
  4. Gently fold the wet mixture into the dry ingredients until just blended.
  5. Beat egg whites with remaining sugar until stiff peaks form.
  6. Fold the whipped egg whites into the batter carefully.
  7. Pour the batter into the prepared dish and bake for about 30 minutes.
  8. Allow the cake to cool for 1 hour.
  9. While cooling, whisk together evaporated milk, condensed milk, coconut milk, and ube extract.
  10. Poke holes in the cake and pour the milk mixture evenly over it.
  11. Let the cake absorb the mixture at room temperature for 20 minutes and refrigerate for at least 8 hours.
  12. Beat heavy whipping cream, coconut milk, sugar, and ube extract until soft peaks form for the topping.
  13. Spread the whipped topping over the chilled cake and refrigerate for 2 more hours.
  14. Slice and serve chilled.

Nutrition

Serving: 1sliceCalories: 300kcalCarbohydrates: 40gProtein: 5gFat: 12gSaturated Fat: 7gPolyunsaturated Fat: 1gMonounsaturated Fat: 3gCholesterol: 80mgSodium: 200mgPotassium: 250mgFiber: 1gSugar: 25gVitamin A: 500IUVitamin C: 1mgCalcium: 150mgIron: 1mg

Notes

Ensure room temperature ingredients for better incorporation. Adjust ube extract based on taste preference.

Tried this recipe?

Let us know how it was!