Desserts
This Filipino-inspired banana cupcake recipe brings the warm, spiced flavors of panlasang Pinoy to your kitchen—where caramelized tops meet fragrant pandan and ube halaya swirls. 🌟 I developed this after realizing how much Filipino desserts elevate simple banana cupcakes with just a few local ingredients, transforming them into something truly special.
The secret lies in the spiced Filipino twist: pandan extract for that signature aroma, ube halaya for vibrant purple swirls, and a touch of coconut milk in the batter. The caramelized top isn’t just for show—it adds a rich, buttery crunch that balances the moist, tender cake inside. What makes this recipe work is how it keeps the process simple while delivering restaurant-quality flavor.
By the time you pull these cupcakes from the oven, you’ll have golden, caramelized tops with a crackly crust that gives way to soft, fragrant cake beneath. The ube swirl adds a subtle sweetness, while the pandan-infused frosting ties everything together with its signature vanilla-coconut warmth. Perfect for birthdays, merienda gatherings, or just treating yourself to a taste of home.
Whether you’re baking for a crowd or just craving a nostalgic dessert, this recipe adapts easily—swap ube for regular vanilla frosting if needed, or add a sprinkle of toasted coconut for extra texture. Let’s get baking!
Ingredients for banana cupcake recipe panlasang pinoy
Twelve ingredients, one unforgettable Filipino-inspired dessert that tastes like home.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas 🍌 | 3 cups | Mashed, about 3 large bananas |
| All-Purpose Flour 🌾 | 2 ½ cups | Sifted for light texture |
| Granulated Sugar 🍯 | 1 ½ cups | White or brown sugar |
| Ube Halaya 💜 | ½ cup | Store-bought or homemade |
| Coconut Milk 🥥 | ½ cup | Full-fat for richness |
| Large Eggs 🥚 | 2 whole | Room temperature preferred |
| Baking Powder 🍃 | 1 ½ tsp | Diamond Crystal preferred |
| Ground Cinnamon 🌿 | 1 tsp | Freshly ground for warmth |
| Pandan Extract 🌺 | ½ tsp | For authentic Filipino flavor |
| Vanilla Extract 🌸 | 1 tsp | Pure vanilla preferred |
| Unsalted Butter 🧈 | ½ cup | Melted for caramelized topping |
| Brown Sugar 🍯 | ½ cup | Packed for caramelization |
| Salt 🧂 | ½ tsp | Fine sea salt preferred |
The bananas are the heart of this recipe—look for ripe ones with brown spots—they're sweeter and mash smoother. Filipino markets often have the best ube halaya, but Asian grocery stores usually carry it too. If you can't find ube, purple sweet potato puree works in a pinch. The coconut milk adds that rich, tropical depth—don't skimp on the full-fat version. For the cinnamon, Penzeys or any bulk spice section will have the best quality. Pandan extract gives that signature Filipino aroma, but if you can't find it, vanilla bean paste adds a similar warmth.
No ube halaya? Purple sweet potato puree is the closest substitute, though it won't be as vibrant. Running low on coconut milk? Evaporated coconut milk works too, just reduce other liquids slightly. The caramelized topping is where the magic happens—brown sugar instead of white gives that deep, rich color. For extra crispiness, broil the cupcakes for 1-2 minutes after baking. The batter is thick, so don't overmix—just fold everything together until combined. If your batter seems too thick, add 1 tbsp of milk at a time until it reaches a smooth consistency.
These cupcakes keep well for 3 days at room temperature, covered loosely to prevent sogginess. For longer storage, freeze the baked cupcakes (without the caramelized topping) for up to 3 months. To serve, simply reheat the topping in the microwave for 10 seconds, then drizzle over the cupcake. The caramelized topping can be made ahead and stored in the fridge for 1 week, just reheat before using. Trust me, they taste even better the next day once everything settles.
Why You'll Love This Recipe
- No Mixer Needed: I swear by this—just mash those ripe bananas with a fork, fold in dry ingredients, and you’re done. No electric beaters, no sticky messes, just smooth batter that’s ready in minutes.
- Ube Magic Unlocked: That spoonful of ube halaya swirled into the batter? It’s like a purple dream—creamy, slightly sweet, and packed with that nostalgic Filipino flavor. One taste and you’ll want to make it every week.
- Crowd-Pleaser Any Day: Bring these to a potluck, birthday, or even a lazy Sunday brunch. Kids adore the coconut milk frosting, adults love the banana-ube twist, and honestly? They disappear faster than my willpower on a rainy afternoon.
- Pantry Staple, Zero Waste: Use up overripe bananas you’d toss, pull flour and sugar from your cupboard, and stretch the coconut milk for frosting or even smoothies later. Budget-friendly, minimal ingredients, and zero guilt when you’re done.
Step-by-step instructions for Filipino-spiced banana cupcakes
Here's how to make these ultra-moist cupcakes with that signature Filipino caramelized top.
👨🍳 Step 1: Prep the Batter with Banana and Ube
Preheat your oven to 350°F and line a cupcake pan with 12 liners. In a large mixing bowl, mash the 3 cups ripe bananas until completely smooth - no lumps allowed. This ensures your cupcakes stay tender and moist.
Add the 1.5 cups granulated sugar, 0.5 cup ube halaya, 0.5 cup coconut milk, 1 tsp vanilla extract, and 0.5 tsp pandan extract to the mashed bananas. The ube gives that signature purple hue while pandan adds that authentic Filipino aroma. Mix well until everything is fully combined and the mixture looks like a thick batter.
👨🍳 Step 2: Combine Dry Ingredients and Create the Batter
In a separate bowl, sift together the 2.5 cups all-purpose flour, 1.5 tsp baking powder, 1 tsp ground cinnamon, and 0.5 tsp salt. This sifting step is crucial - it prevents dense cupcakes by incorporating air into the dry ingredients.
Make a well in the center of your dry ingredients and pour in the 2 whole large eggs one at a time, mixing gently with a spatula. Then gradually add the wet banana mixture while mixing on low speed with an electric mixer. Mix just until combined - overmixing develops gluten and makes cupcakes tough. The batter should be thick but still pourable.
🔥 Step 3: Bake the Cupcakes to Golden Perfection
Divide the batter evenly among the 12 cupcake liners, filling each about ⅔ full. The batter will rise significantly, so don't overfill. Bake in the preheated oven for 18-22 minutes until a toothpick inserted comes out clean and the tops spring back when gently touched.
I like to check them at the 18-minute mark - they're done when the edges pull away slightly from the pan and the tops are set but still slightly moist. The cupcakes should have a beautiful domed shape with a golden-brown top.
🍳 Step 4: Make the Caramelized Topping
While the cupcakes bake, melt the 0.5 cup unsalted butter in a small saucepan over medium heat. Add the 0.5 cup packed brown sugar and stir until completely melted and smooth. The mixture should bubble gently - this is when it starts caramelizing.
Remove from heat and let cool slightly for 2 minutes until it's thick enough to drizzle but not so hot it burns your fingers. The caramel should be glossy and golden - this is what creates that beautiful crust on top of your cupcakes.
🥘 Step 5: Assemble and Serve Warm
As soon as the cupcakes come out of the oven, use a spoon to create a well in the center of each cupcake. Immediately pour about 1 teaspoon of the warm caramel mixture into each well. The heat from the cupcake will make the caramel bubble and spread slightly, creating that signature crackly top.
Let the cupcakes cool for 5 minutes before transferring to a wire rack. Serve warm for the best texture - the caramelized top will be slightly crisp while the inside remains soft and moist. These cupcakes are perfect for special occasions or as a comforting treat with a cup of coffee.
Pro Tips For Making Banana Cupcake Recipe Panlasang Pinoy
- Mash Bananas First: Don’t just toss in whole bananas—mash them until smooth with a fork before mixing. I learned this the hard way: uneven chunks sink to the bottom, leaving dry spots in your cupcakes. (Yes, even if you’re impatient like me.)
- Use Room-Temp Ingredients: Take your ripe bananas and coconut milk out of the fridge 30 minutes before mixing. Cold ingredients make the batter gummy, and your cupcakes will turn out dense instead of light. Trust me, this small step makes a real difference.
- Skip Overmixing the Batter: Stop folding in the ube halaya as soon as the flour disappears—overmixing develops gluten, and your cupcakes will turn out tough. Two or three gentle swirls with a spatula is all you need.
- Bake Until Springy: Check doneness with a toothpick, but don’t rely on it alone. Press the top of a cupcake lightly—if it springs back instead of leaving an indent, it’s done. Overbaking dries out the banana flavor, and nobody wants that.
Perfect pairings for this dish
Filipino Frosting
Skip the vanilla frosting and make a pandan-infused coconut frosting instead. Whip 1 cup unsalted butter (softened) with 3 cups powdered sugar, 2 tbsp coconut milk, 1 tsp pandan extract, and 1 tsp vanilla extract until light and fluffy. This adds that signature Filipino aroma while keeping the sweetness balanced. 🌺
Coconut Whipped Cream
For a lighter topping, whip 1 cup heavy cream with 1 tbsp toasted coconut flakes and 1 tsp ube halaya until soft peaks form. The coconut adds a tropical crunch, while the ube gives subtle purple speckles. Drizzle with extra caramelized topping for a decadent finish.
Fresh Tropical Garnish
Top with sliced mango, kiwi, or pineapple for a vibrant, fresh contrast. The acidity cuts through the richness of the cupcakes while adding a burst of summery flavor. I love using starfruit slices for an elegant touch that ties into Filipino fruit salads.
Spiced Coffee Pairing
Serve with Filipino-style coffee—a mix of espresso and steamed milk with a sprinkle of cinnamon. The warmth of the coffee complements the caramelized topping beautifully. For a non-coffee option, salabat (ginger tea) adds a spicy kick that balances the sweetness. ☕
Toasted Coconut Crumble
Toast ½ cup unsweetened coconut flakes in a dry pan over medium heat until golden brown. Sprinkle over the cupcakes right before serving for extra texture. This adds a nutty, toasty contrast that enhances the caramelized top and coconut flavors.
Chocolate Drizzle
Melt ½ cup dark chocolate with 1 tbsp coconut oil and drizzle over the cupcakes for a rich, decadent finish. The chocolate pairs perfectly with the caramelized topping and adds a sophisticated touch. Use 70% dark chocolate for a balance of sweetness and bitterness. 🍫
Nutrition facts
Frequently asked questions
Why does this recipe use ube halaya instead of regular frosting?
The ube halaya adds that signature Filipino purple hue and subtle sweet potato flavor that makes these cupcakes truly special. It's the secret ingredient that transforms regular banana cupcakes into something uniquely Filipino-inspired. The ube swirl gives a beautiful visual contrast while adding a delicate, earthy sweetness that pairs perfectly with the caramelized topping.
Can I make these cupcakes without pandan extract?
If you can't find pandan extract, try using 1 teaspoon vanilla bean paste or even ½ teaspoon almond extract for a similar aromatic quality. The key is to add something that gives a warm, slightly floral note to complement the coconut and ube flavors. Just remember that pandan extract is what gives these cupcakes that authentic Filipino aroma.
How do I prevent my banana cupcakes from being too dense? Don't overmix the batter - mix just until combined to prevent developing gluten. Also,
Can I make these cupcakes ahead of time?
Yes! Bake them 1 day ahead and store in an airtight container at room temperature. Reheat the caramelized topping in the microwave for 10-15 seconds before drizzling over the cooled cupcakes. The flavors actually improve overnight as everything settles. For longer storage, freeze the baked cupcakes (without topping) for up to 3 months - just thaw at room temperature before adding fresh caramel.
What's the best way to serve these Filipino banana cupcakes?
Serve warm with the caramelized topping still slightly crisp. Pair with a cup of Filipino-style coffee or salabat (ginger tea) for the perfect balance. For extra flair, add a dollop of pandan-infused coconut whipped cream or sprinkle with toasted coconut flakes. These cupcakes are perfect for birthdays, merienda gatherings, or as a special dessert with coffee.