Desserts
The best Filipino chocolate cake you'll ever bake combines rich cocoa with the signature sweetness of ube—purple yam—that makes this dessert unforgettable. This recipe delivers layers of moist, velvety chocolate cake infused with ube extract, topped with a crispy, buttery crunch that elevates every bite.
I've perfected this version over years of baking, ensuring the perfect balance of textures and flavors that will impress even the most discerning taste buds.
What sets this cake apart is the ube infusion, which adds a natural sweetness and vibrant color without overpowering the chocolate. The secret to achieving that signature Filipino crunch lies in the topping—a simple yet essential combination of butter, flour, and sugar that bakes into a golden, crackly layer.
This cake is designed to be beginner-friendly, with clear steps and foolproof techniques that guarantee success every time.
By the time you pull this cake from the oven, you'll have a showstopper that's rich, moist, and perfectly balanced—with a crunchy topping that adds just the right contrast.
The aroma alone will have everyone gathering around, and the first bite will confirm why this is the ultimate Filipino chocolate cake. It's elegant enough for special occasions but simple enough for a weeknight treat.
Serve it with a dusting of powdered sugar and a side of vanilla ice cream for the full experience. This recipe is your ticket to baking a dessert that tastes like a slice of Filipino home—warm, inviting, and utterly delicious. Let's get started on creating this masterpiece.
Ingredients for best filipino chocolate cake
Rich cocoa meets vibrant ube for a showstopping cake with velvety layers and irresistible crunch.
| Ingredient | Amount | Notes |
|---|---|---|
| All-Purpose Flour 🌾 | 2 ½ cups | Sifted for even texture |
| Unsalted Butter 🧈 | 1 ½ cups | Cold, cubed for crunch topping |
| Granulated Sugar 🍚 | 2 cups | White or light brown |
| Ube Extract 🍠 | ½ cup | Pure, vibrant purple |
| Cocoa Powder 🍫 | ¾ cup | Dutch-processed for smoothness |
| Large Eggs 🥚 | 4 whole | Room temperature for blending |
| Milk 🥛 | 1 cup | Whole milk preferred |
| Vanilla Extract 🌿 | 2 tsp | Pure, high-quality |
| Baking Powder 🧂 | 1 tsp | Freshly measured |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Powdered Sugar 🍚 | 1 cup | For dusting and topping |
| Shredded Coconut 🥥 | ½ cup | Sweetened, toasted optional |
The ube extract is non-negotiable here—look for pure, vibrant purple at Asian markets or online retailers like Filipino Grocer. Costco carries it too, but check the color intensity before buying. Freshness matters: if it smells like alcohol, it's past its prime. For the butter, grab Land O'Lakes unsalted or European-style brands like Plugrá for that extra richness. The cocoa powder? Dutch-processed is a must—it dissolves smoothly and gives that signature velvety texture. Sift it with the flour to avoid lumps, and don’t skip this step.
No ube extract? Fresh ube (purple yam) puréed and strained works, but it’s a bit more work—peel, boil, and blend until smooth. Swap the shredded coconut for toasted pecans or crushed macadamia nuts if you prefer a different crunch. The butter in the topping can be vegetable shortening for extra crispiness, but trust me on the full-fat version. For the milk, any dairy works, but whole milk gives the best moisture. And if you’re short on vanilla? Vanilla bean paste adds depth without extra effort.
This cake keeps beautifully—3 days at room temperature covered with plastic wrap, or 1 week refrigerated in an airtight container. For longer storage, freeze the fully baked cake (without the topping) for up to 3 months. The crunch topping stays crisp for 2 days if stored separately, so assemble it fresh before serving. Dust with powdered sugar right before slicing—that golden crunch deserves the spotlight. Leftovers? Reheat slices in the microwave for 10 seconds to restore that buttery crunch.
Why You'll Love This Recipe
- No Mixer Needed: I swear by this—just a whisk and a bowl. The butter and sugar get creamed by hand (seriously, 5 minutes of elbow grease), and the ube extract blends right in without clumping. My hands get tired, but the cake? Silky smooth.
- Dual Flavor Magic: That cocoa powder gives it deep chocolate richness, but the ube extract? It’s the secret—like a velvety purple whisper in every bite. Honestly, my kids ask for this over plain chocolate cake every time.
- Party in a Box: Slice it for birthdays, pack it for potlucks, or stash it in the freezer for lazy Sundays. The frosting (just powdered sugar + butter) is foolproof, and it travels well—no soggy layers here.
- Budget-Friendly Luxury: Uses pantry basics—flour, butter, sugar—plus a tiny bottle of ube extract for that premium touch. I’ve made this for under $10 and still felt like I served gourmet. Leftovers? Even better the next day.
Step-by-step instructions for ube-infused chocolate cake
This method delivers layers of velvety ube-chocolate perfection with a signature crunchy coconut topping.
Prepare the Ube-Chocolate Batter
Preheat your oven to 350°F and grease two 8-inch round cake pans with butter or line them with parchment. In a large mixing bowl, sift together the 2.5 cups all-purpose flour, 1 tsp baking powder, and 0.5 tsp salt. Set aside - this ensures your cake rises evenly without lumps.
In a separate large bowl, cream together the 1.5 cups unsalted butter and 2 cups granulated sugar on medium speed until light and fluffy (3-4 minutes). The mixture should nearly double in volume and look pale. This step is crucial for that signature tender crumb.
Add the 4 whole large eggs one at a time, beating well after each addition until fully incorporated. Mix in the 0.5 cup ube extract and 2 tsp vanilla extract until combined. The vibrant purple hue will start to develop - this is your first sign the ube flavor is infusing properly.
Gradually alternate adding the dry ingredients and 1 cup milk, beginning and ending with the dry ingredients. Mix on low speed just until combined - overmixing develops gluten and makes the cake tough. Fold in the 0.75 cup cocoa powder until smooth and well distributed throughout the batter.
Bake the Cake Layers
Divide the batter evenly between the prepared cake pans. Tap each pan firmly on the counter to remove any air bubbles. Bake for 25-30 minutes or until a toothpick inserted in the center comes out clean. The edges should be set but the tops still slightly springy to the touch.
I like to rotate the pans halfway through baking (after 15 minutes) to ensure even browning. The cakes should develop a golden brown color with a slightly domed top. Let them cool in the pans for 10 minutes before transferring to a wire rack to cool completely.
Here's the thing - don't skip the cooling step. The cakes will continue setting as they cool, and this prevents them from becoming gummy. Once completely cool, level the tops if needed using a serrated knife for even layers.
Create the Crunchy Coconut Topping
While the cakes are cooling, prepare the signature topping. In a small saucepan, melt the 1.5 cups unsalted butter over low heat. Remove from heat and stir in 1 cup powdered sugar until completely dissolved and smooth.
Add the 0.5 cup shredded coconut and mix well to coat each piece. The mixture should look like wet sand with coconut flakes distributed throughout. Spread this evenly between the cake layers - about 1/3 cup per layer - when you're ready to assemble.
For extra crunch, you can toast the coconut in a dry skillet over medium heat for 2-3 minutes before mixing with the butter and sugar. This adds a lovely nutty flavor that complements the sweetness perfectly. Just watch it carefully - coconut burns quickly!
Assemble the Cake Layers
Place the first cake layer on a serving plate or cake stand. Spread 1/3 of the coconut mixture evenly over the top, leaving a small border around the edges. This creates that beautiful crunchy layer between each cake layer.
Add the second cake layer on top and gently press down to help the coconut mixture adhere. Repeat with the remaining coconut mixture. Dust the entire cake with additional powdered sugar for a professional finish - about 1/4 cup sifted evenly over the top.
The final result should be layers of moist, flavorful cake with that signature crunchy coconut topping at every level. For best results, let the assembled cake rest at room temperature for at least 1 hour before slicing. This allows the layers to fully set and the flavors to meld together perfectly.
Pro Tips For Making Best Filipino Chocolate Cake
- Melt Butter Slowly: Dump cold butter straight into the dry ingredients, and you’ll end up with a cake that’s more crumbly than moist. Instead, melt the butter first—just until it’s fully liquid but not browned—then let it cool for 5 minutes before mixing. This keeps the fat from cooking out the flour too fast, which is especially important when you’re balancing rich cocoa and sweet ube.
- Sift That Cocoa: Lumpy cocoa powder is the fast track to uneven texture. Sift it through a fine-mesh sieve before measuring it—this breaks up clumps and ensures it distributes evenly. I learned this the hard way when my first batch had dense pockets where the cocoa hadn’t mixed in, and the flavor was all over the place.
- Don’t Overmix the Batter: Once you add the wet ingredients, stop folding after just combining everything. Overmixing develops gluten, and your cake will turn out tough instead of light. Use a spatula to gently scrape the bottom of the bowl—this guarantees even mixing without overworking the batter.
- Test for Doneness Early: Filipino chocolate cakes often have a dense, fudgy center, but pull it out when the edges are set and a toothpick comes out with moist crumbs (not wet batter). Ovens vary, so start checking at 20 minutes before the recipe’s suggested time—better to underbake slightly than risk a dry cake. Cover loosely with foil if the top browns too fast.
Essential equipment for great best filipino chocolate cake
Must-Have Baking Tools
Start with a 9-inch round cake pan (two of them) that conducts heat evenly—I recommend Wilton Perfect Results pans for their nonstick coating and even baking. A stand mixer with the paddle attachment makes creaming butter and sugar effortless, but a hand mixer works too.
Don’t skip a fine-mesh sieve for sifting dry ingredients—this prevents lumps and ensures a light texture. 🌾
Ube-Specific Essentials
For authentic ube flavor, invest in ube extract from a trusted source like Filipino Grocer or Costco. If using fresh ube, a food mill or fine strainer helps remove fibrous bits.
A small saucepan with low heat control is perfect for melting butter for the topping—Calphalon or All-Clad brands handle heat well without scorching.
Crunch Topping Gear
The secret to that signature crunch lies in a lightly oiled 8-inch round cake pan for baking the topping separately (optional but recommended). A spatula helps spread the coconut mixture evenly between layers, and a sifter dusts powdered sugar beautifully.
For extra crunch, a small skillet to toast coconut is handy—just keep an eye on it! 🥥
Precision Tools for Pro Results
A digital kitchen scale ensures accurate measurements for the ube extract and butter, crucial for consistency. A serrated knife levels cake layers perfectly, while a cake turntable makes frosting (or dusting powdered sugar) a breeze. For assembly, a small offset spatula helps spread the coconut mixture smoothly between layers.
Budget-Friendly Swaps
No stand mixer? A hand mixer works fine—just mix longer. Skip the cake pans and use parchment-lined muffin tins for mini cakes (bake for 12-15 minutes). For ube extract, ube halaya (purple yam jam) can substitute in a pinch—just reduce it first.
A wooden spoon mixes batters just as well as fancy tools. The key is technique, not gear! 💡
Nutrition facts
Frequently asked questions
What makes this Filipino chocolate cake different from regular chocolate cake?
The secret lies in the ube extract—this vibrant purple yam adds natural sweetness and a signature floral aroma that sets it apart. Traditional Filipino chocolate cakes also feature a crunchy coconut topping between layers, creating a perfect texture contrast that regular cakes lack. The combination of rich cocoa and ube creates a uniquely balanced flavor profile.
Can I substitute ube extract with something else if I can't find it?
Yes! You can use ube halaya (purple yam jam)—reduce 1/4 cup of halaya to make 2 tablespoons of syrup first. For a deeper flavor, blend 1/2 cup fresh ube purée (peeled, boiled, and strained) with 2 tablespoons water. The color will be less vibrant, but the sweetness remains. Just adjust the sugar in the batter accordingly.
How do I prevent the cake from cracking or sinking in the middle?
Cracking often happens from overmixing or opening the oven too soon. Mix the batter just until combined—stop when no dry flour remains. Avoid overfilling pans (fill only 2/3 full) and bake at 350°F until a toothpick comes out clean. Let cakes cool 10 minutes in pans before removing. For extra insurance, bake at 325°F for 35 minutes instead.
Is this cake gluten-free or vegan? Can I modify it?
This recipe isn't naturally gluten-free or vegan, but you can adapt it! For gluten-free, swap the flour for a 1:1 gluten-free blend (like Bob's Red Mill) and use xanthan gum (add 1/2 tsp). For vegan, replace butter with coconut oil and eggs with flax eggs (1 tbsp ground flax + 3 tbsp water per egg). Note: texture may vary slightly, but the ube-chocolate flavor remains delicious.
How far in advance can I make this cake?
You can bake the layers 1 day ahead and store them wrapped tightly at room temperature. Assemble the cake 4-6 hours before serving to let the coconut topping crisp up. For longer storage, freeze the baked layers (without topping) for up to 3 months. Thaw overnight in the fridge before assembling. The crunch topping stays best when added fresh, but you can make it a day ahead and store it separately.