Ube Coconut Cake is a delightful and vibrant dessert that combines the unique flavor of ube (purple yam) with the rich taste of coconut. This moist and fluffy cake is perfect for celebrations or as a sweet treat any time of the year!
Ingredients
For the Cake:
- 1 cup ube puree (canned or homemade)
- 1 1/2 cups all-purpose flour
- 1 cup granulated sugar
- 1/2 cup unsweetened coconut milk
- 1/2 cup vegetable oil
- 3 large eggs
- 2 teaspoons baking powder
- 1 teaspoon vanilla extract
- 1/2 teaspoon salt
- 1/4 teaspoon baking soda
For the Coconut Frosting:
- 1 cup unsalted butter (softened)
- 4 cups powdered sugar
- 1/4 cup coconut milk
- 1 teaspoon vanilla extract
- 1/2 cup shredded coconut (sweetened or unsweetened, for garnish)
Timing
Making the Ube Coconut Cake takes about 30 minutes for preparation and 25-30 minutes for baking.
Instructions
Step 1: Prepare the Cake Batter
- Preheat Oven: Preheat your oven to 350°F (175°C). Grease and flour two 8-inch round cake pans.
- Mix Wet Ingredients: In a large mixing bowl, combine the ube puree, coconut milk, vegetable oil, eggs, and vanilla extract. Whisk until well combined.
- Combine Dry Ingredients: In another bowl, whisk together the all-purpose flour, granulated sugar, baking powder, baking soda, and salt.
- Combine Mixtures: Gradually add the dry ingredients to the wet ingredients, mixing until just combined. Be careful not to overmix.
Step 2: Bake the Cake
- Pour Batter: Divide the batter evenly between the prepared cake pans.
- Bake: Bake in the preheated oven for 25-30 minutes, or until a toothpick inserted into the center comes out clean.
- Cool: Allow the cakes to cool in the pans for about 10 minutes, then transfer them to a wire rack to cool completely.
Step 3: Prepare the Coconut Frosting
- Beat Butter: In a large mixing bowl, beat the softened butter until creamy and smooth.
- Add Sugar and Coconut Milk: Gradually add the powdered sugar and coconut milk, mixing until the frosting is light and fluffy. Add the vanilla extract and mix until combined.
Step 4: Assemble the Cake
- Layer the Cakes: Once the cakes are completely cool, place one layer on a serving plate. Spread a layer of coconut frosting on top.
- Add Second Layer: Place the second cake layer on top and frost the top and sides of the cake with the remaining coconut frosting.
- Garnish: Sprinkle shredded coconut on top for decoration.
Step 5: Serve
- Enjoy: Slice and serve the Ube Coconut Cake, enjoying its unique flavors and beautiful colors!

Nutritional Information
Here’s a quick overview of the nutritional content of the Ube Coconut Cake (per slice, based on 12 servings):
| Nutrient | Amount per Serving |
|---|---|
| Calories | 350 |
| Protein | 3g |
| Fat | 20g |
| Carbohydrates | 40g |
| Fiber | 1g |
| Sugar | 18g |
Tips for Customization
- Add Flavors: Incorporate lime or lemon zest into the frosting for a citrus twist.
- Different Layers: Use a cream cheese frosting instead of coconut frosting for a different flavor profile.
- Decorative Touch: Add fresh fruit or edible flowers on top for an extra decorative touch.
Conclusion
Ube Coconut Cake is a stunning and delicious dessert that brings together the unique flavors of ube and coconut. Perfect for any occasion, this cake is sure to impress your guests and satisfy your sweet cravings. Enjoy this delightful recipe!
Ube Coconut Cake Recipe
Ingredients
- For the Cake:
- • 1 cup ube puree (canned or homemade)
- • 1 1/2 cups all-purpose flour
- • 1 cup granulated sugar
- • 1/2 cup unsweetened coconut milk
- • 1/2 cup vegetable oil
- • 3 large eggs
- • 2 teaspoons baking powder
- • 1 teaspoon vanilla extract
- • 1/2 teaspoon salt
- • 1/4 teaspoon baking soda
- For the Coconut Frosting:
- • 1 cup unsalted butter (softened)
- • 4 cups powdered sugar
- • 1/4 cup coconut milk
- • 1 teaspoon vanilla extract
- • 1/2 cup shredded coconut (sweetened or unsweetened, for garnish)
Instructions
- Preheat Oven: Preheat your oven to 350°F (175°C). Grease and flour two 8-inch round cake pans.
- Mix Wet Ingredients: In a large mixing bowl, combine the ube puree, coconut milk, vegetable oil, eggs, and vanilla extract. Whisk until well combined.
- Combine Dry Ingredients: In another bowl, whisk together the all-purpose flour, granulated sugar, baking powder, baking soda, and salt.
- Combine Mixtures: Gradually add the dry ingredients to the wet ingredients, mixing until just combined. Be careful not to overmix.
- Pour Batter: Divide the batter evenly between the prepared cake pans.
- Bake: Bake in the preheated oven for 25-30 minutes, or until a toothpick inserted into the center comes out clean.
- Cool: Allow the cakes to cool in the pans for about 10 minutes, then transfer them to a wire rack to cool completely.
- Beat Butter: In a large mixing bowl, beat the softened butter until creamy and smooth.
- Add Sugar and Coconut Milk: Gradually add the powdered sugar and coconut milk, mixing until the frosting is light and fluffy. Add the vanilla extract and mix until combined.
- Layer the Cakes: Once the cakes are completely cool, place one layer on a serving plate. Spread a layer of coconut frosting on top.
- Add Second Layer: Place the second cake layer on top and frost the top and sides of the cake with the remaining coconut frosting.
- Garnish: Sprinkle shredded coconut on top for decoration.
- Enjoy: Slice and serve the Ube Coconut Cake, enjoying its unique flavors and beautiful colors!
Step 1: Prepare the Cake Batter
Step 2: Bake the Cake
Step 3: Prepare the Coconut Frosting
Step 4: Assemble the Cake
Step 5: Serve
Did you make this recipe?
Please leave a comment on the blog or share a photo on Facebook