As I stood in my kitchen, the tantalizing aroma of fresh-baked cake filled the air, transporting me back to that magical moment I first discovered the Ube Tres Leches Cake. This enchanting dessert captures the essence of a cozy gathering, marrying the creamy richness of traditional tres leches cake with the beautiful earthiness of ube. Not only does it boast a moist, airy texture that melts in your mouth, but it’s also a versatile treat that can easily be made gluten-free. Whether it’s for a festive celebration or just to brighten up your week, this fusion dessert promises to impress both friends and family alike. What’s your favorite cake memory to recreate?

Why is Ube Tres Leches Cake So Irresistible?
Irresistible Fusion: Combining the charm of traditional tres leches with the unique flavor of ube, this cake brings an exciting twist to your dessert table.
Moist & Creamy: Soaked in a luscious blend of three milks, this cake guarantees a moist, airy texture that melts in your mouth.
Colorful Presentation: The beautiful lavender hue makes it not only delicious but also a stunning centerpiece for any occasion.
Versatile Options: Easily customize it to fit dietary preferences—turn it gluten-free or swap ingredients to suit any palate, just like with my Oreo Cheesecake Cookie treat!
Crowd-Pleasing Delight: Perfect for parties or simply to enjoy at home, this cake is sure to impress family and friends alike, reminiscent of flavors found in my Lemon Poppy Cake.
Make-Ahead Magic: Prep it a day in advance to watch the flavors meld together for an even richer experience!
Ube Tres Leches Cake Ingredients
For the Cake
- All-purpose flour – Structure; can be substituted with gluten-free flour for a gluten-free Ube Tres Leches Cake.
- Baking powder – Leavening agent; essential for achieving a light and airy cake texture.
- Salt – Enhances flavor.
- Eggs (separated yolks and whites) – Provides structure and aeration; vital for a fluffy cake.
- Whole milk – Adds moisture; can be replaced with a dairy-free alternative if necessary.
- Granulated sugar – Sweetness and structure; use coconut sugar for a healthier option.
- Ube extract – Flavor and color; ensure it is pure for an authentic taste.
- Ube halaya (ube jam) – Delivers moisture and flavor; can use homemade or store-bought.
For the Soaking Liquid
- Evaporated milk – Dairy base for soaking; substitute with coconut evaporated milk for a dairy-free version.
- Condensed milk – Sweetness and richness.
- Coconut milk – Adds a tropical flavor; it can be swapped with almond or soy milk for a different profile.
For the Whipped Topping
- Heavy whipping cream – For a rich whipped topping; use coconut whipped cream for a non-dairy option.
- Granulated sugar (for whipped topping) – Sweetness to balance the topping; adjust to taste.
Enjoy putting together these fantastic ingredients to create your own Ube Tres Leches Cake masterpiece!
Step‑by‑Step Instructions for Ube Tres Leches Cake
Step 1: Preheat the Oven
Begin by preheating your oven to 350°F (180°C) while you prepare the baking dish. Generously butter a 9×13-inch baking dish to ensure your Ube Tres Leches Cake releases perfectly after baking. As the oven heats, gather your ingredients to keep the process smooth and organized.
Step 2: Prepare the Dry Ingredients
In a mixing bowl, sift together the all-purpose flour, baking powder, and a pinch of salt. This step is crucial for aerating the dry ingredients, ensuring your cake has that light and airy texture. Set this mixture aside while you focus on the wet ingredients to keep everything in order.
Step 3: Mix Wet Ingredients
In a separate large bowl, beat the egg yolks and ¾ cup of sugar until light and fluffy, which should take about 3-5 minutes. Then, mix in the ube halaya, ube extract, and whole milk, blending everything until smooth. This vibrant mixture will serve as the flavorful base of your Ube Tres Leches Cake.
Step 4: Combine Dry and Wet Ingredients
Gently fold the wet ingredients into the flour mixture, using a spatula to combine until just incorporated. Be careful not to overmix. The batter will have a lovely lavender hue from the ube, setting the stage for a delightful dessert.
Step 5: Whip Egg Whites
In another clean bowl, beat the egg whites with ¼ cup of sugar until stiff peaks form, which typically takes about 5-7 minutes. The egg whites provide a lightness to your cake, making it fluffy and airy. Once ready, gently fold them into the batter to incorporate without deflating the mixture.
Step 6: Bake the Cake
Pour the prepared batter into your buttered baking dish, smoothing the top with a spatula. Bake in the preheated oven for 30 minutes, or until the cake is golden and a toothpick inserted comes out clean. Once baked, let it cool for at least 1 hour to prepare for soaking.
Step 7: Prepare the Milk Mixture
While the cake cools, whisk together evaporated milk, condensed milk, coconut milk, and an extra splash of ube extract in a bowl. This rich, creamy mixture is key to the moistness of your Ube Tres Leches Cake. Set this aside where it will be easily accessible once the cake has cooled.
Step 8: Soak the Cake
Once the cake has fully cooled, poke holes all over its surface with a fork, ensuring they are spaced out evenly. Slowly pour the milk mixture over the cake, allowing it to soak in thoroughly. Let the cake sit for 20 minutes in the pan before refrigerating it to absorb even more flavor for at least 8 hours—preferably overnight.
Step 9: Make the Whipped Topping
For the topping, beat together heavy whipping cream, ½ cup of coconut milk, and a bit of sugar until soft peaks form, taking about 3-5 minutes. The result should be a luscious, creamy texture—perfect for crowning your Ube Tres Leches Cake.
Step 10: Frost and Chill
Spread the whipped topping evenly over the chilled cake, creating a smooth layer that highlights the beautiful colors of the dessert. If you desire a firmer topping, chill the cake in the refrigerator for an additional 2 hours before serving, allowing the flavors to meld together beautifully.
Step 11: Serve and Enjoy
Slice the Ube Tres Leches Cake into squares and serve chilled. For a vibrant presentation, consider garnishing with fresh fruit or edible flowers, adding a lovely contrast to the rich, creamy dessert. Dig in and savor the unique flavor of this luscious fusion treat!

Expert Tips for Ube Tres Leches Cake
-
Beat for Fluffiness: Ensure your egg yolks are beaten until pale and fluffy for a lighter cake. This crucial step helps create that desirable airy texture in your Ube Tres Leches Cake.
-
Poke Holes Wisely: Poke enough holes in the cooled cake to allow the milk mixture to soak through without making the cake soggy. This ensures maximum flavor absorption.
-
Chill for Flavor: Refrigerating the cake overnight is recommended for the best flavor integration. The longer it sits, the more delightful the blend of milks and ube becomes.
-
Choose Quality Ingredients: Using high-quality ube extract will significantly enhance both the flavor and appearance of your cake. Avoid synthetic options for a true taste of ube.
-
Mix Whipped Topping Carefully: When making your whipped topping, ensure you don’t overbeat; you want soft peaks for a creamy consistency that complements the Ube Tres Leches Cake perfectly.
What to Serve with Ube Tres Leches Cake
Delight your senses with these perfect pairings that elevate your Ube Tres Leches Cake experience!
-
Fresh Berries: The tartness of strawberries or blueberries contrasts beautifully with the creamy sweetness of the cake for a refreshing bite.
-
Coconut Sorbet: A scoop of this light, tropical dessert enhances the coconut notes from the cake, bringing a cool, creamy touch to each mouthful.
-
Espresso or Coffee: The rich flavors of a robust coffee brew balance the sweetness of the ube while providing a warm and cozy ambiance for dessert.
-
Mango Salsa: A vibrant mix of sweet mango, citrus, and mint adds an unexpected burst of freshness, cutting through the cake’s richness.
-
Whipped Cream Topping: Keep it simple with a dollop of lightly sweetened whipped cream, perfect for adding airiness and a decadent finish to each slice.
-
Chocolate Drizzle: For chocolate lovers, a drizzle of dark chocolate ganache pairs perfectly, adding a luxurious touch to the floral flavors of ube.
-
Pineapple Chunks: Juicy pineapple adds a bright, tropical flavor that complements the cake’s earthiness, giving a refreshing twist to each bite.
-
Lemonade or Iced Tea: These beverages provide a refreshing counterpoint to the richness of the dessert, enhancing your overall enjoyment of the meal.
-
Edible Flowers: Garnishing with edible flowers like violets or nasturtiums not only adds vibrant aesthetics but also a hint of peppery flavor that intriguingly complements the sweetness.
Ube Tres Leches Cake Variations
Feel free to explore your creativity with these delightful twists for your Ube Tres Leches Cake!
-
Gluten-Free: Substitute all-purpose flour with a gluten-free blend to cater to those with dietary restrictions. Just ensure your baking powder is gluten-free as well.
-
Dairy-Free: Use almond or oat milk instead of whole milk and coconut whipped cream for a creamy, dairy-free alternative. Your cake will still be rich and flavorful!
-
Coconut Infusion: For an extra tropical touch, integrate shredded coconut into the batter or sprinkle on top of the whipped cream for flair. This adds another layer of sweetness and texture.
-
Fruit Topping: Brighten your dessert by layering fresh mango, strawberries, or blueberries on top before serving. The fruity contrast complements the sweetness of the ube beautifully.
-
Decadent Chocolate: Add cocoa powder to the batter for a chocolate-infused version. You can also drizzle chocolate ganache over the cake for a truly indulgent treat.
-
Nutty Flavor Boost: Incorporate finely chopped nuts, such as pistachios or almonds, into the topping for a delightful crunch. This adds another flavor dimension to every bite.
-
Spiced Delight: Mix in a pinch of cinnamon or nutmeg into the milk soaking liquid for a warm flavor boost. Adding spices can create a comforting vibe, reminiscent of baking during the holidays.
-
Layered Ube Experience: Create a layered version by building the cake in a trifle dish with alternating layers of ube cake cubes, whipped cream, and fruit for a stunning presentation!
Regardless of which variations you choose, each will bring a unique flair to your dessert spread. And if you’re looking for other delightful treats, don’t miss out on my Velvet Strawberry Cheesecake or the comforting Pumpkin Cake Moist. Enjoy the journey of creating your dream Ube Tres Leches Cake!
How to Store and Freeze Ube Tres Leches Cake
Fridge: Store covered in the refrigerator for up to 3 days to maintain its moisture and flavor. Avoid exposing the cake to air to prevent it from drying out.
Freezer: For longer storage, freeze the soaked Ube Tres Leches Cake (without the whipped topping) in an airtight container for up to 2 months. Thaw overnight in the fridge when ready to enjoy.
Reheating: If desired, reheating slices in the microwave for 10-15 seconds will warm the cake, enhancing its creamy texture, but be careful not to overheat.
Serving After Storage: After freezing, top with freshly made whipped cream just before serving for the best taste and presentation, allowing everyone to enjoy this delightful Ube Tres Leches Cake just as you intended!
Make Ahead Options
The Ube Tres Leches Cake is a fantastic option for busy weeknights or special gatherings, allowing you to prep ahead and save precious time. You can bake the cake itself up to 24 hours in advance, ensuring it cools completely before soaking. After baking, poke holes and soak it with the milk mixture, then refrigerate the cake for at least 8 hours, or preferably overnight, to enhance the creamy texture and flavor integration. For serving, whip the topping just before you’re ready to indulge, ensuring it’s fresh and fluffy. This method maintains the rich moisture and delightful taste, making your Ube Tres Leches Cake just as delicious even when prepared ahead!

Ube Tres Leches Cake Recipe FAQs
What kind of ube extract should I use?
Absolutely! For the best flavor, I recommend using pure ube extract rather than synthetic versions. High-quality extract can significantly enhance both the flavor and the color of your Ube Tres Leches Cake, ensuring that you enjoy the delightful earthy sweetness of ube in every bite.
How should I store any leftover Ube Tres Leches Cake?
To maintain the cake’s moisture and flavor, store it covered in the refrigerator for up to 3 days. This prevents air exposure, which could dry it out. Before serving, give it a gentle stir or a quick reheat in the microwave—no more than 10-15 seconds—to refresh the delicious creamy texture!
Can I freeze Ube Tres Leches Cake?
Absolutely! You can freeze the soaked Ube Tres Leches Cake (without the whipped topping) in an airtight container for up to 2 months. To freeze, wrap the cake tightly with plastic wrap, followed by aluminum foil to protect it from freezer burn. When ready to enjoy, simply thaw it overnight in the refrigerator before topping with freshly whipped cream.
What should I do if my cake is too soggy?
If your Ube Tres Leches Cake ends up too soggy, it usually means there were too many holes poked or too much milk mixture was added. To salvage it, gently pour off any excess liquid before serving or try layering some whipped topping to help balance the flavors. Remember, for best results, poke enough holes to allow the milk to soak without overly saturating the cake.
Can I adapt this recipe for dietary restrictions, like gluten-free?
Very much! To make a gluten-free Ube Tres Leches Cake, simply substitute all-purpose flour with a gluten-free flour blend. Look for one that contains xanthan gum or another binding agent to help achieve the airy texture. Additionally, keep an eye on the label for other ingredients if you’re catering to allergies, like ensuring the ube extract is gluten-free.
How long should I chill the cake before serving?
I often recommend refrigerating the Ube Tres Leches Cake for at least 8 hours, preferably overnight, to allow the flavors to meld beautifully. If you like a firmer topping, chill it for an additional 2 hours before serving. This lets the magic happen and results in a dessert that’s exceptionally rich and flavorful.

Ube Tres Leches Cake: A Creamy Twist on a Beloved Classic
Ingredients
Equipment
Method
- Preheat your oven to 350°F (180°C) and butter a 9x13-inch baking dish.
- Sift together all-purpose flour, baking powder, and salt in a mixing bowl.
- In a separate bowl, beat egg yolks and ¾ cup of sugar until light and fluffy. Mix in ube halaya, ube extract, and whole milk until smooth.
- Gently fold wet ingredients into the flour mixture until just incorporated.
- Beat egg whites with ¼ cup of sugar until stiff peaks form, then gently fold into the batter.
- Pour batter into the baking dish and bake for 30 minutes, or until golden and a toothpick comes out clean. Cool for 1 hour.
- Whisk together evaporated milk, condensed milk, coconut milk, and extra ube extract.
- Poke holes in the cooled cake and pour the milk mixture over it. Let sit for 20 minutes before refrigerating for at least 8 hours.
- Beat heavy whipping cream, ½ cup of coconut milk, and sugar until soft peaks form.
- Spread the whipped topping over the chilled cake and chill for another 2 hours before serving.
- Slice the cake into squares and serve cold, optionally garnished with fresh fruit or edible flowers.

Leave a Reply