While browsing through a colorful dessert market, I stumbled upon deep purple ube treats that beckoned me with their earthy sweetness—an experience that instantly transported me to the heart of Filipino culture. That’s when I knew I had to recreate this delight at home with my Ube Tres Leches Cake Recipe. This luscious cake takes the classic tres leches and elevates it with the nutty, vibrant flavor of ube, making it a delightful addition to any gathering or a comforting finish to a family meal. Not to mention, it’s incredibly easy to whip up, ensuring you spend less time in the kitchen and more time savoring joy-filled moments with loved ones. Curious about how a simple blend of ingredients can transform into a stunning showstopper? Let’s dive in!

Why is Ube Tres Leches Cake Special?
Vibrant Color: The stunning purple hue of ube makes this cake a centerpiece for any occasion, instantly catching eyes and sparking interest.
Richly Layered Flavor: Each bite offers a delicious combination of earthy sweetness from ube and the classic creaminess of tres leches, elevating your dessert experience.
Simple Prep: With straightforward steps, you won’t need advanced baking skills to create this masterpiece, allowing you to impress guests without the stress.
Crowd-Pleaser: Whether it’s a birthday or a quiet family dinner, this cake is sure to be a hit, satisfying sweet cravings across all ages.
Versatile Twists: Feel free to experiment by adding fresh fruits or trying out different flavors. If you’re in the mood for a twist, you can also check out my Crunchy Hot Honey Chicken for a savory side dish that pairs beautifully!
Ube Tres Leches Cake Ingredients
For the Cake
- Cake Flour – Provides structure and a light, airy texture; substitute with all-purpose flour if unavailable.
- Ube – Offers unique earthy sweetness and vibrant purple color; fresh ube works best, but ube extract can be used as an alternative.
- Eggs – Acts as a binder for richness and structure; always opt for fresh eggs.
- Sugar – Sweetens the cake and balances flavors; granulated sugar is standard, but alternative sweeteners are welcome.
- Whole Milk – Contributes to the moistness of the cake; almond milk can replace it for a dairy-free option.
For the Milk Soak
- Coconut Milk – Adds creaminess and enhances the tropical profile; can be substituted with more whole milk if needed.
- Evaporated Milk – Essential for creating the tres leches effect; ideally irreplaceable, though condensed milk with water may suffice.
- Sweetened Condensed Milk – Provides sweetness and thickness to the soak; no substitute needed for the best texture.
- Vanilla Extract – Enhances the flavor; using vanilla bean gives an even richer taste.
For the Topping
- Heavy Cream – Ensures a fluffy finish as the whipped topping; coconut cream can be used for a dairy-free version.
Step‑by‑Step Instructions for Ube Tres Leches Cake Recipe
Step 1: Preheat and Prepare the Cake Batter
Begin by preheating your oven to 350°F (175°C). In a large mixing bowl, combine cake flour, sugar, and a pinch of salt. In another bowl, beat the eggs until they become pale and fluffy, about 5 minutes. Gradually mix the egg mixture into the dry ingredients, and carefully fold in the ube puree until well blended, ensuring a smooth and colorful batter.
Step 2: Bake the Cake
Pour the prepared ube cake batter into a greased 9×13 inch baking pan. Smooth the top with a spatula for even baking. Place it in the preheated oven and bake for 25-30 minutes, or until a toothpick inserted in the center comes out clean. Once baked, remove the cake from the oven and allow it to cool in the pan for about 15 minutes before transferring it to a wire rack.
Step 3: Make the Milk Soak
While the cake is cooling, prepare the tres leches milk mixture. In a bowl, combine coconut milk, evaporated milk, and sweetened condensed milk. Add a splash of vanilla extract for extra flavor. Whisk the mixture until it’s well combined and smooth. Set aside, allowing the flavors to meld together while the cake completes cooling.
Step 4: Soak the Cake
After the cake has cooled completely, use a skewer or toothpick to poke holes evenly across the surface—about 1 inch apart. This will ensure the milk soak penetrates well. Slowly pour the milk mixture over the cake, allowing it to soak in thoroughly. Cover the cake with plastic wrap and let it absorb the milk in the refrigerator for at least 2 hours, preferably overnight for maximum flavor.
Step 5: Prepare the Whipped Topping
In a mixing bowl, beat the heavy cream using an electric mixer on medium speed until soft peaks form—this should take about 3-5 minutes. Be cautious not to over-whip it, as you want a light, fluffy topping. Once ready, gently spread the whipped cream evenly over the soaked Ube Tres Leches Cake, ensuring a beautiful finish.
Step 6: Chill and Serve
Cover the completed cake and return it to the refrigerator for an additional hour before serving. This will help the flavors meld and enhance the overall taste. When ready to serve, slice into squares and garnish with desiccated coconut or fresh fruit if desired. Enjoy the delightful layers of flavor that your Ube Tres Leches Cake has to offer!

Make Ahead Options
These Ube Tres Leches Cake preparations are perfect for busy home cooks looking to save time without sacrificing flavor! You can prepare the cake itself up to 24 hours in advance—just bake and let it cool before soaking. The milk mixture can also be made up to 3 days ahead; simply refrigerate it until you’re ready to use. When it’s time to serve, poke holes in the cooled cake and pour the milk mixture over it, allowing it to soak for at least 2 hours, or preferably overnight. For the whipped topping, whip the heavy cream right before serving to ensure it stays fluffy and light. This way, you’ll have a stunning dessert ready to impress with minimal last-minute effort!
How to Store and Freeze Ube Tres Leches Cake
Fridge: Store the Ube Tres Leches Cake covered in the fridge for up to 5 days. This keeps it fresh while maintaining its creamy texture and flavor.
Freezer: If you want to freeze leftovers, wrap individual slices tightly in plastic wrap, then place them in an airtight container. It can be frozen for up to 3 months without losing its deliciousness.
Thawing: To enjoy frozen slices, simply transfer them to the fridge to thaw overnight. This gentle method preserves the cake’s moistness and flavor.
Reheating: If you like it slightly warm, microwave a slice for about 15-20 seconds before serving, but be mindful not to overheat, which can affect texture.
What to Serve with Ube Tres Leches Cake
Elevate your Ube Tres Leches Cake experience with delightful accompanying dishes that harmonize in flavor and texture.
-
Coconut Macaroons: The chewy sweetness of coconut macaroons contrasts beautifully with the creamy richness, creating a delightful textural balance.
-
Fruit Salad: A refreshing mix of tropical fruits adds brightness and acidity, cutting through the cake’s richness and cleansing the palate.
-
Grilled Pineapple: Drizzled with honey and grilled, this warm fruit brings caramelized sweetness, enhancing the cake’s vibrant flavors.
-
Filipino Leche Flan: This silky caramel custard complements the tres leches cake’s creaminess—perfect for those who appreciate traditional Filipino desserts.
-
Espresso or Coffee: The bold, rich flavors of a warm cup of coffee pair wonderfully with the cake, balancing the sweetness with a touch of bitterness.
-
Whipped Cream: Light, fluffy whipped cream on the side not only enhances the cake but invites even more indulgence, creating a truly luxurious dessert experience.
-
Chocolate-Dipped Strawberries: Offering a touch of elegance, these berries add a refreshing element and a hint of tartness alongside the sweet cake.
-
Hibiscus Iced Tea: The floral notes of hibiscus tea provide a refreshing counterpoint, making it a delightful drink option alongside rich desserts.
-
Mango Float: Another Filipino classic, this creamy dessert pairs surprisingly well, offering a delightful combination of textures and flavors.
With these pairings, your dessert experience will be nothing short of spectacular!
Ube Tres Leches Cake Variations
Feel free to experiment and make this delicious cake your own with these fun twists!
-
Different Flavors: Swap out the ube puree for matcha or chocolate to create unique flavor profiles that delight the senses. These changes add a different layer of richness and complexity that your guests will love.
-
Fresh Fruits: Top the cake with fresh berries, bananas, or mango slices for a refreshing balance to the sweetness. This splash of color and flavor will elevate the look and taste of your cake, making every bite an adventure.
-
Nutty Crunch: Add toasted coconut or crushed macadamia nuts either into the batter or as a topping for added texture and flavor. The crunchy elements create a beautiful contrast against the soft, moist cake.
-
Dairy-Free Delight: Substitute heavy cream for coconut cream in the topping to make a wholly dairy-free option without sacrificing creaminess. With its tropical taste, this will make your cake even more inviting!
-
Spiced Up: Add a pinch of cinnamon or nutmeg to the milk soak for a warm spice twist that brings an extra depth of flavor. The warmth from the spices pairs wonderfully with the ube’s earthiness.
-
Sugar-Free Version: For a healthier option, try using a sugar substitute like stevia or erythritol for those mindful of their sugar intake. It still delivers the sweetness you crave without the extra calories.
If you’re inspired to balance sweetness with some savory, how about serving this lovely cake alongside my Fiesta Lime Chicken? It makes for an exciting culinary experience!
- Gourmet Touch: Drizzle some melted dark chocolate on top for an elegant finish, making your dessert even more irresistible. The combination of ube and chocolate creates a luxurious pairing that nobody can resist.
Get creative! Your Ube Tres Leches Cake can be a canvas for endless culinary possibilities.
Expert Tips for Ube Tres Leches Cake
-
Egg Whisking: Ensure the eggs are beaten until pale and fluffy to create a light, airy cake texture—this is key for a successful Ube Tres Leches Cake.
-
Poking Holes: Poke holes evenly across the cake’s surface before soaking to allow the milk mixture to absorb thoroughly, ensuring every bite is moist and flavorful.
-
Chill Time: Allow the cake to chill for at least 2 hours after soaking, but preferably overnight. This enhances the flavor and gives a better texture to the cake.
-
Slicing: Use a serrated knife to cut the cake after it has chilled, maintaining the delicate layers and preventing squishing of the soft cake.
-
Topping Variation: Experiment with toppings such as fresh fruits or toasted coconut for added texture and flavor variance; just be mindful not to overpower the cake’s delicate ube flavor.

Ube Tres Leches Cake Recipe FAQs
How do I choose ripe ube for my Ube Tres Leches Cake?
Absolutely! When selecting ube, look for ones that are firm and smooth. Avoid any that have dark spots all over or feel soft to the touch. Fresh ube should have a vibrant purple hue, indicating optimal freshness and flavor.
How should I store my Ube Tres Leches Cake, and how long will it last?
You can store your Ube Tres Leches Cake covered in the refrigerator for up to 5 days. Be sure to keep it well-covered to maintain its moisture and fluffy texture. If you’re planning on keeping it longer, freezing is a great option.
Can I freeze Ube Tres Leches Cake? If so, how?
Yes, you can! To freeze, slice the cake into individual portions and wrap each slice tightly in plastic wrap. Then, place the wrapped slices into an airtight container or freezer bag. This way, your Ube Tres Leches Cake can stay delicious for up to 3 months. Just be sure to label them, so you don’t forget those purple delights!
What should I do if my cake doesn’t absorb the milk mixture well?
Very! If you notice your cake isn’t soaking up the milk properly, it might be due to insufficient poking or spreading of the milk mixture. To troubleshoot, use a skewer to pierce holes deeper and closer together, then gently pour the milk mixture slowly, allowing it to really penetrate each section. Patience is key—let it chill for a few hours after soaking for the best results.
Is there a way to make my Ube Tres Leches Cake dairy-free?
Absolutely! To make this cake dairy-free, you can substitute whole milk with almond or oat milk and use coconut cream in place of heavy cream for the topping. The ube flavor shines through without it being overly reliant on dairy, so enjoy it guilt-free!
Can pets eat ube, and are there any allergen considerations?
Definitely! Ube itself is safe for pets in small quantities, but due to the sugar and other ingredients in the cake, it’s best to keep it as a special treat for yourself. For allergies, always consider potential triggers from other ingredients, such as whole milk or eggs, to ensure everyone can enjoy this treat safely!

Delicious Ube Tres Leches Cake Recipe
Ingredients
Equipment
Method
- Preheat your oven to 350°F (175°C) and prepare cake batter by mixing flour, sugar, and salt. Beat eggs until pale and fluffy, then fold in ube puree.
- Pour batter into a greased 9x13 inch baking pan and bake for 25-30 minutes until a toothpick comes out clean. Cool for 15 minutes before transferring to wire rack.
- Prepare milk soak by combining coconut milk, evaporated milk, sweetened condensed milk, and vanilla extract. Whisk until smooth.
- Poke holes in cooled cake and slowly pour milk mixture over it, covering with plastic wrap and refrigerate for at least 2 hours, preferably overnight.
- Beat heavy cream until soft peaks form and spread over soaked cake for a fluffy topping.
- Chill for another hour before serving. Slice and garnish as desired.

Leave a Reply