Banana Cupcake Recipe Panlasang Pinoy: Filipino-Style Swirls With Caramelized Top

This Filipino-style banana cupcake recipe brings the warmth of Panlasang Pinoy to your dessert table with its signature caramelized top and hidden ube swirls. ✨ I developed this recipe after realizing how underrepresented Filipino flavors are in classic cupcakes—until now. The secret lies in using ripe bananas folded into tender vanilla cake batter, then swirled with ube jam for that signature purple hue and coconut-milk-infused frosting that tastes like home.

The magic happens in the baking: a 350°F oven transforms the cupcakes into perfectly domed, moist bites with a crispy caramelized crust on top—just like puto meets ensaymada in one delicious package. Filipino ingredients like latik-infused butter (toasted coconut oil) and native sweeteners elevate the flavor without complicating the process, making this a foolproof recipe even for beginners.

What makes these cupcakes special is the cultural twist: the ube swirl adds a fragrant, slightly floral note that pairs perfectly with the banana’s natural sweetness, while the coconut milk frosting ties everything together with a creamy, tropical finish. The result? A cupcake that’s rich, moist, and packed with nostalgic flavors—one that’ll have everyone asking for seconds.

Serve these at family gatherings, holidays, or even as a special treat for yourself. The recipe scales easily, so you can make a batch for sharing or just enjoy them fresh from the oven. Let’s get baking!

Ingredients for banana cupcake recipe panlasang pinoy

Filipino-inspired ingredients bring tropical warmth to classic cupcakes with ube swirls and caramelized tops.

The bananas are the heart of this recipe—ripe, speckled ones pack the most natural sweetness and moisture. Trader Joe's or local Asian markets often carry perfectly ripe bananas, but any grocery store's produce section will do. For the ube jam, Filipino markets or specialty stores like Filipino Mart carry authentic versions, but store-bought jars work too. The latik-infused butter is where the magic happens—this toasted coconut oil gives the cupcakes their signature caramelized crust. If you can't find pre-made latik, toast coconut oil in a pan until golden and blend it with softened butter. For the coconut milk, full-fat canned versions (like Thai Kitchen) are essential—they create that creamy, tropical finish in both the cake and frosting.

No ube jam? Purple sweet potato puree works as a substitute, though the flavor will differ slightly. Running short on coconut milk? Coconut cream thickens beautifully, or even Greek yogurt in a pinch for moisture. The recipe calls for separated eggs to keep the frosting light, but if you prefer simplicity, use whole eggs and whip the frosting longer. For the sugar, brown sugar adds subtle molasses notes that complement the bananas beautifully. If you're baking at high altitude, reduce the baking powder to 1.5 tsp to prevent over-rising. The powdered sugar should be sifted for the frosting to avoid graininess—trust me, it makes all the difference.

These cupcakes keep beautifully for 3 days in an airtight container at room temperature, though they're best enjoyed fresh. For longer storage, freeze the baked cupcakes (without frosting) for up to 3 months. The frosting can be made 2 days ahead and stored in the fridge—just rewhip before serving. To achieve that perfect caramelized top, broil for 1-2 minutes at the end of baking. If you're making these for a crowd, double the batch—they disappear faster than you can say 'merienda time!'

Step-by-step instructions for Filipino-style banana cupcakes

Master the signature swirl and caramelized top that makes these cupcakes uniquely Filipino.

In a medium bowl, mash the 1.5 cups ripe bananas until completely smooth with no lumps. Stir in the 1.5 cups granulated sugar, 1 tbsp vanilla extract, and 0.5 cup coconut milk until fully dissolved. Set aside.

In a separate bowl, whisk together the 2 cups sifted all-purpose flour, 2 tsp baking powder, 0.5 tsp baking soda, and 0.5 tsp salt. Gently fold this dry mixture into the banana batter until just combined—overmixing develops gluten and makes cupcakes dense.

For the signature swirl, take 0.5 cup ube jam and mix it with 0.5 cup latik-infused butter until smooth. This vibrant purple swirl is what sets these cupcakes apart from standard banana versions. Keep this mixture separate until ready to fold in.

Add the 2 whole large eggs to the banana batter and mix gently to incorporate. In a small bowl, beat the egg whites to soft peaks—this creates air pockets that help the cupcakes rise. Fold these whites into the batter last to maintain maximum volume.

Here's where the magic happens: divide the batter evenly between two bowls. To one bowl, add half the ube jam mixture and gently fold until marbled. The other bowl remains plain banana batter. This creates the distinctive swirled pattern when piped.

I always use a stand mixer for this step—it creates a lighter texture than hand-mixing. If using a hand mixer, work in short bursts to avoid overdeveloping the gluten.

Preheat your oven to 350°F and line a cupcake pan with 12 liners (standard size). Using a piping bag fitted with a star tip, alternately pipe 1 tablespoon plain batter and 1 tablespoon ube swirl batter into each liner, creating a marbled effect. Fill each cupcake ⅔ full—they'll rise significantly.

Bake for 18-22 minutes until a toothpick inserted comes out clean and the tops spring back when touched. The caramelized top forms naturally from the banana sugars—don't overbake or they'll dry out. Rotate the pan halfway through for even baking.

I press down gently on the batter during the first 5 minutes of baking—this prevents the cupcakes from doming too much and ensures even cooking. The swirls should remain visible but slightly diffused after baking.

While cupcakes cool, make the frosting by whisking together the 3 cups powdered sugar, 0.25 cup coconut milk powder, and 0.5 cup coconut milk until smooth. Add 1-2 tablespoons water as needed to reach a thick but pipeable consistency—it should hold peaks but spread easily.

For extra richness, fold in 2 tablespoons latik-infused butter until fully incorporated. This gives the frosting that characteristic Filipino coconut flavor. The frosting should be cool before piping to prevent melting.

Pipe the frosting onto completely cooled cupcakes, creating either smooth sides or a classic swirl pattern. The contrast between the purple ube swirls and the golden frosting makes these cupcakes visually stunning.

Flavor customization for this recipe

Ube Swirl Variations

For a bolder ube flavor, increase the ube jam to ⅔ cup and reduce the plain batter by ⅓ cup to maintain moisture. I’ve tested this version, and it delivers an intense purple hue and floral aroma that’s irresistible. For a subtler version, mix ¼ cup ube jam with ¼ cup purple sweet potato puree—this balances the sweetness while keeping the visual appeal. 💜

If you can’t find ube jam, purple yam puree works surprisingly well. Simmer 1 cup grated purple yam with ½ cup sugar and ¼ cup water until thickened, then cool before using. The texture is slightly different but still vibrant. For a tropical twist, swap the ube for mango jam—the tangy-sweet contrast with banana is divine.

Caramelized Top Techniques

The signature caramelized top comes from the Maillard reaction triggered by the bananas’ natural sugars. To enhance it, sprinkle 1 tsp brown sugar on each cupcake right after piping, then broil for 1-2 minutes at the end of baking. For a deeper color, brush the tops with coconut milk before baking—this adds a golden sheen. 🔥

For a nutty crunch, press toasted coconut flakes into the batter before baking. The flakes caramelize beautifully, creating a textural contrast. If you prefer a smoother finish, pipe a thin layer of ube jam on top before baking—it’ll caramelize into a glossy glaze. I’ve also tried drizzling latik (toasted coconut oil) over the baked cupcakes for a smoky aroma.

Frosting Flavor Swaps

The classic coconut milk frosting is foolproof, but for a citrusy twist, add 1 tsp lime zest and 1 tbsp lime juice to the frosting. The acidity cuts through the richness perfectly. For a chocolate lover’s version, fold 2 oz melted dark chocolate into the frosting—it pairs surprisingly well with ube. 🍫

For a lighter option, replace half the coconut milk with Greek yogurt and add ½ tsp vanilla bean paste for depth. If you’re avoiding dairy, use coconut cream whipped to stiff peaks. For a spiced version, warm ½ cup coconut milk with 1 cinnamon stick and 2 cloves, then strain before mixing into the frosting. The warmth complements the banana beautifully.

Garnish Ideas

Top your cupcakes with toasted coconut flakes for texture and aroma. For a festive touch, pipe ube jam in zigzags on top of the frosting. I also love adding edible gold leaf for special occasions—it adds a luxurious finish. 🌟

For a fruit-forward garnish, place a thin banana slice on top of the frosting. If you’re feeling adventurous, try crumbled macapuno (coconut curls) for a sweet, chewy contrast. A sprinkle of flaky sea salt balances the sweetness, while crushed pistachios add a nutty crunch. These garnishes elevate the cupcakes from homemade to showstopper.

Frequently asked questions