There’s nothing quite like the comforting embrace of a homemade dessert, and I’ve discovered that this Ube Custard Cake is the perfect showstopper for any gathering. As I whisked together the vibrant purple ube halaya with silky custard, the enticing aroma filled my kitchen, transporting me to my childhood where each dessert was made with love and patience.
After a long day of juggling responsibilities, this cake became my little slice of heaven – a delightful blend of creamy custard and spongy ube that is not just delicious but also incredibly satisfying to make. Whether you’re surprising loved ones at a weekend brunch or simply treating yourself to an indulgent dessert, this cake promises to impress with its stunning presentation and rich flavors.
What’s even better? It’s easier to prepare than it looks! So, let’s dive into the steps that will transform this unique fusion of flavors into a masterpiece right in your home kitchen.

Why is Ube Custard Cake so special?
Deliciousness defined: This cake is a stunning combination of rich, creamy custard and light, fluffy ube cake that will delight any dessert lover.
Stunning presentation: The glossy caramel top and vibrant purple layers make it a showstopper for any table!
Easy to recreate: With simple ingredients and straightforward steps, you’ll master this recipe effortlessly—perfect for both novice and seasoned bakers.
Versatile treat: Serve it chilled for a refreshing dessert or warm it up for a cozy indulgence.
Crowd-pleaser: Whether it’s a festive gathering or a casual get-together, this cake is sure to leave your guests raving.
For more tips on baking perfect cakes, consider checking out my guide on cake baking essentials.
Ube Custard Cake Ingredients
Ready to create something truly special? Here’s what you need for your delightful Ube Custard Cake!
For the Caramel
- Granulated sugar – A sweet foundation for your glossy caramel layer!
- Water – Helps dissolve the sugar for the perfect consistency.
For the Custard
- Egg yolks – They create a rich, creamy texture in your custard.
- Condensed milk – Adds sweetness and creaminess for that indulgent flavor.
- Evaporated milk – Balances the sweetness while contributing to a silky smooth custard.
- Vanilla extract – Enhances the flavors for a delightful aroma.
- Salt – Just a pinch will elevate the overall taste.
For the Ube Cake Batter
- All-purpose flour – Provides the structure needed for a fluffy cake.
- Granulated sugar – Sweetness that harmonizes with the ube flavor.
- Milk – Contributes moisture to create a tender crumb.
- Ube halaya – The star ingredient that provides that beautiful purple hue and unique flavor!
- Vegetable oil – Keeps the cake moist and tender.
- Eggs (separated) – Yolks for richness and whites for aeration when whipped.
- Ube extract – Intensifies the ube flavor for a deliciously unique twist.
- Baking powder – Ensures your cake rises to fluffy perfection.
- Salt – A little enhances the flavor balance in the cake.
- Cream of tartar – Stabilizes the whipped egg whites for a light texture.
With all these ingredients at your disposal, you’re ready to create a dessert that’s not only visually stunning but also deliciously satisfying! Enjoy every moment of whipping up this Ube Custard Cake!
How to Make Ube Custard Cake
-
Prepare the caramel: Combine sugar and water in a saucepan over medium heat. Cook without stirring until it turns a gorgeous golden amber color, which will become the base of your cake.
-
Pour the caramel: Immediately transfer the caramel into the bottom of a 9-inch square or deep oven-safe glass baking dish. Gently swirl to coat the bottom and set it aside to cool.
-
Make the custard: In a mixing bowl, whisk together the egg yolks, condensed milk, evaporated milk, vanilla extract, and salt until smooth. This creamy mixture forms the luscious custard layer.
-
Strain the custard: Pour the whisked custard through a fine-mesh sieve into another bowl, ensuring a silky texture by removing lumps and bubbles.
-
Layer the custard: Carefully pour the freshly strained custard over the cooled caramel, creating an even layer that will be the heart of your delightful dessert.
-
Prepare the ube batter: Preheat your oven to 160°C (320°F) to get it ready for baking.
-
Mix dry ingredients: In a bowl, whisk together the all-purpose flour, baking powder, and salt. This mix provides the structure for the delightful ube cake.
-
Combine wet ingredients: In another bowl, whisk together the egg yolks, sugar, milk, ube halaya, vegetable oil, and ube extract until you have a smooth and colorful mixture.
-
Mix together: Gradually incorporate the dry ingredients into the wet mixture, mixing until just combined—this prevents overmixing for a lighter cake.
-
Whip the egg whites: In a separate clean bowl, beat the egg whites and cream of tartar until soft peaks form, adding a delightful lightness to your cake.
-
Sweeten it up: Gradually add ¼ cup of sugar to the whipped egg whites, continuing to beat until stiff peaks form for a fluffy cake texture.
-
Fold gently: Carefully fold the whipped egg whites into the ube batter in three additions, ensuring you keep that airy lightness for a tender cake.
-
Assemble the cake: Gently spoon the ube batter over the custard layer, spreading it evenly without disturbing the layers.
-
Set up the water bath: Place the glass baking dish inside a larger roasting pan. Fill the roasting pan with hot water until it reaches halfway up the sides of the baking dish, which helps with even baking.
-
Bake: Slide the cake into the oven and bake for approximately 55-70 minutes. It’s done when a toothpick inserted into the cake comes out clean!
-
Cool down: Once baked, remove the dish from the water bath and allow it to cool completely before refrigerating.
-
Chill and set: Place the cooled cake in the refrigerator for at least 4–6 hours (or preferably overnight) to let the custard set properly.
-
Invert the cake: Carefully run a thin knife around the edges. With gentle precision, invert the cake onto a large serving platter to showcase the glossy caramel custard on top.
-
Slice and serve: Cut the cake into 12–16 generous square slices and serve chilled for a sweet, satisfying treat!
Optional: Top with fresh fruits or whipped cream for an extra delightful touch!
Exact quantities are listed in the recipe card below.

How to Store and Freeze Ube Custard Cake
Fridge: Store leftover slices in an airtight container in the refrigerator for up to 3 days to maintain freshness and creaminess.
Freezer: If you want to keep the cake longer, you can freeze it for up to 2 months. Wrap individual slices tightly in plastic wrap, then place them in a freezer-safe container.
Thawing: To enjoy your frozen Ube Custard Cake, transfer it to the fridge overnight to thaw. Avoid microwaving, as this may alter the texture of the custard.
Reheating: If you prefer your cake warm, gently reheat it in the oven at 150°C (300°F) for about 10 minutes—just enough to take off the chill without cooking it further.
What to Serve with Ube Custard Cake?
Imagine brightening up your dessert table with stunning colors and rich flavors that perfectly complement your show-stopping cake.
-
Fresh Mango Slices: The sweetness of ripe mangoes adds a tropical twist that balances the creamy custard while enhancing the presentation.
-
Coconut Gelato: This creamy, refreshing treat harmonizes beautifully with the flavors of ube and adds a delightful chill to each bite.
-
Whipped Cream: A dollop of lightly sweetened whipped cream offers a lightness that elevates the cake’s rich texture, making each slice even more indulgent.
-
Boba Tea: Serve with a chilled or warm boba tea for a fun contrast in texture and flavor, perfect for a delightful afternoon treat.
-
Macadamia Nuts: Scatter chopped macadamia nuts over the top for a crunchy element that adds nuttiness and a satisfying crunch, perfectly balancing the smoothness of the custard.
-
Coffee or Espresso: A warm cup of coffee or espresso enhances the sweetness of the Ube Custard Cake, creating a delightful pairing that brings out the flavors.
Indulging in these accompaniments will make your dessert experience even more memorable and satisfying!
Make Ahead Options
These Ube Custard Cakes are perfect for busy home cooks looking to save time without sacrificing deliciousness! You can prepare the caramel and custard layers and refrigerate them up to 24 hours in advance. Simply make the caramel and let it cool in your baking dish, followed by preparing the custard and pouring it over the caramel. When you’re ready to bake, mix the ube cake batter and assemble as instructed. This way, you’ll only need to focus on baking and cooling, ensuring the cake is just as delightful upon serving. Remember, chilling it for at least 4–6 hours, preferably overnight, allows the custard to set perfectly, giving you a luscious dessert ideal for any occasion.
Ube Custard Cake Variations
Feel free to put your twist on this delightful dessert and make it your own!
-
Dairy-Free: Substitute condensed and evaporated milk with coconut milk for a tropical flavor that complements the ube beautifully.
You’ll still get that creamy texture, but with a hint of coconut that adds a delightful depth. -
Gluten-Free: Use almond flour or a gluten-free baking blend to replace all-purpose flour without sacrificing taste.
Your cake will be just as fluffy, and your gluten-sensitive friends will appreciate the effort! -
Sweetener Swap: If you’re watching sugar intake, try using natural sweeteners like stevia or monk fruit instead of granulated sugar.
This swap keeps the cake sweet without the calories, making it a guilt-free indulgence. -
Nutty Crunch: Fold in about ½ cup of finely chopped nuts, such as pecans or walnuts, for an added texture.
This gives a lovely crunch and a flavor contrast that complements the soft custard. -
Citrus Zest: Add a teaspoon of lemon or orange zest to the batter for a fresh, zesty lift.
The citrus notes will brighten each bite and balance the sweetness of the cake. -
Spice It Up: Mix in a pinch of cinnamon or nutmeg for a warm spice that pairs perfectly with the creamy layers.
This little addition adds depth and rounds out the flavors beautifully! -
Chocolate Drizzle: Top your cooled cake with melted dark chocolate for a rich, decadent finish.
Not only does it look gorgeous, but the chocolate also complements the flavors in an indulgent way. -
Berry Burst: Add a layer of fresh berries, such as blueberries or raspberries, between the custard and ube cake for a fruity surprise.
This creates a fresh contrast in both flavor and texture, elevating the cake to new heights.
Let your creativity run wild with these variations and make your Ube Custard Cake a unique masterpiece!
Expert Tips for Ube Custard Cake
Gentle Caramel Care: Always watch the sugar closely while cooking it for caramel; it can go from perfect to burnt in seconds.
Strain for Smoothness: Don’t skip straining the custard! This step ensures a silky texture by removing any lumps.
Fold Wisely: When combining the whipped egg whites with the ube batter, fold gently to maintain the airiness—this is key for a light cake!
Water Bath Importance: Baking in a water bath prevents the custard from curdling and helps keep the cake moist.
Chill Longer for Best Results: While 4–6 hours of chilling time is required, overnight chilling will yield a firmer custard that’s easier to slice.
Following these tips will guarantee a stunning and delicious Ube Custard Cake that you’ll be proud to share!

Ube Custard Cake Recipe FAQs
What ingredients should I choose for the best Ube Custard Cake?
Absolutely! For optimal flavor, select vibrant purple ube halaya, which is key to achieving that signature color and taste. Fresh eggs are also important; use large ones for the best results. If you can find high-quality vanilla extract, it will elevate the custard’s flavor. Additionally, ensure your granulated sugar is fresh and dry to help achieve that perfectly bubbling caramel.
How should I store leftover Ube Custard Cake?
Once you’ve had your fill, store the leftover slices in an airtight container in the fridge for up to 3 days. This keeps the cake fresh, and the custard creamy. Remember, a well-sealed container will maintain the texture and prevent the custard from absorbing any fridge odors.
Can I freeze Ube Custard Cake?
Yes, you can absolutely freeze your Ube Custard Cake! To do so, wrap individual slices tightly in plastic wrap and then place them in a freezer-safe container. The cake can be frozen for up to 2 months. When you’re ready to enjoy, simply transfer them to the refrigerator overnight to thaw without losing its delightful taste.
What if my caramel hardens too fast?
That’s a common issue! If your caramel hardens before you’ve had the chance to pour it into the baking dish, don’t panic. You can place the saucepan back on low heat until it melts again. Just be careful not to overcook it, as sugar can quickly scorch. Ensure you pour the caramel promptly into the dish for the best glossy finish!
Are there any dietary considerations for Ube Custard Cake?
Yes, for those with dietary restrictions, this cake contains gluten (from all-purpose flour), eggs, and dairy (from the condensed and evaporated milk). If anyone in your home has allergies, consider using gluten-free flour and dairy substitutes like coconut or almond milk in the custard. Note that doing so may slightly alter the texture but will still yield a delicious result!
How long should I let the Ube Custard Cake chill?
For ideal results, refrigerating your cake for at least 4–6 hours is essential to allow the custard to set properly. However, I often recommend chilling it overnight. This will give you a firmer custard, making it easier to slice when you’re ready to serve! Enjoy each delicious slice!

Delicious Ube Custard Cake That Wins Every Dessert Battle
Ingredients
Equipment
Method
- Combine sugar and water in a saucepan over medium heat. Cook without stirring until it turns a gorgeous golden amber color.
- Immediately transfer the caramel into the bottom of a 9-inch square or deep oven-safe glass baking dish and set aside to cool.
- In a mixing bowl, whisk together the egg yolks, condensed milk, evaporated milk, vanilla extract, and salt until smooth.
- Strain the custard through a fine-mesh sieve into another bowl.
- Pour the freshly strained custard over the cooled caramel, creating an even layer.
- Preheat your oven to 160°C (320°F).
- In a bowl, whisk together the all-purpose flour, baking powder, and salt.
- In another bowl, whisk together the egg yolks, sugar, milk, ube halaya, vegetable oil, and ube extract until smooth.
- Gradually incorporate the dry ingredients into the wet mixture, mixing until just combined.
- In a separate bowl, beat the egg whites and cream of tartar until soft peaks form.
- Gradually add 1/4 cup of sugar to the whipped egg whites, beating until stiff peaks form.
- Fold the whipped egg whites into the ube batter in three additions.
- Gently spoon the ube batter over the custard layer, spreading it evenly.
- Place the glass baking dish inside a larger roasting pan and fill it with hot water until halfway up the sides of the baking dish.
- Bake for approximately 55-70 minutes until a toothpick inserted into the cake comes out clean.
- Once baked, remove the dish from the water bath and allow it to cool completely before refrigerating.
- Chill in the refrigerator for at least 4–6 hours or preferably overnight.
- Run a thin knife around the edges and invert the cake onto a large serving platter.
- Cut into 12–16 generous square slices and serve chilled.










