Desserts
This Filipino-style banana cupcake recipe—a Pinoy twist on a classic— brings the vibrant flavors of ube and toasted coconut to your kitchen with a twist that's both nostalgic and exciting. 🌟 I remember the first time I tasted these—soft, moist banana cupcakes swirled with purple yam and topped with crunchy coconut, a taste of home that's impossible to resist. The secret lies in steaming the bananas first, which infuses them with natural sweetness and keeps the cupcakes incredibly tender.
What makes these cupcakes special is the perfect balance of textures and flavors. The ube swirl adds a delicate sweetness that pairs beautifully with the rich banana base, while the toasted coconut crunch on top provides a satisfying contrast. The cream cheese frosting ties everything together with its tangy, velvety finish. This recipe is designed to be approachable, even for those new to baking, with clear steps that ensure foolproof results every time.
The result is a batch of cupcakes that look as stunning as they taste—golden domes with swirls of vibrant purple peeking through, crowned with golden coconut flakes. Each bite delivers a harmonious blend of flavors that will transport you straight to the Philippines. Whether you're celebrating a special occasion or just treating yourself, these cupcakes are sure to impress.
Ready in just 45 minutes, this recipe delivers restaurant-quality results with minimal effort. The best part? Leftovers keep well, so you can enjoy these delicious treats all week. Let's get baking!
Ingredients for banana cupcake recipe pinoy
Filipino-inspired baking starts with these 13 ingredients—simple yet transformative for moist, flavorful cupcakes.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas 🍌 | 3 whole | Steamed for moisture, medium ripe |
| All-Purpose Flour 🌾 | 2 ½ cups | Sifted for light texture |
| Granulated Sugar 🍚 | 1 ½ cups | White or brown for depth |
| Purple Yam (Ube) 🍠 | 1 cup | Fresh, grated or pureed |
| Unsalted Butter 🧈 | 1 cup | Room temperature, full-fat |
| Large Eggs 🥚 | 2 whole | Room temperature for blending |
| Baking Powder 🧂 | 2 tsp | Aluminum-free preferred |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Vanilla Extract 🌿 | 1 tbsp | Pure, high-quality |
| Shredded Coconut 🥥 | 1 ½ cups | Sweetened, unsweetened works |
| Cream Cheese 🧀 | 8 oz | Room temperature, full-fat |
| Powdered Sugar 🍚 | 2 cups | For smooth frosting |
| Milk 🥛 | ¼ cup | Whole for creaminess |
The ube is non-negotiable for that signature Filipino flavor. Look for fresh purple yam at Asian markets—it should be vibrant and firm. If you can't find fresh, ube halaya (jam) works in a pinch, but fresh gives the best color and taste. For the coconut, unsweetened shredded from Trader Joe's toasts beautifully, but sweetened is fine if you prefer. The bananas need to be ripe—think brown spots and soft to the touch. If they're too firm, steam them longer to break down the starches. Butter should be room temperature for easy blending, and the cream cheese must be full-fat for that velvety frosting.
No ube? Swap for 1/2 cup mashed sweet potato plus 1 tsp vanilla—it won't be purple, but adds moisture. Out of baking powder? Baking soda plus 1/2 tsp cream of tartar works in a bind. For the coconut crunch, toasted flaked coconut is a great alternative if shredded isn't available. If you're avoiding dairy, use vegan butter and coconut milk throughout, though the texture will differ slightly. The frosting can be made ahead—it actually tastes better the next day as the flavors meld.
Store cupcakes in an airtight container at room temperature for 3 days or refrigerate for 5 days. The coconut topping stays crisp for about 2 days before softening, so make fresh if serving immediately. Freeze unfrosted cupcakes for 3 months—thaw at room temperature and frost after. The frosting keeps for 1 week in the fridge, so make it a day ahead. For extra flair, toast the coconut in a dry pan over medium heat for 3-4 minutes until golden—worth the extra minute for that perfect crunch.
Why You'll Love This Recipe
- No Mash Needed: I swear by this trick—just mash the bananas with a fork right in the bowl. No food processor, no sticky cleanup, and the texture stays perfectly moist. (Yes, even if your bananas are slightly overripe.)
- Ube Magic: That deep purple swirl isn’t just pretty—it’s ridiculously good. The ube’s natural sweetness cuts through the banana’s richness, and the buttery frosting? It’s the kind of dessert that makes people ask, “What’s in this?”
- Party or Snack: Double the batter, halve the effort. These cupcakes work for birthdays, potlucks, or just because—I’ve even packed them in lunchboxes. (My kid’s teacher still asks for the recipe.)
- Budget Baking: Flour, sugar, and butter? Basic pantry staples. Bananas and ube are cheap too, especially if you buy them in bulk. I’ve made 24 cupcakes for under $10—and they disappear fast.
Step-by-step instructions for ube swirl banana cupcakes
Here's how to create moist banana cupcakes with vibrant ube swirls and coconut crunch.
Prepare the Ube Swirl and Toast the Coconut
First, steam the 3 whole ripe bananas for 5 minutes until tender. In a small bowl, combine the 1 cup purple yam (ube) with 1 tablespoon of the 1 cup unsalted butter until smooth. Set aside. In a dry skillet over medium heat, toast the 1.5 cups shredded coconut for 3-4 minutes until golden brown and fragrant. Let cool completely before using.
This ube mixture will give your cupcakes that signature purple swirl, while toasting the coconut enhances its natural sweetness and adds a delightful crunch to the frosting. Don't rush the toasting—you want the coconut to be evenly browned but not burnt, as this affects the final texture.
Mix the Banana Cupcake Batter
In a large mixing bowl, cream together the 1 cup unsalted butter and 1.5 cups granulated sugar until light and fluffy, about 3-4 minutes. Add the 2 whole large eggs one at a time, mixing well after each addition. Stir in the 1 tablespoon vanilla extract and the steamed bananas until fully combined.
In a separate bowl, whisk together the 2.5 cups all-purpose flour, 2 teaspoons baking powder, and 0.5 teaspoon salt. Gradually add the dry ingredients to the wet mixture, alternating with the 0.25 cup milk, beginning and ending with the flour. Mix just until combined—overmixing develops gluten and makes cupcakes tough.
Create the Ube Swirl and Fill the Cupcake Liners
Divide the batter evenly between two mixing bowls. To one bowl, add the ube mixture and stir gently to create a marbled effect. Using an ice cream scoop, fill cupcake liners about two-thirds full with the plain batter, then top with a spoonful of the ube batter. Gently swirl with a toothpick to create the signature ube streaks.
Fill the remaining space with more plain batter, leaving about ½ inch at the top for rising. Fill all 12 cupcake liners evenly. This layering technique ensures each bite has that perfect balance of banana flavor and ube sweetness.
Bake to Golden Perfection
Preheat your oven to 350°F. Bake the cupcakes for 18-22 minutes, or until a toothpick inserted into the center comes out clean. The cupcakes should be golden brown on top with a slight dome shape. Rotate the pan halfway through baking for even cooking.
Don't overbake—these cupcakes should be moist and tender. The baking time may vary slightly depending on your oven, so start checking at the 18-minute mark. Let the cupcakes cool in the pan for 5 minutes before transferring to a wire rack to cool completely.
Make the Cream Cheese Frosting and Assemble
In a mixing bowl, beat the 8 oz cream cheese until smooth. Gradually add the 2 cups powdered sugar and the 0.25 cup milk, mixing on low speed until combined. Increase speed to medium and beat for 2-3 minutes until light and fluffy. Fold in the toasted coconut just before using.
Pipe or spread the frosting onto the cooled cupcakes. The contrast of the creamy frosting with the toasted coconut adds texture and balances the moist cupcake. Serve immediately or store in an airtight container for up to 3 days. These cupcakes are best enjoyed at room temperature.
Pro Tips For Making Banana Cupcake Recipe Pinoy
- STEAM THE UBE FIRST: Skip the raw ube paste—steam the whole yam until fork-tender, then blend with a splash of water. This makes the color richer and the texture smoother without that chalky aftertaste you sometimes get with store-bought paste. (Yes, it takes 15 minutes, but your cupcakes will look like they came from a bakery.)
- MASH BANANAS COLD: Use bananas straight from the fridge—no need to thaw them first. The cold temperature keeps the batter from turning into a gluey mess, and the cupcakes stay moist longer. I used to ignore this, and my first batch always collapsed halfway through baking.
- DON’T OVERMIX THE BATTER: Stir just until the flour disappears—overmixing develops gluten and makes your cupcakes dense. Use a spatula to gently fold the ube swirls into the batter last, so they stay visible and vibrant. (Your arms will thank you too.)
- BAKE AT 325°F (NOT HIGHER): Purple yam and banana batters burn faster than they look. Crank the oven to 325°F and bake for 2-3 minutes longer than your recipe says—this gives the centers time to set without turning the tops into charcoal. I learned this after pulling out a batch with raw batter in the middle.
Best sauces and condiments for this dish
Filipino-Inspired Frostings
Skip the plain buttercream—Filipino desserts shine with bold flavors. Try a ube cream cheese frosting by blending ½ cup ube halaya with the 8 oz cream cheese before adding powdered sugar. For a tropical twist, fold in ½ cup toasted macapuno (coconut strings) for chewy texture. 🥥
Spiced Coconut Drizzle
Heat ½ cup coconut milk with 1 tsp cinnamon and ½ tsp pandan extract until warm. Drizzle over cooled cupcakes for a fragrant finish. I love adding crushed toasted coconut on top for extra crunch—this pairs perfectly with the banana's natural sweetness.
Latik (Coconut Curds) Swirl
For a traditional touch, blend ½ cup latik (available at Asian markets) with 1 tbsp milk until smooth. Swirl into the batter before baking for a caramelized coconut flavor. This adds depth without extra frosting—just a simple, elegant upgrade. 🌟
Chocolate-Ganache Topping
Melt ½ cup dark chocolate with ¼ cup heavy cream until silky, then drizzle over cupcakes. The rich chocolate contrasts beautifully with the sweet banana and ube. For extra flair, sprinkle with crushed graham crackers or toasted coconut flakes.
Sweet Condensed Milk Glaze
Warm ½ cup sweetened condensed milk with 1 tsp vanilla until pourable. Drizzle over cupcakes while warm for a glossy, caramelized finish. This is a classic Filipino dessert trick—simple but always impressive. Pair with toasted coconut for the ultimate texture combo.
Nutrition facts
Frequently asked questions
Can I substitute regular flour for all-purpose flour in this recipe?
Yes, but the texture may differ slightly. Regular flour has more protein, which can make your cupcakes denser. For best results, use all-purpose flour as called for—it balances structure and tenderness perfectly. If you must substitute, reduce by 1-2 tablespoons to compensate for the extra protein.
What if I don't have fresh ube? Can I use ube halaya instead?
Ube halaya (jam) works beautifully—just mix ½ cup with the 1 tbsp butter in the recipe. For a smoother texture, strain out any lumps. The flavor will be slightly sweeter, so you might reduce the granulated sugar by 1-2 tablespoons if desired. The purple color will still shine through!
How do I make these cupcakes vegan?
Swap the butter for vegan butter, use flax eggs (1 tbsp ground flax + 3 tbsp water per egg), and replace the milk with coconut milk. For the frosting, use vegan cream cheese or blend ½ cup coconut yogurt with 1 cup powdered sugar. The texture will be slightly lighter, but still delicious!
Why did my cupcakes turn out dense instead of light?
Overmixing the batter or underbaking are the most common culprits. Mix just until combined—no need to overwork the flour. Also, check your oven temperature with a thermometer; if it runs hot, reduce to 325°F and bake for 25-30 minutes. Finally, ensure your bananas are ripe and steamed properly for extra moisture.
Can I make these cupcakes ahead of time?
Yes! Bake them 1 day ahead and store in an airtight container at room temperature. Frost just before serving to keep the coconut topping crisp. For longer storage, freeze unfrosted cupcakes for up to 3 months. Thaw at room temperature, then frost with freshly made cream cheese frosting for the best texture.