Creamy Ube Cake with Ube-Infused Frosting and Cake Crumbs Recipe
Picture this: a beautifully purple-hued sponge cake filling your kitchen with the gentle, sweet aroma of ube, that enchanting Filipino purple yam. Each slice melts tenderly, layered with luscious cream cheese frosting and sprinkled generously with delicate cake crumbs, inviting you to savor a vibrant celebration of flavors. This Creamy Ube Cake with Ube-Infused Frosting and Cake Crumbs Recipe will brighten any gathering with its festive color and irresistible taste.
Why You’ll Love This Creamy Ube Cake with Ube-Infused Frosting and Cake Crumbs Recipe
- Unique Flavor Experience: This cake boasts the naturally sweet and earthy notes of ube that create a delightful taste adventure in every bite.
- Rich, Creamy Frosting: The cream cheese frosting infused with ube adds a silky texture and a beautiful purple hue that highlights the cake’s stunning appearance.
- Made with Simple Ingredients: Utilizing staples like butter, eggs, and milk, along with ube halaya, this recipe is approachable yet extraordinary.
- Perfect for Special Occasions: Its festive look and comforting flavor make it a showstopper for celebrations, impressing guests with its elegance.
- Flexible Preparation: With thoughtfully timed phases including baking, cooling, and crumb preparation, this cake allows you to manage your kitchen rhythm smoothly.
Why This Creamy Ube Cake with Ube-Infused Frosting and Cake Crumbs Recipe Works
This cake’s success lies in its clever balance between a tender, airy sponge infused with ube essence and the rich creaminess of its frosting. Key techniques include creaming the butter, oil, and sugar until fluffy, ensuring a light texture; folding in dry ingredients gently to keep the batter from overmixing; and the innovative step of baking cupcakes alongside the cake to create fresh crumbs for decoration. The method emphasizes patience and precision, from pan preparation to crumb assembly, resulting in a cake that delights visually and in flavor.
Ingredients You’ll Need

Get ready to gather an inviting mix of ingredients that bring this Filipino classic to life — each adding its charm and texture. From soft butter that melts into velvety richness to the vibrant splash of ube extract coloring the batter with gorgeous purple tones, every component plays its part in this culinary masterpiece.
- 2 tablespoons lard or shortening: For the perfect pan release grease that ensures your cake slides out flawlessly.
- 2 tablespoons oil: Works alongside the lard to create a smooth non-stick base.
- 2 tablespoons flour: Completes the pan grease mixture, adding a subtle protective layer.
- ½ cup butter (softened at room temperature): Adds richness and tenderness to the cake crumb.
- ½ cup vegetable or coconut oil: Keeps the sponge moist and light.
- 1 cup sugar: Sweetens the batter to bring out the ube’s natural flavor.
- 4 medium eggs (at room temperature): Provide structure and fluffiness to the cake.
- 2 teaspoons vanilla extract: Balances the ube flavor with warm aromatic notes.
- 2 teaspoons Ube extract/food color (adjust if needed): Gives the cake its iconic purple color and subtle flavor boost.
- 3 cups all-purpose flour: Forms the cake’s tender crumb foundation.
- 3 teaspoons baking powder: Ensures the perfect rise and airy texture.
- ½ teaspoon salt: Enhances the overall flavor, balancing sweetness.
- 1 cup milk: Adds moisture and richness to the batter.
- ¾ to 1 cup ube halaya or jam: The star ingredient, infusing the cake with authentic Filipino sweetness and a beautiful violet shade.
- 1 pack (200g cream cheese): For the creamy frosting base that’s both tangy and smooth.
- 1/2 cup powdered sugar: Sweetens the frosting gently without overpowering.
- 2 cups whipping/heavy cream: Whipped to fluffy perfection to lighten the frosting’s texture.
- 1 teaspoon vanilla extract: Enhances the frosting’s flavor with aromatic warmth.
- Drops of ube extract/color: To tint the frosting with that signature purple shimmer.
Ingredient Substitutions & Tips
- Butter: Margarine can be used, but butter is preferred for richer flavor.
- Vegetable or coconut oil: Substitute with light olive oil if desired, but coconut oil adds a lovely subtle tropical note.
- Ube halaya or jam: Can be swapped for frozen ube puree if fresh jam is unavailable, but halaya captures the authentic sweetness best.
- Milk: Almond milk or other non-dairy milk works for lactose-free adaptations without losing moisture.
👨🍳 Pro Tips for Perfect Results
- Room Temperature Eggs: Ensure eggs are at room temperature to help batter emulsify beautifully and rise evenly.
- Grease Your Pan Well: Use the homemade pan release mixture so your cake comes out without sticking, preserving its delicate texture.
- Gentle Mixing: After adding milk, fold dry ingredients carefully to avoid a dense cake.
- Ube Frosting Care: Mix ube extract carefully into the frosting—overmixing may cause it to turn buttery.
- Cooling Time: Allow cake and crumbs to cool completely before assembly to prevent frosting from melting.
How to Make Creamy Ube Cake with Ube-Infused Frosting and Cake Crumbs Recipe
Step 1: Make a Pan Release Grease
Combine lard or shortening, oil, and flour in a small bowl. Whisk until you achieve a smooth, velvety mixture. Use this to liberally grease the bottom and sides of an 8-inch round cake pan. This secret blend ensures your cake won’t stick and keeps those crumb edges intact.
💡 Pro Tip: Don’t skimp on the greasing – this step makes unmolding a dream.
Step 2: Preheat Oven
Set your oven to a warm 300° F (150° C), conventional settings without any fan. This gentle heat allows a slow, even rise and bake, perfect for a tender crumb.
💡 Pro Tip: Position your rack in the middle of the oven for uniform baking.
Step 3: Cream Butter Mixture
With an electric mixer, blend softened butter, oil, and sugar together until the mixture looks pale and fluffy—usually about 2 to 3 minutes. This aeration is key to that light texture.
💡 Pro Tip: Use a stand or hand mixer to make this step quick and easy.
Step 4: Add Eggs and Extracts
Add eggs one at a time, blending each fully before adding the next. Then pour in vanilla and ube extract or food color. Notice how the batter deepens into a radiant lavender shade, hinting at the flavor to come.
💡 Pro Tip: Slowly add eggs to avoid batter collapse.
Step 5: Sift Dry Ingredients and Combine
Sift flour, baking powder, and salt together. Pour this over the batter, followed by milk. Mix everything on medium-low, just until ingredients combine—resist the urge to overmix to keep the cake tender.
💡 Pro Tip: Folding is your friend here, preserve those little air bubbles!
Step 6: Divide Batter
Reserve about half a cup of batter to fill two cupcake liners or a small mold; add ube jam to the rest and mix well. This extra step adds moisture and texture for your crumb topping and cupcakes.
💡 Pro Tip: These cupcakes double as elegant garnishes or delicious little treats on the side.
Step 7: Pour Batter into Pan
Pour the ube-infused batter into your prepared pan(s), spreading evenly. Tap the sides gently to release trapped air bubbles that could create holes.
💡 Pro Tip: Use a spatula for an even surface, critical for a neat split cake later.
Step 8: Bake Cake
Bake the cake for 50 minutes to 1 hour, testing doneness with a toothpick until it emerges clean from the center. If you’re baking cupcakes simultaneously, they’ll need around 20–25 minutes.
💡 Pro Tip: Keep cupcakes under watch for perfect moistness without overbaking.
Step 9: Cool Cupcakes and Crumble
Once cooled slightly, unwrap the cupcakes and crumble them by hand. Spread crumbs on parchment and prepare to bake again—they’ll toast for 15 minutes to deepen flavor and crisp up.
💡 Pro Tip: Toasting crumbs intensifies flavor and adds a delightful crunch.
Step 10: Cool Cake and Prepare Crumbs
Let the main cake cool in its pan for 10 minutes before transferring it to a rack to cool fully. Toast the crumbs in the oven for 15 minutes, then pulse them briefly in a food processor for a fine, even texture.
💡 Pro Tip: Full cooling prevents frosting melt and keeps crumb decoration flawless.
Step 11: Cool and Slice Cake
Once cooled, slice the cake horizontally in half to create layers. Chill the cake if you need to speed up this process—cool layers are easier to frost and assemble.
💡 Pro Tip: Use a serrated knife for clean, even slices.
Step 12: Prepare the Frosting
Beat the cream cheese with powdered sugar until smooth. Gradually pour in the heavy cream while mixing on low to create a silky, whipped frosting that will hold beautiful peaks.
💡 Pro Tip: Use a silicone spatula to scrape the bowl to ensure an even whip.
Step 13: Fill Piping Bag with White Frosting
Transfer about 1½ to 2 cups of white frosting into a piping bag fitted with a large open star tip. This will be the luscious filling spreading between your cake layers.
💡 Pro Tip: Chill piping bags briefly if frosting softens too much.
Step 14: Color Remaining Frosting
Add drops of ube extract into the remaining frosting and gently swirl to create a soft purple tint. Don’t overbeat to avoid turning your creamy frosting into butter.
💡 Pro Tip: This two-tone frosting adds stunning visual contrast.
Step 15: Assemble Cake Base
Place your cake board or plate on a turntable. Pipe a small dollop of purple frosting in the center to glue the cake’s base in place.
💡 Pro Tip: A fixed base keeps your cake stable during decorating.
Step 16: Fill Cake Layers
Position the top cake layer upside down on the board. Pipe half of the white frosting from the center outward, then carefully place the other cake half on top with the smooth side facing up.
💡 Pro Tip: Even frosting layer creates a clean, professional look.
Step 17: Frost the Cake
Pipe the purple ube frosting around the sides and top, smoothing the surface with a spatula. Imperfection here adds charm and rustic appeal.
💡 Pro Tip: Use an offset spatula in tandem with a bench scraper for smoother sides.
Step 18: Apply Cake Crumbs
Gently press the toasted crumbs all over the frosted cake for a textured finish that complements both flavor and visual appeal.
💡 Pro Tip: Use your hands to press crumbs in carefully and evenly.
Step 19: Decorate with Rosettes
Pipe delicate rosettes on top with the remaining purple frosting to add elegance and flair.
💡 Pro Tip: Practice your piping technique on parchment before decorating the cake.
Common Mistakes to Avoid
Learn from these common pitfalls:
- Skipping Pan Grease: This leads to sticking and broken cake layers—don’t underestimate this step.
- Overmixing Batter: Overmixed batter results in a dense, tough cake rather than light and airy.
- Using Cold Eggs: Cold eggs cause the batter to curdle and bake unevenly.
- Overbaking: Leaving the cake in too long makes it dry; test with a toothpick at the shortest time suggested.
- Overbeating Frosting: Too much mixing, especially after adding ube extract, can turn your frosting sticky and buttery.
- Assembling Warm Cake: Frosting melts and slides if cake layers are not fully cooled.
Delicious Variations to Try
Once you’ve mastered this Creamy Ube Cake with Ube-Infused Frosting and Cake Crumbs Recipe, why not play with flavor combinations and presentations?
Ube Coconut Twist
Incorporate shredded coconut into the cake crumbs for an added tropical crunch that complements the ube flavor beautifully.
Chocolate-Ube Marble
Swirl melted dark chocolate into part of the batter before baking to create a mesmerizing marble effect and introduce rich chocolate undertones.
Cheesecake Layered Ube Cake
Add a thin, no-bake cheesecake layer between the cake halves before frosting for a creamy surprise inside, elevating the dessert’s decadence.
Ube and Mango Delight
Top the cake with fresh mango slices or a mango glaze for a bright, fruity balance to the rich ube frosting. Pair this with our Mini Fruit Tarts with Vanilla Pudding and Fresh Fruit Recipe for a colorful dessert spread.
Matcha Ube Fusion
Blend a hint of matcha powder into the frosting to layer earthy bitterness with the sweet ube for a unique fusion twist.
How to Serve Creamy Ube Cake with Ube-Infused Frosting and Cake Crumbs Recipe

Garnishes
Enhance each slice with a sprinkle of toasted coconut, edible flowers, or even a dusting of purple yam powder for an elegant finish.
Side Dishes
Pair this delightful cake with light beverages such as jasmine tea or a chilled coconut water refresher to cleanse the palate between bites. For a festive dessert table, complement it with our French Lemon Cream Tart Recipe for a zesty counterpoint.
Creative Ways to Present
Serve the cake on a rotating stand and adorn the table with matching violet napkins or modern gold accents to highlight the vibrant purple hues of the cake, making it the centerpiece of any celebration.
Make Ahead and Storage
Make-Ahead Instructions
Bake your cake layers and cupcakes the day before. Cool completely, then store them wrapped tightly in plastic wrap to retain moisture until assembly.
Storage
Keep the assembled cake refrigerated, covered loosely with a cake dome or plastic wrap, for up to 3 days to preserve freshness and the vibrant frosting color.
Freezing
You can freeze the baked but unfrosted cake layers tightly wrapped for up to one month. Thaw overnight in the refrigerator before frosting.
Reheating
Because this is a frosted cake, it’s best served chilled or at room temperature. Avoid reheating, as it can affect texture and frosting consistency.
Expert Tips for Success
- Always sift your dry ingredients to avoid lumps and encourage a light crumb.
- Use room temperature ingredients to achieve smooth mixing and stable batter.
- Test doneness early with a toothpick to prevent dryness.
- Be patient with cooling to keep frosting in perfect form.
- Experiment with piping tips to create unique cake decorations.
- Keep your utensils handy for quick spatula scraping during frosting preparation.
Frequently Asked Questions
Can I use frozen ube instead of ube halaya?
Yes, frozen ube pureed until smooth can substitute ube halaya. Just make sure it’s thawed completely and drained if needed to avoid excess moisture.
How can I make this cake vegan?
Substitute butter with plant-based margarine, use flax eggs or commercial egg replacers, and use coconut cream instead of heavy cream for frosting.
Is this cake suitable for freezing after assembly?
It’s better to freeze cake layers separately and frost after thawing, since the cream cheese frosting may separate if frozen whole.
Can I use regular food coloring instead of ube extract?
Yes, but using ube extract adds authentic flavor along with color, making your cake specially fragrant and unique.
What if I don’t have a piping bag?
Use a plastic sandwich bag, snip a small corner, and pipe the frosting carefully. It works just as well!
How do I get the cake crumbs fine enough?
Pulse cooled crumbs gently in a food processor, but avoid over-processing to keep crumb texture intact for decoration.
Can this cake be made gluten-free?
Yes, by replacing all-purpose flour with a trusted gluten-free baking blend and adjusting baking time slightly.
Final Thoughts
This Creamy Ube Cake with Ube-Infused Frosting and Cake Crumbs Recipe is more than just a dessert; it’s a celebration of flavor, color, and heart. From the soft purple sponge to the silky frosting topped with delicate crumbs, every slice is a moment of joy. Whether you’re sharing it at a special occasion or treating yourself, this cake promises to brighten your day and create wonderful memories. So gather your ingredients and dive in—your amazing Filipino-inspired celebration awaits!
Related Recipes You’ll Love
If you enjoyed this recipe, you’ll also love these delicious recipes:
- Mini Fruit Tarts with Vanilla Pudding and Fresh Fruit Recipe – Foodarohub – A refreshing, bite-sized treat combining creamy pudding and vibrant fresh fruits.
- French Lemon Cream Tart Recipe – Foodarohub – A zesty and silky tart that offers the perfect balance to rich desserts.
Creamy Ube Cake with Ube-Infused Frosting and Cake Crumbs Recipe
This delightful Ube Cake recipe features a moist, colorful purple yam-flavored cake layered and frosted with cream cheese and whipped cream frosting, perfect for celebrations and gatherings.
- Prep Time: 30 minutes
- Cook Time: 1 minutes
- Total Time: 1 hour 55 minutes
- Yield: 8 servings 1x
- Category: Dessert
- Method: Baking
- Cuisine: Filipino
- Diet: Vegetarian
Ingredients
Cake Ingredients
- 2 tablespoons lard or shortening
- 2 tablespoons oil
- 2 tablespoons flour
- ½ cup butter (softened at room temperature)
- ½ cup vegetable or coconut oil
- 1 cup sugar
- 4 medium eggs (at room temperature)
- 2 teaspoons vanilla extract
- 2 teaspoons Ube extract/food color (adjust if needed)
- 3 cups all-purpose flour
- 3 teaspoons baking powder
- ½ teaspoon salt
- 1 cup milk
- ¾ to 1 cup ube halaya or jam
Frosting Ingredients
- 1 pack (200g cream cheese)
- 1/2 cup powdered sugar
- 2 cups whipping/heavy cream
- 1 teaspoon vanilla extract
- Drops of ube extract/color
Instructions
- Make a pan release grease by combining the ingredients in a small bowl and mix using a whisk or fork until smooth. Grease the bottom and sides of an 8-inch (20 cm) round cake pan that is at least 3-inch high or use 2 pans.
- Preheat your oven to 300° F/150°C (conventional settings or no fan).
- Cream butter, oil, and sugar in a mixing bowl with an electric mixer until light and fluffy (about 2-3 minutes).
- Add eggs one at a time, mixing them just until well blended after every addition. Then add the vanilla extract and ube food color or extract and mix.
- Sift in the flour, baking powder, and salt. (Do not mix yet). Pour in the milk on top of the dry ingredients and beat on medium-low speed just until combined. Do not overmix.
- Take about ½ cup of the batter and divide into 2 muffin molds lined with cupcake liners. You can also use and small baking dish or mold. Add ube jam to the remaining batter and beat until combined.
- Pour the remaining batter into the prepared pan and spread evenly. If using 2 pans then divide the batter equally. Tap the sides and bottom with your hand to let trapped air out, if any.
- Bake for 50 mins-1 hour in the preheated oven or until a toothpick inserted in the center comes out clean. If using 2 pans, it might be done in 20-30 minutes. The cupcakes will be done in 20-25 minutes. You can bake them together and just take out the cupcakes 20-25 minutes in.
- Let the cupcakes cool down a bit. Remove the liners and break it into chunks or crumbs using your hand. Then spread it on a baking sheet lined with parchment paper.
- Once cake is done, remove it from the oven and let it cool in the pan for about 10 minutes before completely removing it from the pan to a cooling rack. Now, put the sheet of crumbs and bake for 15 minutes. Take it out and let it cool down completely. Transfer to a food processor/blender and pulse several times to turn it into fine crumbs.
- Once the cake has cooled down enough, cut the cake horizontally in half if using a single pan. Let it cook down completely. Refrigerate if you are in a hurry.
- PREPARE THE FROSTING
- Place the cream cheese and powdered sugar in a large bowl and beat on medium speed until smooth. Turn the mixer down to medium-low speed and pour the heavy cream down the side of the bowl in a very slow and steady stream, stopping every now and then to scrape the bottom and sides of the bowl with a silicone spatula. When all the cream has been added, turn the mixer up to medium-high and whip until the frosting holds stiff peaks. Fold in the vanilla extract, if using, and mix using a spatula.
- Take 1 ½ to 2 cups of the frosting and transfer it into a piping bag fitted with a large open star tip.
- Add some drops of ube flavor/color in the remaining frosting and mix just until blended, it does not have to be completely blended or you might risk over-beating the cream and it will turn into butter. Transfer to a piping bag with a wide, flat tip.
- ASSEMBLY
- Place the cake plate or cake board, if using, on a cake turntable. Pipe a bit of the purple frosting in the middle to keep the cake glued in position.
- Place the top part of the cake, top-side-down, on the center of the plate. Fill it with half of the white frosting from the middle going out. Then place the other half of the cake on top of it, with the nicer, and more even cut side up.
- Now, take the ube frosting and cover the sides by piping from the bottom going up while turning the cake around. Cover the top as well. It does not have to be perfect. Take a spatula and smoothen the frosting all over the cake.
- Take the cake crumbs and cover the cake completely.
- Pipe some rosettes on top from the remaining frosting.
Notes
- You can use two cake pans or one 8-inch round pan that’s at least 3 inches high.
- Bake cupcakes and cakes simultaneously but remove cupcakes after 20-25 minutes.
- Refrigerate the cake if you want to cool it faster after slicing.
- Add ube extract/color carefully to avoid over-beating the cream and turning it into butter.
Keywords: Ube Cake, Filipino dessert, Purple yam cake, Cream cheese frosting, Ube halaya cake

