Best Filipino Chocolate Cake Recipe: Ube-Infused Moistness With Crispy Top Magic

This Filipino chocolate cake recipe delivers the perfect balance of moist, ube-infused richness and a crispy top that rivals bakery favorites. 🌟 The secret lies in layering pureed purple yam (ube) with melted chocolate for depth, while a simple cornstarch technique ensures that signature crackly crust without drying out the cake.

I developed this version after years of testing—it's the one that finally earned rave reviews from even the most skeptical family members.

The beauty of this recipe is in its simplicity: just 10 ingredients but maximum flavor impact. No fancy equipment needed—just a standard mixing bowl and baking pan.

The ube gives it that signature Filipino sweetness with a velvety texture, while the crispy top adds a satisfying contrast that makes every bite irresistible. What sets this apart is how it stays moist for days, unlike many cakes that dry out quickly.

By the time it emerges from the oven, you'll have a cake with golden-brown, crackly edges and a tender crumb that practically melts in your mouth. The aroma alone will have everyone gathering around the kitchen, and the first slice reveals layers of chocolatey richness with subtle ube sweetness.

This is the kind of dessert that becomes an instant family favorite and disappears faster than you can slice it.

Serve it warm with a scoop of vanilla ice cream or dusted with powdered sugar for that classic Filipino touch. The recipe scales perfectly for gatherings, and leftovers keep well for up to 5 days—though I can't guarantee they'll last that long in your house.

Here's how to make it happen.

Ingredients for best filipino chocolate cake

Ten simple ingredients for a showstopper cake that tastes like Filipino bakery magic.

The ube is non-negotiable for that signature Filipino sweetness. Grab fresh purple yam from an Asian market—it's more vibrant than canned, but canned works in a pinch (just drain well). For chocolate, Ghirardelli baking squares melt beautifully, but any quality baking chocolate does the trick. The cornstarch is your secret weapon for that crackly top—don't skip it. I always double-check my baking powder is fresh (old stuff loses lift), so if yours is past its prime, grab a new can. The flour? King Arthur or Gold Medal brands are my go-tos for reliable baking performance.

No ube? Sweet potato puree at half the amount gives a milder sweetness, but you'll miss that signature purple hue. Out of baking chocolate? Dark chocolate chips plus extra cocoa powder works, but reduce the chips to 0.5 cup. The eggs can be separated if you're worried about richness—save the whites for another recipe. Milk substitutes? Coconut milk works perfectly for that tropical twist. Need to make this gluten-free? Swap the flour for a 1:1 gluten-free blend, but add an extra 0.25 cup for texture. The vanilla extract? Imitation won't cut it here—real vanilla makes all the difference.

This cake keeps beautifully—5 days at room temperature wrapped tightly, or 2 weeks refrigerated. For maximum crispiness, store it in an airtight container with a layer of parchment between slices. Leftovers reheat wonderfully in the oven at 300°F for 10 minutes—just wrap in foil to prevent over-browning. Freezes for 3 months if you want to make it ahead. I always bake two pans at once—one for the family, one for the freezer. Trust me, you'll thank me later when you're serving it at a gathering.

Step-by-step instructions for ube chocolate cake

Here's how to bake the perfect Filipino chocolate cake with that signature crispy top and ultra-moist interior.

In a large bowl, whisk together the 2 cups All-Purpose Flour, 0.5 cup Cocoa Powder, 0.25 cup Cornstarch, 1 tsp Baking Powder, and 0.5 tsp Salt. Sift the flour mixture through a fine-mesh sieve directly into the bowl to aerate it—this creates a lighter texture. I like to press down gently with my fingers to break up any lumps before moving to the next step.

The cornstarch is what gives this cake that signature crispy top while keeping the inside tender. Don't skip sifting—those lumps can make your cake dense instead of light and fluffy. Set the dry mixture aside for now while you prepare the wet ingredients.

In a separate large bowl, whisk together the 1 cup Pureed Purple Yam (Ube), 1.5 cups Granulated Sugar, 0.5 cup Vegetable Oil, 1 cup Whole Milk, 2 whole Large Eggs, and 1 tbsp Vanilla Extract. Mix until completely smooth and well combined—this is where the magic happens for that perfect balance of sweetness and ube flavor.

I always use room-temperature eggs and milk for better emulsification. If your ube puree is thick, whisk in a splash of milk to thin it slightly—this ensures even distribution throughout the batter. The mixture should be smooth but not too thin; it should coat the back of a spoon lightly.

Gradually add the dry ingredients to the wet mixture while gently folding with a spatula. Start slowly to prevent deflating the batter, then mix just until combined—you should still see some flour streaks. This careful folding maintains the air incorporated in both mixtures for that light, airy texture.

Here's the thing—don't overmix. Once the flour disappears, stop stirring. Overmixing develops gluten, which makes the cake tough instead of tender. The batter should be thick but pourable, with a few small lumps still visible. This is normal and actually helps create that perfect moist crumb.

Place the 0.75 cup Unsweetened Baking Chocolate in a microwave-safe bowl and melt it in 30-second intervals, stirring between each interval, until completely smooth. Let it cool slightly for 2 minutes—it should be warm but not hot when you add it to the batter.

Gently fold the melted chocolate into the batter until fully incorporated. The chocolate should be evenly distributed throughout, giving each bite that rich, deep chocolate flavor. If the batter looks too thick after adding the chocolate, add 1-2 tablespoons of milk to loosen it slightly while maintaining the perfect consistency.

Preheat your oven to 350°F and grease two 8-inch round cake pans (or one 9x13-inch pan) thoroughly with butter or oil. Line the bottoms with parchment paper for easy removal. Divide the batter evenly between the pans and smooth the tops with a spatula.

Bake for 30-35 minutes until a toothpick inserted in the center comes out with just a few moist crumbs (not wet batter). The edges should be set, but the center should still have a slight bounce. For that signature crispy top, I recommend broiling for 1-2 minutes at the very end—watch closely so it doesn't burn. Let the cakes cool in the pans for 10 minutes before transferring to a wire rack to cool completely.

Perfect pairings for this recipe

Filipino Coffee Pairing

Serve this ube chocolate cake with a steaming cup of Filipino coffee to elevate the experience. I recommend Barako coffee from Davao, known for its rich, slightly nutty flavor that complements the cake's chocolate notes beautifully.

For an authentic touch, try Kapeng Barako from Manila Coffee Company—its medium roast balances the sweetness without overpowering the ube. ☕

Coconut Milk Sauce

Drizzle warm coconut milk sauce over slices for that classic Filipino dessert feel. Heat ½ cup coconut milk with 2 tbsp sugar and 1 tsp vanilla extract until smooth, then strain out any lumps.

This sauce adds a creamy contrast to the cake's crispy top and rich chocolate flavor. For extra decadence, sprinkle with toasted coconut flakes.

Fresh Tropical Fruits

Add a refreshing side of mango slices or pineapple chunks to cut through the richness. The natural acidity in these fruits balances the cake's sweetness, creating a perfect harmony.

I like to arrange them on a platter with the cake slices for a vibrant presentation. Banana slices with a sprinkle of flaky sea salt also work wonderfully. 🍍

Ice Cream Variations

Serve warm cake with a scoop of ube ice cream for an extra layer of Filipino flavor. If ube isn't available, vanilla bean ice cream or coconut ice cream are excellent alternatives. For a twist, try chocolate-dipped strawberries on the side—their tartness contrasts perfectly with the cake's sweetness.

I often make a small batch of homemade ube ice cream using So Delicious coconut milk for a dairy-free option.

Latik or Coconut Caramel

For a traditional touch, drizzle latik (Filipino coconut caramel) over the cake. Latik is made by cooking coconut milk until it thickens and caramelizes, creating a rich, buttery topping.

If you can't find latik, substitute with store-bought coconut caramel sauce from Filipino markets or make your own by simmering ½ cup coconut milk with 3 tbsp sugar until golden. This adds a unique, smoky-sweet contrast to the cake's crispy top.

Spiced Tea or Salabat

Pair your cake with salabat, a Filipino ginger tea, for a comforting beverage. Steep 2 slices of fresh ginger in 2 cups hot water for 10 minutes, then add 1 tbsp honey and a splash of lemon juice.

The ginger's warmth complements the cake's richness, while the tea's slight tartness balances the sweetness. For a caffeine-free option, try hibiscus tea with a hint of lime. 🌿

Frequently asked questions