There’s something irresistibly enchanting about the burst of color and flavor this Ube Coconut Cake brings to the table. Picture this: you’re hosting friends for a gathering, and as you unveil this stunning purple masterpiece, their eyes widen in delight and curiosity. Infused with the earthy sweetness of ube and the tropical charm of coconut, this cake is not just a dessert; it’s a celebration of flavors that transports you to sun-kissed beaches and warm island breezes.
I stumbled upon this delightful recipe after a craving for something sweet yet unique led me to experiment with ingredients I love. The result? A moist, fluffy cake that’s as pleasing to the palate as it is to the eyes. Whether you’re celebrating a special occasion or simply indulging your sweet tooth, this Ube Coconut Cake is the perfect solution to break free from mundane desserts, leaving your guests clamoring for more. Let’s bring this vibrant slice of paradise to your kitchen!
Why love Ube Coconut Cake?
Uniqueness: This cake combines two exotic flavors that are often underappreciated, making it a standout at any gathering.
Eye-Catching: Its vibrant purple hue will not only tantalize your taste buds but also be a joy to behold on your dessert table.
Moist & Fluffy: With the perfect blend of ube and coconut, it promises a tender crumb that melts in your mouth.
Versatile: Customize this recipe by adding tropical fruits or adjusting the sweetness to your preference, ensuring it suits every crowd.
Time-Saving: Quick to assemble and bake, this cake will enchant you without taking up your entire afternoon.
Crowd-Pleaser: Impress your guests with a dessert that tastes as dreamy as it looks—perfect for celebrations or an indulgent treat!
Ube Coconut Cake Ingredients
For the Cake
- Ube Puree – Adds the characteristic purple hue and unique flavor; canned ube puree is convenient, but homemade works well too.
- All-Purpose Flour – Provides structure and body to the cake; gluten-free flour can be used for a gluten-free version.
- Granulated Sugar – Sweetness and moisture; feel free to substitute coconut sugar for a different flavor profile.
- Unsweetened Coconut Milk – Imparts rich coconut flavor and moistness; regular milk can work if you prefer a non-coconut alternative.
- Vegetable Oil – Enhances moisture and softness; canola oil or melted coconut oil are perfect substitutes.
- Eggs – Provide structure and leavening; for a vegan option, use flax eggs instead.
- Baking Powder – Ensures a light texture; make sure it’s fresh for the best results.
- Vanilla Extract – Adds depth of flavor; opt for pure vanilla extract for superior taste.
- Salt – Balances sweetness and enhances flavor; sea salt can add a unique twist.
- Baking Soda – Further leavens the cake, contributing to fluffiness; mix well with dry ingredients for even results.
For the Frosting
- Unsalted Butter – Essential for creaminess in the frosting; substitute margarine for a dairy-free option.
- Powdered Sugar – Sweetens and thickens; consider using a sugar alternative for a lower sugar option.
- Coconut Milk – Adds moisture; full-fat coconut milk yields a richer, more decadent flavor.
- Shredded Coconut – Used for garnish and extra coconut flavor; choose sweetened or unsweetened based on your preference.
How to Make Ube Coconut Cake
-
Prepare Cake Batter: In a large mixing bowl, combine ube puree, granulated sugar, vegetable oil, eggs, and vanilla extract. Mix well until smooth. In a separate bowl, whisk together the dry ingredients—flour, baking powder, baking soda, and salt—until well combined. Gradually fold the dry ingredients into the wet mixture until just combined. Be gentle to preserve the fluffiness!
-
Bake the Cake: Pour the batter into a greased cake pan evenly, smoothing the top with a spatula. Bake in a preheated oven at 350°F (175°C) for 25-30 minutes, or until a toothpick inserted into the center comes out clean. Your cake should have a lovely golden top!
-
Prepare Coconut Frosting: In a mixing bowl, beat softened unsalted butter until creamy and light. Gradually add the powdered sugar and coconut milk, mixing continuously until you achieve a smooth and fluffy consistency. Add in vanilla extract for extra flavor.
-
Assemble the Cake: Once the cake has completely cooled, level the top if needed. Spread an even layer of coconut frosting over the top and sides of the cake, creating a beautiful coating. Top with shredded coconut for that delightful finishing touch!
-
Serve: Slice the Ube Coconut Cake into generous pieces and serve to your delighted guests. Each bite promises a tropical escape!
Optional: Garnish with a sprinkle of toasted coconut flakes for extra crunch.
Exact quantities are listed in the recipe card below.
Expert Tips for Ube Coconut Cake
• Use Fresh Ingredients: Always check the freshness of your baking powder and baking soda. Stale leavening agents can lead to a dense cake instead of the desired fluffy Ube Coconut Cake.
• Cool Completely: Allow the cake to cool fully before frosting. Frosting a warm cake can lead to a melted, messy finish that won’t hold its shape.
• Gentle Folding: When combining wet and dry ingredients, be gentle. Over-mixing can deflate air bubbles, resulting in a less fluffy texture for your Ube Coconut Cake.
• Sift for Smoothness: Sift the powdered sugar for the frosting. This step helps prevent lumps and ensures a silky-smooth texture that spreads beautifully.
• Flavor Enhancements: For a unique twist, consider adding a touch of coconut extract to your frosting for an even richer coconut flavor in your Ube Coconut Cake.
• Chill for Decor: If you prefer a neater frosting finish, chill the frosted cake for about 15 minutes before serving. This will help the frosting set nicely and make for cleaner slices.
Ube Coconut Cake Variations
Feel free to explore new flavors and textures with these delightful twists on the classic Ube Coconut Cake!
-
Citrus Zest: Add lemon or lime zest to the batter for a bright, refreshing zing that complements the sweetness.
-
Tropical Fun: Mix shredded pineapple into the frosting for a tropical burst—it’s like a mini vacation in every bite.
-
Alternative Roots: Swap out ube puree with sweet potato or pumpkin for a different earthy flavor while keeping the cake moist and fluffy.
-
Nutty Crunch: Incorporate toasted coconut flakes into the batter for added texture and a delightful crunch amidst the softness.
-
Chocolate Swirl: Fold in a spoonful of cocoa powder into half of the batter and swirl for a marbled effect—chocolate and ube make a fantastic duo!
-
Fruity Addition: Top the cake with fresh mango slices or whipped cream for a luscious, summery touch that elevates your dessert.
-
Vegan Delight: Choose flax eggs instead of regular eggs for a perfectly fluffy vegan version that everyone will love!
-
Spicy Kick: Add a pinch of cinnamon or even a dash of cayenne to the batter for a surprising and delightful heat that complements the cake’s sweetness.
With these creative variations, your Ube Coconut Cake can take on many delightful forms!
What to Serve with Ube Coconut Cake?
There’s nothing quite like indulging in a slice of this decadent dessert, and the joy multiplies when you pair it with delightful accompaniments.
-
Coconut Ice Cream: A scoop of creamy coconut ice cream enhances the tropical flavors while adding a refreshing chill to each bite.
-
Fresh Tropical Fruits: Serve with slices of ripe mango, pineapple, or kiwi to balance the sweetness of the cake with a refreshing zing. The bright colors and flavors will elevate your dessert experience.
-
Whipped Cream: Light and fluffy whipped cream adds a rich texture, making each mouthful delightfully indulgent. A sprinkle of toasted coconut on top creates a beautiful finish.
-
Lemon Zest: A sprinkle of lemon zest over the cake brings a citrusy brightness that cuts through the sweetness and adds an unexpected twist to your dessert.
-
Mint Leaves: Fresh mint leaves not only make for a stunning garnish but also provide a pop of herbal freshness, making the cake feel more vibrant.
-
Sparkling Water or Coconut Water: Refreshing drinks with a hint of natural sweetness will keep your palate cleansed, making each bite of ube coconut cake feel as magical as the first.
-
Coffee or Tea: A warm cup of coffee or tea pairs beautifully with this cake, as the bitter notes balance the cake’s sweetness and enhance the overall experience.
With these pairings, your Ube Coconut Cake can shine even brighter as the star of your dessert table!
How to Store and Freeze Ube Coconut Cake
Fridge: Keep the Ube Coconut Cake in an airtight container for up to 5 days. This will preserve its moisture and flavor, ensuring each slice remains delightful.
Freezer: For longer storage, wrap the cake tightly in plastic wrap and aluminum foil. It can be frozen for up to 3 months. Thaw in the fridge overnight when you’re ready to enjoy it again.
Reheating: If you prefer your cake warm, microwave a slice for about 10-15 seconds. This will revive its fluffy texture and enhance the flavors, making it feel freshly baked.
Make Ahead Options
These Ube Coconut Cake preparations are ideal for busy home cooks looking to streamline their baking process! You can prepare the cake batter and refrigerate it up to 24 hours in advance, which allows the flavors to develop beautifully. To do this, simply mix the wet and dry ingredients separately, then combine them right before you’re ready to bake. Bake the cake, let it cool completely, and it can be stored in an airtight container at room temperature for up to 3 days. For the frosting, whip it up a day in advance and refrigerate; just give it a quick stir before frosting the cake to restore its creamy texture. This way, your delicious Ube Coconut Cake will be just as fresh and delightful for your guests with minimal last-minute effort!
Ube Coconut Cake Recipe FAQs
What kind of ube should I use for this cake?
I recommend using either canned ube puree for convenience or making your own from fresh ube. If using fresh, steam or boil the ube until tender, then mash it for a smooth consistency. Look for ube that is firm, without dark spots, to ensure the best flavor and quality.
How do I store leftover Ube Coconut Cake?
To keep your cake fresh, store it in an airtight container in the refrigerator for up to 5 days. This method preserves the moistness and flavor. If you’d like to keep it longer, consider freezing it instead!
Can I freeze Ube Coconut Cake?
Absolutely! To freeze, wrap the cake tightly in plastic wrap and then in aluminum foil. This method protects it from freezer burn and allows you to enjoy it up to 3 months later. When you’re ready to eat it, let it thaw in the fridge overnight for the best texture.
What should I do if my cake is dense instead of fluffy?
If your Ube Coconut Cake ends up dense, it may be due to over-mixing the batter or using stale baking powder. To avoid this next time, fold the dried ingredients into the wet ingredients gently. Also, ensure your baking powder is fresh; you can test it by adding a teaspoon to warm water; it should fizz!
Is this cake suitable for people with allergies?
The Ube Coconut Cake contains ingredients like eggs and dairy, which may not be suitable for everyone. For a vegan version, replace eggs with flax eggs (1 tablespoon ground flaxseed mixed with 2.5 tablespoons water for each egg) and use melted coconut oil instead of butter for the frosting. Always check for any specific allergies related to the ingredients you choose!
How can I adjust the sweetness in the Ube Coconut Cake?
If you prefer a less sweet cake, start by reducing the granulated sugar by a quarter and taste the batter before baking. You can also substitute a portion of the granulated sugar with a natural sweetener like maple syrup or honey, adjusting other liquids accordingly. This allows you to customize the sweetness without sacrificing flavor!

Ube Coconut Cake
Ingredients
Equipment
Method
- In a large mixing bowl, combine ube puree, granulated sugar, vegetable oil, eggs, and vanilla extract. Mix well until smooth.
- In a separate bowl, whisk together the dry ingredients—flour, baking powder, baking soda, and salt—until well combined.
- Gradually fold the dry ingredients into the wet mixture until just combined. Be gentle to preserve the fluffiness!
- Pour the batter into a greased cake pan evenly, smoothing the top with a spatula.
- Bake in a preheated oven at 350°F (175°C) for 25-30 minutes, or until a toothpick inserted into the center comes out clean.
- In a mixing bowl, beat softened unsalted butter until creamy and light.
- Gradually add the powdered sugar and coconut milk, mixing continuously until you achieve a smooth and fluffy consistency.
- Add in vanilla extract for extra flavor.
- Once the cake has completely cooled, level the top if needed.
- Spread an even layer of coconut frosting over the top and sides of the cake.
- Top with shredded coconut for that delightful finishing touch!
- Slice the Ube Coconut Cake into generous pieces and serve to your delighted guests.
- Each bite promises a tropical escape!







