The Best Ube Coconut Loaf Cake Recipe

    A moist Ube and coconut Loaf Cake topped with a silky coconut sugar glaze and shredded coconut. Free delivery across the EU.

    UP TO 60% OFF + FREE DELIVERY FROM €32.00
    Ube Nolia

    April 28, 2026 · Recipe

    Ube Coconut Loaf Cake: Moist Purple Cake with Snowy Coconut Glaze

    A moist purple ube and coconut loaf cake, soaked in butter and shredded coconut, finished with a silky coconut sugar glaze and a snowy coconut topping.

    This loaf is what happens when a classic French coconut pound cake meets Filipino ube. The texture is buttery and tender, the color is a deep, natural purple, and the top is finished with a glossy coconut milk glaze sprinkled with shredded coconut with a glossy, snowy finish.

    It uses our 100% pure ube powder for color and flavor, with no artificial dyes. 15 minutes of prep, 50 minutes of baking, and you get a stunning loaf cake that serves 4 generously and pairs perfectly with a hot ube latte.

    Ube coconut loaf cake – purple yam and coconut cake recipe | Ube Nolia

    Updated on

    Quick answer

    Ube coconut loaf cake is a moist, butter-based pound cake made with real ube powder and shredded coconut, finished with a silky coconut sugar glaze. 15 minutes prep, 50 minutes baking at 180°C / 350°F. Naturally purple, soft, and tropical. Serves 4.

    Key Takeaways

    • Soft, buttery loaf with a tender pound-cake crumb
    • Deep natural purple from real ube powder, no artificial dyes
    • Shredded coconut inside the batter for chew and tropical flavor
    • Glossy coconut sugar glaze with a snowy coconut sprinkle
    • Easy 4-person recipe, made in one bowl
    • Gluten-free and dairy-free options included
    Ube Nolia Powder

    Ube Nolia Powder

    From €0.44 / ube latte

    Discover Ube Powder

    Less than a coffee. Better than a matcha.

    With the 5-pack subscription, you get 165 ube lattes at home. Cheaper than a café - and delivered to your door.

    This recipe is made with ube powder from Ube Nolia, the #1 natural ube brand from the Philippines. Discover our buy ube powder, 100% pure: no coloring, no additives, no added sugar. One 100 g pouch makes 33 ube lattes.

    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.

    Ube Coconut Loaf Cake Ingredients

    Ube Coconut Loaf Cake - Serves 4

    • Cake batter:
    • • 150g all-purpose flour
    • • 150g granulated sugar
    • • 150g softened unsalted butter
    • • 3 large eggs, room temperature
    • • 100g shredded coconut
    • • 20g ube powder
    • • 1/2 sachet baking powder (~5g)
    • • 1 sachet vanilla sugar (~7.5g) or 1 tsp vanilla extract
    • • 1 glass milk (~150ml), ideally coconut milk
    • Snowy coconut glaze:
    • • 60g powdered sugar
    • • 1-2 tsp coconut milk
    • • 2 tbsp shredded coconut (to sprinkle on top)
    • • Optional: 1/4 tsp ube powder for a purple-tinted glaze
    • Equipment:
    • • 1 standard loaf tin (~22 x 10 cm)
    • • Whisk or stand mixer
    • • Sieve for the dry ingredients

    Ingredient Notes & Substitutions for Ube Loaf Cake

    • Ube powder: use 100% pure ube powder (Dioscorea alata). 20g gives a vivid purple. Learn more about ube powder benefits.
    • Shredded coconut: use unsweetened desiccated coconut for a clean coconut flavor. Sweetened shredded coconut also works - reduce sugar in the batter by 20g if you do.
    • Butter: must be softened (not melted) so it creams properly with the sugar.
    • Milk: regular whole milk works, but full-fat coconut milk gives a deeper coconut flavor and a more moist crumb.
    • Gluten-free: swap the flour 1:1 with a gluten-free baking blend containing xanthan gum, or use 130g rice flour + 20g cornstarch.
    • Lactose-free / dairy-free: swap butter for the same weight of softened coconut oil or vegan block butter, and use coconut milk instead of regular milk.
    • Lower sugar: reduce granulated sugar to 120g - the loaf stays tender thanks to the butter and coconut.

    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.

    Ube Nolia purple ube powder being sifted into a bowl of white flour for ube coconut loaf cake
    Sifted ube and flour mixture being added to milk in a bowl for Ube Nolia coconut loaf cake batter
    Shredded coconut being poured into the purple ube batter for Ube Nolia coconut loaf cake

    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.

    Smooth purple ube coconut cake batter being whisked in a bowl for Ube Nolia loaf cake

    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.

    Purple ube coconut loaf cake batter being poured into a metal loaf tin for Ube Nolia recipe

    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.

    Sliced purple ube coconut loaf cake on a wooden board with white coconut topping and a gold knife, Ube Nolia recipe

    Baking Tips for the Perfect Ube Coconut Loaf Cake

    • Room-temperature ingredients: butter, eggs and milk should all be at room temperature for an even, tender crumb.
    • Don't overmix: once the flour is added, mix just enough to combine. Overmixing develops gluten and toughens the loaf.
    • Sift the ube powder: always sift it with the flour to avoid purple clumps.
    • Use coconut milk: swapping regular milk for full-fat coconut milk dramatically deepens the coconut flavor.
    • Score the top: a buttered knife line down the center after 15 minutes guarantees a clean, bakery-style crack.
    • Cool before glazing: the cake must be fully cool, or the glaze will melt and lose its texture.
    • Sprinkle coconut on wet glaze: add the shredded coconut topping right after drizzling so it sticks evenly.

    How to Store Your Ube Coconut Loaf Cake (Make-Ahead Guide)

    • Room temperature: wrapped in plastic film or stored in an airtight container, the loaf keeps for 3-4 days and stays moist thanks to the butter and coconut.
    • Refrigerator: up to 1 week in an airtight container. Bring to room temperature 30 minutes before serving for the best texture.
    • Freezer: wrap the unglazed loaf in plastic film and foil, freeze up to 2 months. Thaw at room temperature, then glaze before serving.
    • Make ahead: bake the loaf the day before, store wrapped at room temperature, and glaze just before serving for maximum freshness.

    Why Use Real Ube Powder for Cakes

    Many "ube flavored" products on the market rely on artificial coloring and synthetic flavoring. For a loaf cake, where the purple color is the entire visual statement, you really want the real thing. Real ube powder (from Dioscorea alata, the Philippine purple yam) provides:

    • Natural purple color from anthocyanins, powerful antioxidants
    • Authentic flavor with notes of vanilla, toasted biscuit, and white chocolate
    • Nutritional value: fiber, manganese, iron, and antioxidants
    • Clean label: no artificial dyes, no additives, just pure ube

    Learn more about what ube tastes like and which ube product to choose for baking.

    More Ube Recipes to Try After This Loaf Cake

    FAQs: Ube Coconut Loaf Cake

    Ube Nolia Powder

    Ube Nolia Powder

    From €0.44 / ube latte

    Discover Ube Powder

    Less than a coffee. Better than a matcha.

    With the 5-pack subscription, you get 165 ube lattes at home. Cheaper than a café - and delivered to your door.

    This recipe is made with ube powder from Ube Nolia, the #1 natural ube brand from the Philippines. Discover our buy ube powder, 100% pure: no coloring, no additives, no added sugar. One 100 g pouch makes 33 ube lattes.

    Ube Nolia ube latte in a ribbed glass on a wooden tray
    Ube Nolia ube powder preparation close-up
    Ube Nolia ube latte being stirred next to the ube powder pouch
    Ube Nolia ube matcha latte recipe
    Woman drinking an Ube Nolia ube latte next to the ube powder pouch
    Ube Nolia ube matcha cream tartine

    Get 10% Off your first order

    Sign up to receive an instant 10% discount, plus our newsletter and current promotions