Ube Coconut Tres Leches Cake Recipe
If you have a sweet tooth and a love for vibrant, tropical flavors, the Ube Coconut Tres Leches Cake is an absolute showstopper you will want to get in your kitchen pronto. This Filipino Fusion delight combines the luscious creaminess of tres leches with the enchanting purple hue and subtly nutty taste of ube, all heightened by the rich essence of coconut. It’s a moist, syrup-soaked wonder with layers of flavor and a texture that melts like a dream on your tongue. Every bite feels like a festive celebration, and once you discover this magic, you’ll be sharing it with friends and family again and again.

Ingredients You’ll Need
The beauty of this Ube Coconut Tres Leches Cake lies in its simplicity and the pure magic that comes from quality ingredients working together. Each element is essential: the sponge cake offers a perfectly airy canvas, the three milks add irresistible creaminess, ube jam brings color and unique flavor, and coconut milk rounds everything out with tropical richness.
- Sponge Cake Base: Provides a light, airy structure to soak up all the luscious milk mixture without falling apart.
- 1 cup Coconut Milk: Adds a silky, tropical creaminess that complements the ube beautifully.
- 1/2 cup Condensed Milk: Brings sweet richness that balances the coconut’s earthiness.
- 1/2 cup Evaporated Milk: Gives the classic tres leches that signature creamy texture.
- 1/3 cup Ube Jam: Delivers vibrant purple color and a subtly sweet, nutty flavor essential for the cake’s character.
How to Make Ube Coconut Tres Leches Cake
Step 1: Prepare the Sponge Cake Base
Start with a fluffy, light sponge cake as your canvas. Whether homemade or store-bought, the key is ensuring it has that airy texture to absorb the milky mixture perfectly without becoming soggy. Once it’s cool, transfer it to a dish ready to be soaked.
Step 2: Mix the Tres Leches with Ube and Coconut
In a bowl, whisk together coconut milk, condensed milk, evaporated milk, and ube jam until the mixture is smooth and fully blended. This colorful liquid is what will transform your cake into a moist, flavorful masterpiece.
Step 3: Poke and Pour
Using a fork or skewer, poke holes all over the sponge cake to create tiny tunnels for the luscious milk mixture. Slowly drizzle the ube coconut tres leches mixture evenly over the cake, ensuring it seeps in deeply and saturates every bite.
Step 4: Chill to Perfection
Refrigerate the cake for at least a few hours, preferably overnight, allowing all those wonderful flavors to meld and the cake to soak up the milky goodness completely. This chilling step is crucial for that melt-in-your-mouth texture.
How to Serve Ube Coconut Tres Leches Cake

Garnishes
A dusting of toasted coconut flakes or a dollop of freshly whipped cream can add delightful texture and extra creaminess to your Ube Coconut Tres Leches Cake. You can even top it with a sprinkle of purple ube powder or some sweet macapuno strings to elevate the presentation and flavor.
Side Dishes
This cake is indulgent and rich, so serving it alongside a light fruit salad with tropical fruits like mango, pineapple, or fresh berries can balance the flavors and add a refreshing contrast. A cup of strong coffee or a mildly sweet Filipino tea pairs beautifully with every bite, too.
Creative Ways to Present
For a festive touch, serve this cake in individual mason jars or clear cups to showcase the beautiful purple and creamy layers. You could also add edible flowers or a drizzle of coconut caramel sauce on top, making it a stunning centerpiece for special occasions.
Make Ahead and Storage
Storing Leftovers
Keep any leftover Ube Coconut Tres Leches Cake tightly covered in the refrigerator. Because of its moist texture, it stays fresh for about 3 to 4 days. Just remember, it tastes best enjoyed cold and fresh from the fridge to maintain that lush softness.
Freezing
You can freeze slices of this cake by wrapping them securely in plastic wrap and placing them in an airtight container. When ready, thaw in the fridge overnight. While freezing is possible, the texture is at its peak when fresh or simply chilled.
Reheating
Since this cake is traditionally served cold, reheating is not necessary or recommended. Instead, allow a frozen slice to thaw fully in the fridge and enjoy the cool, creamy indulgence as intended.
FAQs
Can I make the sponge cake from scratch?
Absolutely! Making your own sponge cake from scratch adds a personal touch and you can tweak it to be extra airy and light. Just be sure to let it cool completely before soaking with the milk mixture.
Is there a substitute for ube jam?
If you can’t find ube jam, purple sweet potato puree works as a substitute, though the flavor will be slightly different. The unique taste of ube jam is what makes this cake special, so using the real thing is ideal.
Can I use regular milk instead of coconut milk?
While you could substitute with regular milk, coconut milk gives a distinct tropical flavor and creaminess that defines this cake, so it’s worth using the real ingredient for the best taste experience.
How long should I chill the cake?
For the best flavor and texture, chilling for at least 4 hours is recommended, but overnight is even better. This allows the cake to soak up all the delicious milk mixture thoroughly.
Can this cake be made gluten-free?
Yes! Use a gluten-free sponge cake base, and ensure all other ingredients don’t contain gluten. The soaking milks and ube jam are naturally gluten-free, making this cake adaptable without sacrificing joy.
Final Thoughts
The Ube Coconut Tres Leches Cake is such a joyful, vibrant treat that brings together the best of Filipino flavors in a beautiful, creamy package. It’s an absolute must-try if you love desserts with color, texture, and a touch of tropical magic. I can’t wait for you to make this cake, share it with your loved ones, and watch their faces light up with every luscious bite!
