If you are craving a cake that is as stunning as it is delicious, then this Ube Cake with Fluffy Ube Frosting Recipe is about to become your new favorite. Imagine biting into a moist, soft purple yam cake that carries just the right balance of sweetness and earthiness, all topped with a cloud-light frosting bursting with ube flavor. This cake is not only a feast for your taste buds but also a vibrant centerpiece with its captivating violet hue that brightens any occasion. Whether you’re celebrating a special event or simply indulging yourself, this recipe brings a burst of joy and color to your dessert table.

Ingredients You’ll Need
Gathering your ingredients is a breeze with this recipe, where each element plays a crucial part in infusing authentic flavor, enchanting color, and the perfect texture. Let’s walk through the essentials together so you can create your own masterpiece.
- 2 cups all-purpose flour: The foundation of your cake providing structure and softness.
- 2 teaspoons baking powder: Helps the cake rise to that perfect fluffy height.
- 1/2 teaspoon baking soda: Adds a gentle lift and tenderness.
- 1/4 teaspoon salt: Balances the sweetness and enhances the flavors.
- 1 cup granulated sugar: Sweetens the batter giving that classic cake sweetness.
- 1/2 cup vegetable oil or melted butter: Keeps the crumb moist and tender.
- 3 large eggs: Adds richness and helps bind everything together beautifully.
- 1 cup whole milk or non-dairy alternative: Adds moisture and keeps the batter smooth.
- 1/2 cup ube halaya (purple yam jam): The star ingredient that gives your cake its striking color and unique flavor.
- 1 teaspoon ube extract: Boosts the vibrant purple color and deep authentic taste.
- 1 teaspoon vanilla extract: Rounds out the flavor with warm, sweet notes.
- 1 cup unsalted butter (softened) for frosting: Provides creamy richness for the frosting texture.
- 3 cups powdered sugar for frosting: Sweetens and stabilizes the frosting’s fluffy texture.
- 2 tablespoons heavy cream or milk for frosting: Lightens and smooths out the frosting perfectly.
- 1 teaspoon ube extract for frosting: Enhances the frosting’s mystical purple shade and flavor.
How to Make Ube Cake with Fluffy Ube Frosting Recipe
Step 1: Prepare the Cake Batter
Start by preheating your oven to 350°F (175°C), then grease and line two 8-inch round cake pans with parchment paper to ensure your cakes come out effortlessly. In a large bowl, whisk together the flour, baking powder, baking soda, and salt—this is your dry mix that’ll give your cake the perfect rise and texture.
In a separate bowl, beat the sugar and oil (or melted butter) to combine, then add the eggs one at a time, mixing thoroughly after each addition. This process makes the batter silky smooth and aerated. Next, stir in the ube halaya, ube extract, and vanilla extract until everything is beautifully blended and that gorgeous purple color starts to shine.
Now, carefully alternate adding the dry ingredients and milk to your wet mixture, starting and ending with the dry mix. Mix just until combined because you want your cake tender, not tough.
Step 2: Bake the Cake
Pour the batter evenly into your prepared pans, making sure both layers bake uniformly. Pop them into your preheated oven and bake for 25 to 30 minutes. You’ll know they’re done when a toothpick inserted in the center comes out clean—a clear sign your cake is perfectly cooked through.
Once baked, let the cakes cool in their pans for about 10 minutes. This rest time helps them firm up just enough before turning them out onto a wire rack to cool completely. Cooling is key to prevent your frosting from melting when applied.
Step 3: Prepare the Fluffy Ube Frosting
While your cake cools, let’s whip up that dreamy frosting. Beat the softened unsalted butter on its own until creamy and pale—that’s your frosting base getting nice and fluffy. Gradually sift in the powdered sugar, adding it one cup at a time and beating well after each addition to get that ultra-smooth texture.
Next, mix in the heavy cream and ube extract, continuing to beat until your frosting is light, airy, and bursting with that unmistakable purple yam flavor. This frosting isn’t just pretty to look at—it’s utterly irresistible.
Step 4: Assemble the Cake
If your cake layers have domed on top, gently level them with a serrated knife for neat stacking. Place one layer on your serving plate and generously spread a good amount of ube frosting on top, getting ready for that next layer of magic. Add the second cake layer, and proceed to frost the top and sides, smoothing the surfaces or piping decorative swirls if you’re feeling fancy.
For the finishing touch, sprinkle toasted coconut or adorn with edible flowers to make your Ube Cake with Fluffy Ube Frosting Recipe feel even more special and inviting.
How to Serve Ube Cake with Fluffy Ube Frosting Recipe

Garnishes
Decorating your ube cake doesn’t have to be complicated. A sprinkle of toasted coconut adds a toasty crunch that pairs beautifully with creamy frosting. For something more elegant, edible flowers bring a fresh, floral note and accentuate the cake’s vibrant purple hue. Fresh berries can also add a burst of color and tartness, balancing the cake’s sweetness.
Side Dishes
This cake shines on its own but pairing it with a light, creamy beverage like a chilled coconut milk latte or a simple brewed green tea elevates the experience. Fresh fruit salad on the side offers a refreshing contrast, making your dessert spread both colorful and delightful.
Creative Ways to Present
Presentation is everything! Consider turning your cake into a layered trifle by cutting it into cubes and layering it with whipped cream and fresh fruits in elegant glass bowls. Another idea is mini cupcake versions of this recipe, perfect for parties or gift-giving. Whichever way you serve it, the Ube Cake with Fluffy Ube Frosting Recipe always sparks joy.
Make Ahead and Storage
Storing Leftovers
Keep your leftover ube cake fresh by storing it in an airtight container at room temperature for up to two days. For longer freshness, refrigeration is best, especially because of the dairy-based frosting—it will keep beautifully in the fridge for up to five days.
Freezing
If you want to save some for later, this cake freezes wonderfully. Wrap each layer tightly in plastic wrap, then in aluminum foil to prevent freezer burn. The frosting can be frozen as well, preferably in a separate container. When ready to enjoy, thaw overnight in the refrigerator before assembling and serving.
Reheating
Reheating cake post-frosting isn’t usually necessary, but if the cake is a bit chilled and you want it closer to room temperature, simply let it sit out for an hour before serving. If frozen, thaw it fully before slicing to keep it moist and tender.
FAQs
Can I use frozen ube instead of ube halaya?
Yes, you can substitute frozen, cooked ube, but you’ll want to puree it well and adjust the sugar slightly since ube halaya is already sweetened. The ube halaya gives a more consistent texture and sweetness, making it the easier choice for this recipe.
Is ube extract necessary for this recipe?
While the ube extract boosts the vivid purple color and intensifies the yam flavor, you can omit it if you only have ube halaya. The cake will still be delicious but a bit less vibrant.
Can I make this recipe dairy-free?
Absolutely! Use a plant-based milk alternative and dairy-free butter. For the frosting, coconut cream works wonders to achieve that fluffy texture. Just be sure your ube extract and halaya don’t contain dairy.
How do I get the frosting so fluffy?
Beating the butter thoroughly before gradually adding powdered sugar and heavy cream is key. Take your time to beat after each addition, and finish with a good whisking to incorporate air and create the cloud-like texture.
What’s the best way to level cake layers?
Use a serrated knife or a cake leveler. Hold the knife steady and slice horizontally through the domed top to create a flat surface. This helps in stacking and decorating your Ube Cake with Fluffy Ube Frosting Recipe perfectly.
Final Thoughts
This Ube Cake with Fluffy Ube Frosting Recipe is a beautiful fusion of flavor, texture, and color—a true delight to bake and share with loved ones. Trust me, once you make it, you’ll wonder how you ever lived without this joyful purple treat in your dessert repertoire. So don your apron and dive into this vibrant cake adventure. I promise, it tastes as wonderful as it looks!
Print
Ube Cake with Fluffy Ube Frosting Recipe
- Prep Time: 20 minutes
- Cook Time: 30 minutes
- Total Time: 1 hour 20 minutes
- Yield: 8 servings
- Category: Dessert
- Method: Baking
- Cuisine: Filipino
Description
This Ube Cake recipe is a vibrant and delightful Filipino-inspired dessert featuring moist layers of purple yam-flavored cake paired with a creamy, fluffy ube buttercream frosting. Perfect for special occasions or a colorful treat, the recipe combines the unique flavor of ube halaya and ube extract with classic baking techniques to create an irresistibly tender and flavorful cake.
Ingredients
For the Cake:
- 2 cups (250g) all-purpose flour
- 2 teaspoons baking powder
- 1/2 teaspoon baking soda
- 1/4 teaspoon salt
- 1 cup (200g) granulated sugar
- 1/2 cup (120ml) vegetable oil or melted butter
- 3 large eggs (room temperature)
- 1 cup (240ml) whole milk or non-dairy alternative
- 1/2 cup (120ml) ube halaya (purple yam jam)
- 1 teaspoon ube extract
- 1 teaspoon vanilla extract
For the Frosting:
- 1 cup (225g) unsalted butter (softened)
- 3 cups (360g) powdered sugar
- 2 tablespoons heavy cream or milk
- 1 teaspoon ube extract
Instructions
- Prepare the Cake Batter: Preheat your oven to 350°F (175°C). Grease and line two 8-inch round cake pans with parchment paper to prevent sticking. In a large mixing bowl, whisk together the all-purpose flour, baking powder, baking soda, and salt. In a separate bowl, beat the granulated sugar with the vegetable oil or melted butter until combined. Add the eggs one at a time, mixing thoroughly after each addition to ensure a smooth texture. Stir in the ube halaya, ube extract, and vanilla extract until the mixture is smooth and well blended. Gradually add the dry ingredients alternately with the milk, starting and ending with the dry ingredients, mixing just until combined to avoid overmixing which can make the cake dense.
- Bake the Cake: Evenly divide the batter between the two prepared cake pans. Place them in the preheated oven and bake for 25 to 30 minutes, or until a toothpick inserted into the center of the cakes comes out clean. Once done, let the cakes cool in the pans for about 10 minutes before transferring them to a wire rack to cool completely. Cooling completely ensures the frosting adheres properly and the cake slices cleanly.
- Prepare the Frosting: In a large bowl, beat the softened butter until creamy and smooth. Gradually add the powdered sugar, one cup at a time, mixing well after each addition to achieve a fluffy consistency. Add the heavy cream or milk along with the ube extract, and continue to beat the frosting until it becomes light, fluffy, and spreadable.
- Assemble the Cake: If necessary, level the tops of the cooled cakes with a knife to create flat surfaces. Place one cake layer on your serving plate and spread a generous amount of the ube frosting evenly over the top. Place the second cake layer on top and cover the entire cake with frosting on the top and sides. For a decorative finish, pipe frosting, add edible flowers, or sprinkle toasted coconut on top as desired.
- Serve and Enjoy: Slice the vibrant and flavorful ube cake and serve as a stunning centerpiece dessert that delights with its unique purple yam flavor and creamy frosting. Best enjoyed fresh but can be stored covered in the refrigerator for a few days.
Notes
- Ensure eggs are at room temperature for better incorporation and cake texture.
- Do not overmix the batter to keep the cake light and tender.
- Use parchment paper in the cake pans for easy removal.
- Allow cakes to cool completely before frosting to prevent melting.
- Ube halaya and ube extract can be found in Asian grocery stores or specialty online retailers.
- Substitute non-dairy milk and butter alternatives for a dairy-free version.
- To enhance the purple color, you can add a few drops of purple food coloring if desired.

