Why Ube and Coconut Are a Perfect Match
Ube and coconut grow side by side in the Philippines and have shared kitchens for generations. Ube's natural flavor profile - vanilla, toasted biscuit, and white chocolate - pairs beautifully with the creamy, slightly sweet richness of coconut. The shredded coconut also adds a soft chew that contrasts with the tender crumb of the loaf.
Visually, the deep purple cake topped with white shredded coconut and a glossy coconut sugar drizzle is a showstopper. It's the kind of loaf that looks like it came out of a Manila bakery window.
If you love this combination, also try our ube coconut foam recipe for a chilled drink version of the same flavor pairing.
Step-by-Step Instructions
Step 1: Preheat the Oven and Prepare the Loaf Tin for Ube Cake
Preheat your oven to 180°C (350°F / gas mark 6). Generously butter a standard loaf tin (around 22 x 10 cm) or line it with parchment paper for easy removal.
Step 2: Cream the Butter and Sugars for a Moist Loaf Cake
In a large bowl, whisk the softened butter with the granulated sugar and vanilla sugar until pale, light, and fluffy. This takes about 3 minutes with an electric whisk. This step incorporates air into the batter and is what gives the loaf its tender crumb.
Step 3: Add the Eggs One by One for a Smooth Ube Batter
Add the eggs one at a time, whisking well between each addition. Adding them gradually prevents the batter from splitting and keeps the loaf airy.
Step 4: Sift the Flour, Ube Powder and Baking Powder
In a separate bowl, sift together the flour, ube powder, and baking powder. Sifting prevents ube clumps and guarantees an even, vivid purple color throughout the loaf.
Pro Tip: Always sift ube powder with the flour. If you add it directly to wet ingredients, it tends to form tiny purple lumps that don't fully dissolve.
Step 5: Combine Wet and Dry, Add Shredded Coconut and Milk
Add the dry ingredients to the butter mixture, alternating with the milk: start with one third of the flour mix, then half the milk, another third of flour, the rest of the milk, and finish with the last third of flour. Stir gently after each addition.
Finally, fold in the shredded coconut with a spatula. The batter should be thick, smooth, and a deep, even purple.
Step 6: Pour into the Loaf Tin and Bake the Ube Coconut Cake
Pour the batter into the buttered loaf tin and smooth the top with a spatula. Bake at 180°C (350°F) for about 50 minutes. After 15 minutes of baking, you can score a shallow line down the center with a buttered knife to control the crack.
Check doneness by inserting the tip of a knife in the center: it should come out clean or with just a few dry crumbs. If the top browns too quickly, loosely tent with foil.
Step 7: Cool and Glaze with Snowy Coconut Sugar Drizzle
Let the loaf cool in the tin for 10 minutes, then unmold onto a wire rack and let it cool completely. Glazing a warm cake will melt the sugar and lose its texture.
In a small bowl, whisk the powdered sugar with 1-2 teaspoons of coconut milk until you get a thick but pourable glaze. Drizzle generously over the top of the loaf, letting it drip down the sides. Immediately sprinkle the shredded coconut on top so it sticks to the wet glaze and creates a snowy, glossy finish.
Pro Tip: For an extra shiny finish, add 1/4 teaspoon of ube powder to the glaze for a soft purple-tinted drizzle on top of the white shredded coconut. The contrast is stunning.