I stumbled upon a vibrant slice of Ube Tres Leches Cake at a cozy Filipino café, and I was instantly captivated by its enchanting purple hue. This delightful dessert combines a soft, milk-soaked cake with the unique flavor of ube, creating a perfect harmony of sweetness and creaminess. What makes this Ube Tres Leches Cake truly special is its versatility—easy enough for beginners yet sophisticated enough to impress seasoned chefs. Plus, it’s just as crowd-pleasing for gatherings as it is comforting for a cozy night in. With options for gluten and dairy-free variations, everyone can enjoy this delectable treat. Are you ready to bring a slice of this Filipino classic to your kitchen?

Why is Ube Tres Leches Cake special?
Irresistible flavor: The unique taste of ube adds a delightful twist to the classic tres leches, setting it apart from other desserts.
Versatility: This recipe can easily adapt to gluten-free or dairy-free diets, ensuring everyone can join in on the sweet experience.
Simple preparation: With straightforward steps, even novice bakers will feel confident creating this stunning dessert.
Showstopper dessert: Its vibrant color and creamy texture make it a visual delight that will wow your guests at any gathering.
Perfect for sharing: This cake is ideal for celebrations, making it the centerpiece of birthday parties or family dinners. For more sweetness, don’t miss out on our delightful Gingerbread Cupcakes Dreamy or Espresso Cheesecake Leave.
Ube Tres Leches Cake Ingredients
For the Cake
- Ube (Purple Yam) – Provides the distinctive flavor and color; use pureed ube for consistency.
- All-Purpose Flour – Gives structure to the cake; can substitute with gluten-free flour for a gluten-free option.
- Baking Powder – Essential for a light, fluffy cake texture.
- Eggs – Contributes to the cake’s moisture and structure; use at room temperature for better results.
- Sugar – Adds sweetness; can be replaced with a sugar alternative for those watching their intake.
For the Soaking Mixture
- Milk (for soaking) – Soaks into the cake for richness; whole milk offers the best flavor.
- Condensed Milk – Adds creaminess and sweetness to the milk mixture.
- Evaporated Milk – Enhances creaminess in the cake.
For the Frosting
- Heavy Cream – Used for frosting; can substitute with whipped coconut cream for a dairy-free option.
- Vanilla Extract – Introduces a warm flavor note to the frosting.
For the Toppings
- Ube Dust or Shavings – Optional toppings to enhance color and add a flavorful touch.
- Fresh Fruits – Optional to complement the flavor and add freshness; consider colorful berries for visual appeal.
Step‑by‑Step Instructions for Ube Tres Leches Cake
Step 1: Preheat and Prepare
Preheat your oven to 350°F (175°C) to create the perfect environment for your Ube Tres Leches Cake. Grease a round cake pan with butter or non-stick spray to ensure the cake releases easily after baking. This step sets the stage for a fluffy, light cake that everyone will love.
Step 2: Combine Dry Ingredients
In a mixing bowl, whisk together the all-purpose flour and baking powder until well combined. This airy mixture is essential for the cake’s texture, so make sure there are no lumps. Once mixed, set the bowl aside as you move on to the next steps in creating your delightful Ube Tres Leches Cake.
Step 3: Beat Eggs and Sugar
In a separate large mixing bowl, beat the room-temperature eggs and sugar together using an electric mixer on medium speed. Continue this process for about 5-7 minutes, until the mixture becomes pale yellow and fluffy. This step is crucial for incorporating air, which will make your cake light and airy.
Step 4: Fold in Ube
Gently fold pureed ube into your egg and sugar mixture until fully combined. Use a spatula to carefully incorporate the ube, ensuring not to deflate the beaten eggs. Take in the beautiful purple hue as you mix—this is what will make your Ube Tres Leches Cake visually stunning and delicious.
Step 5: Incorporate Dry Ingredients
Gradually add the dry flour and baking powder mixture to the wet ube batter. Stir gently, just until combined, being careful not to overmix. The goal is to keep the batter light and airy, allowing the Ube Tres Leches Cake to rise beautifully as it bakes.
Step 6: Bake the Cake
Pour the batter into your prepared cake pan, smoothing the top with a spatula. Bake in your preheated oven for 25-30 minutes, or until a toothpick inserted into the center comes out clean. This golden-brown cake will create a delicious base for your soaked creation.
Step 7: Cool the Cake
Once baked, let the cake cool in the pan for about 10 minutes. Carefully transfer it to a wire rack to cool completely. This step is essential for achieving the right texture in your Ube Tres Leches Cake and allows for proper soaking later on.
Step 8: Mix Soaking Mixture
While the cake cools, whisk together condensed milk, evaporated milk, and regular milk in a separate bowl until smooth. This creamy mixture will soak into the cake, adding moisture and sweetness, so make sure it’s well-blended for maximum flavor in your Ube Tres Leches Cake.
Step 9: Soak the Cake
Once the cake is completely cool, prick the surface gently with a fork. Slowly pour the milk mixture over the top, ensuring even coverage. Allow the cake to soak for at least 30 minutes, soaking in all the delicious flavors to make it enticingly moist.
Step 10: Prepare the Frosting
In a clean bowl, beat heavy cream with sugar and vanilla extract until stiff peaks form. This whipped cream will make the perfect topping for your Ube Tres Leches Cake, adding a rich creaminess that complements the soaked cake beautifully.
Step 11: Frost the Cake
Spread the whipped cream generously over the soaked cake, smoothing it out evenly. If desired, add ube dust or fresh fruits on top for an eye-catching presentation. This frosting step not only enhances the flavor of your Ube Tres Leches Cake but also adds a beautiful finish.
Step 12: Chill Before Serving
Refrigerate your decorated Ube Tres Leches Cake for at least 2 hours, allowing the flavors to meld and the cake to set. This waiting period rewards you with a slice that is irresistibly rich and refreshing, ready to wow your guests!

What to Serve with Ube Tres Leches Cake
Indulge in an unforgettable dining experience by complementing your dessert with thoughtfully paired dishes and beverages.
-
Strong Brewed Coffee: The rich, robust flavor cuts through the sweetness, making it a perfect companion for your Ube Tres Leches Cake.
-
Tropical Fruit Salad: A refreshing medley of fruits like mango and pineapple enhances the tropical vibe and offers a burst of freshness.
-
Coconut Macaroons: Their chewy texture and coconut flavor echo the tropical elements of ube, creating a harmonious dessert experience.
-
Whipped Coconut Cream: For a dairy-free option, this luscious topping mirrors the cake’s creaminess while adding a light, airy texture.
-
Chocolate Espresso Brownies: The deep, rich chocolate flavors add a decadent contrast to the cake’s lightness, pleasing any chocolate lover’s palate.
-
Lemon Sorbet: This zesty treat cleanses the palate, allowing the sweet creaminess of your Ube Tres Leches Cake to shine.
-
Milky White Tea: The gentle flavors of this tea complement the ube without overpowering its unique taste, creating a soothing drink option.
-
Sweetened Coconut Milk: Pour this over the cake or sip it alongside for a creamy beverage that enhances the cake’s flavors.
-
Mango Sticky Rice: The sweet, sticky rice pairs beautifully with the Ube Tres Leches Cake, combining textures and flavors from Asian-inspired desserts.
How to Store and Freeze Ube Tres Leches Cake
Room Temperature: Allow the cake to cool completely before storing. Keep it covered at room temperature for up to 1 day, but it’s best enjoyed fresh.
Fridge: Store any leftover Ube Tres Leches Cake in an airtight container in the refrigerator for up to 3 days. This keeps the cake moist and flavorful.
Freezer: For longer storage, wrap slices tightly in plastic wrap and then in aluminum foil or a freezer-safe bag. Freeze for up to 2 months. Thaw in the fridge before serving.
Reheating: If you prefer a warm treat, gently microwave a slice for about 10-15 seconds. Enjoy your perfectly preserved Ube Tres Leches Cake!
Make Ahead Options
These Ube Tres Leches Cake are perfect for busy home cooks looking to save time without sacrificing flavor! You can bake the cake up to 24 hours in advance, allowing it to cool completely and then soak it in your milk mixture for at least 30 minutes. For optimal quality, store the soaked cake in the refrigerator, covered tightly to retain its moisture. You can also prepare the whipped cream frosting ahead of time and refrigerate it in an airtight container for up to 3 days. When you’re ready to serve, simply spread the whipped cream over the cake and adorn it with ube dust or fresh fruits for that stunning finish, creating a delightful dessert with minimal effort!
Ube Tres Leches Cake Variations
Feel free to explore these delightful twists and substitutions to make this Ube Tres Leches Cake truly your own!
- Gluten-Free: Swap all-purpose flour with a gluten-free blend for those with dietary restrictions, ensuring everyone can enjoy this cake.
- Dairy-Free: Use coconut cream in place of heavy cream for the frosting, creating a rich, dairy-free alternative that still tastes heavenly.
- Chocolate Delight: Add a few tablespoons of cocoa powder to the batter for a decadent chocolatey version of this classic cake.
- Fruit-Infused: Layer fresh fruits like berries or mango between the cake and frosting for a burst of freshness, combining vibrant flavors.
- Citrus Zest: Incorporate lemon or lime zest into the whipped cream for a zesty kick that brightens the sweetness of the cake.
- Nutty Crumble: Top with crushed nuts such as almonds or walnuts for an exciting textural contrast that adds a delightful crunch.
- Coffee Flavored: Mix a bit of espresso powder into the soaking mixture to introduce a wonderful coffee flavor that pairs beautifully with ube.
- Layered Surprise: Consider creating a layered version by slicing the cake horizontally and adding additional ube filling for an enchanting twist.
These variations allow you to experiment while keeping the charm of the Ube Tres Leches Cake intact. Don’t hesitate to try them alongside our delicious Eggnog Cupcakes Melt for a festive twist!
Expert Tips for Ube Tres Leches Cake
-
Cool the Cake: Always allow the cake to cool completely before soaking to avoid a soggy texture that could ruin your Ube Tres Leches Cake.
-
Room Temperature Eggs: Using eggs at room temperature helps achieve a fluffier batter, which is essential for your cake’s light and airy texture.
-
Gentle Mixing: When combining dry and wet ingredients, mix just until incorporated to prevent overmixing. This keeps your Ube Tres Leches Cake from becoming dense.
-
Serrated Knife: Use a serrated knife for slicing to maintain clean edges and layers, showcasing the beautiful purple color of your Ube Tres Leches Cake.
-
Storage Tips: Keep leftovers in an airtight container in the refrigerator for up to 3 days. For longer storage, freeze slices tightly wrapped for up to 2 months.

Ube Tres Leches Cake Recipe FAQs
What type of ube should I use for the cake?
Absolutely! For the best flavor and color, I recommend using pureed ube. Look for frozen or canned ube puree in Asian grocery stores or online. Fresh ube is great too, but ensure it’s cooked and blended until smooth for easy incorporation into the batter.
How should I store leftovers of the Ube Tres Leches Cake?
To keep your cake fresh and moist, store leftover Ube Tres Leches Cake in an airtight container in the refrigerator for up to 3 days. You can also cover it tightly with plastic wrap. For the optimum taste, I often suggest enjoying it fresh!
Can I freeze Ube Tres Leches Cake? How?
Certainly! To freeze your Ube Tres Leches Cake, first, let it cool completely. Then, wrap individual slices tightly in plastic wrap, followed by aluminum foil or place them in a freezer-safe bag. It can be frozen for up to 2 months. Thaw in the refrigerator before serving for best results.
What should I do if my cake turned out too dense?
If your cake is dense, it might be due to overmixing the batter or incorrect egg measurements. For a lighter cake next time, ensure you gently fold the dry ingredients into the wet mixture until just combined. Additionally, always use room temperature eggs for fluffiness, as they incorporate air better.
Are there any dietary considerations for this recipe?
Very! The Ube Tres Leches Cake can be made gluten-free by substituting all-purpose flour with a gluten-free flour blend. For a dairy-free option, use coconut cream instead of heavy cream for frosting and almond or oat milk for the soaking mixture. Everyone can savor this delightful treat!
How long should the cake soak in the milk mixture?
For an enchanting flavor and moisture infusion, I suggest letting your Ube Tres Leches Cake soak in the milk mixture for at least 30 minutes. However, for the ultimate experience, cover it and refrigerate for a few hours or overnight. The longer, the tastier!

Decadent Ube Tres Leches Cake That Will Wow Your Guests
Ingredients
Equipment
Method
- Preheat your oven to 350°F (175°C). Grease a round cake pan.
- In a mixing bowl, whisk together the all-purpose flour and baking powder.
- In another large mixing bowl, beat the room-temperature eggs and sugar until pale yellow and fluffy.
- Gently fold the pureed ube into the egg and sugar mixture until fully combined.
- Gradually add the dry ingredients to the wet mixture, stirring gently until just combined.
- Pour the batter into the prepared cake pan and bake for 25-30 minutes.
- Allow the cake to cool in the pan for about 10 minutes before transferring to a wire rack.
- Whisk together condensed milk, evaporated milk, and milk in a bowl until smooth.
- Once the cake is cool, prick the surface and pour the milk mixture over it.
- Allow the cake to soak for at least 30 minutes.
- Beat heavy cream with sugar and vanilla extract until stiff peaks form.
- Spread the whipped cream over the soaked cake and add toppings if desired.
- Refrigerate for at least 2 hours before serving.
