Banana Cupcake Recipe Philippines: Ube Swirl Magic With Toasted Coconut Crunch

This banana cupcake recipe Philippines brings vibrant Filipino flavors to your kitchen with a twist: ube swirl magic and toasted coconut crunch. 🌟 Inspired by classic Filipino desserts, these cupcakes blend ripe bananas with purple yam (ube) for a striking color and rich, slightly sweet flavor that’s uniquely Filipino. The secret? A toasted coconut crunch topping that adds texture and a hint of caramelized coconut aroma—just like the latik (coconut caramel) you’d find in traditional Filipino treats.

What makes this recipe special is how it balances simplicity with bold flavors. You’ll use ripe bananas (the riper, the sweeter), ube halaya for that signature purple swirl, and toasted coconut flakes for that irresistible crunch. The batter is light and fluffy, baked to perfection in 350°F for 18-20 minutes, and topped with a creamy coconut frosting that ties everything together. It’s the kind of dessert that feels indulgent but still fits into a weeknight treat—no fuss, all flavor.

The result? Cupcakes with moist, tender crumbs, a vibrant ube swirl that peeks through the batter, and a toasted coconut crunch that adds a delightful contrast. The frosting is smooth and lightly sweet, with just enough coconut flavor to echo the topping. These cupcakes are perfect for celebrations, potlucks, or even a spontaneous dessert craving. They’re also easy to adapt—swap ube for pandan extract if you prefer, or add a sprinkle of crushed macadamia nuts for extra richness.

Here’s the best part: this recipe delivers restaurant-quality Filipino flavors without requiring specialty ingredients. With just 15 minutes of prep and 20 minutes in the oven, you’ll have cupcakes that taste like they came from a bakery in Manila. Let’s get baking!

Ingredients for banana cupcake recipe philippines

These vibrant Filipino-inspired cupcakes bring ube swirl magic and toasted coconut crunch to your kitchen.

The ube halaya is non-negotiable for that signature purple swirl. Filipino markets or specialty stores like Filipino Supermarket carry the best jars—look for vibrant color and no artificial additives. If you can't find it, ube extract (available online) works in a pinch, but the texture won't be the same. The bananas should be so ripe they're almost brown—3-4 spots per banana is perfect. Toast your coconut flakes in a dry pan over medium heat until golden—3-4 minutes—for that caramelized aroma. Trader Joe's sells pre-toasted ones if you're short on time, but fresh-toasted makes all the difference.

No ube halaya? Pandan extract at half the amount gives a similar vibe, though the color won't be as striking. Swap coconut cream for Greek yogurt or sour cream if you're avoiding dairy, but the frosting will be lighter. For the frosting, chill your coconut cream overnight so the solids firm up—this gives you that perfect fluffy texture. The powdered sugar should be sifted to avoid lumps, and if you're feeling fancy, add a pinch of salt to the frosting to balance the sweetness. Want extra richness? Fold in 1 tbsp toasted coconut flakes for texture.

Store the baked cupcakes in an airtight container with parchment paper between layers for up to 3 days. The frosting can be made a day ahead and kept in the fridge—just rewhip before serving. For the coconut flakes, keep them in a sealed container for up to 2 weeks if they're already toasted. These cupcakes freeze beautifully too—wrap individually in plastic wrap, then place in a freezer bag for up to 3 months. Thaw at room temperature before frosting. Pro tip: toast fresh coconut flakes the day you bake for maximum crunch.

Step-by-step instructions for ube swirl banana cupcakes

Here's how to bake these vibrant cupcakes with that perfect ube swirl and toasty coconut crunch.

Preheat your oven to 350°F and line a 12-cup muffin tin with cupcake liners. In a large mixing bowl, mash the 1.5 cups ripe bananas until completely smooth—no lumps allowed. This ensures your cupcakes will be tender and moist.

In a separate bowl, whisk together the 2 cups all-purpose flour, 1.5 tsp baking powder, and 0.5 tsp salt. Sift this dry mixture directly into the banana mixture to avoid lumps. Add the 1 cup granulated sugar, 0.5 cup ube halaya, 0.5 cup room-temperature butter, 2 whole eggs, 1 tsp vanilla extract, and 1 tbsp lemon juice. Mix on low speed until just combined—overmixing develops gluten and makes cupcakes tough.

For the ube swirl, take 2 tbsp of the batter and mix it with 1 tbsp ube halaya in a small bowl. Set aside—this will become your vibrant purple swirl.

Divide the remaining batter evenly among the 12 liners, filling each about ⅔ full. Use a skewer or toothpick to create a well in the center of each cupcake—this is where the ube swirl will go. Spoon the purple ube mixture into the wells, then gently swirl it around with the skewer to create those beautiful marbled patterns.

I like to tap the muffin tin gently on the counter after filling each cupcake—this helps remove air bubbles and ensures even baking. The swirl should be visible but not overflowing, so you get that stunning purple contrast without mess.

Bake the cupcakes for 18-22 minutes, or until a toothpick inserted into the center comes out clean and the tops are golden brown. The exact time depends on your oven—start checking at 18 minutes if you're unsure. Overbaking dries out these banana cupcakes, so pull them out as soon as they're done.

While they cool, prepare the coconut cream frosting by whipping the 1 cup chilled coconut cream with the 2 cups powdered sugar until light and fluffy. Fold in the 0.5 cup toasted coconut flakes at the end—they'll add that delicious crunch to every bite.

Let the cupcakes cool completely in the pan for 10 minutes, then transfer them to a wire rack. Once fully cooled, pipe or spread the coconut cream frosting onto each cupcake. I use a star tip for that classic cupcake look, but a simple offset spatula works too if you're in a hurry.

Sprinkle the remaining toasted coconut flakes on top for extra crunch. These cupcakes taste even better the next day when the flavors have had time to meld—perfect for making ahead and serving at gatherings.

Flavor customization for this dish

Ube vs. Pandan

If you can't find ube halaya, swap it for pandan extract—just use half the amount (¼ tsp instead of ½ cup) for a milder, grassier flavor. The color won't be as vibrant, but the aroma will still give those Filipino vibes. I’ve tested this with Filipino Supermarket brand pandan extract, and it works beautifully for a budget-friendly twist. 🌿

Sweet & Spicy Twist

For a grown-up version, fold ½ tsp cinnamon and ¼ tsp chili powder into the batter—this adds warmth that cuts through the sweetness. Top with a sprinkle of crushed macadamia nuts for crunch. I love this combo for holiday gatherings where guests expect something unexpected. The heat balances the coconut frosting perfectly. 🌶️

Coconut Flour Adaptation

For a gluten-free option, replace 2 cups all-purpose flour with 1.5 cups coconut flour and ½ cup almond flour. The coconut flour absorbs liquids, so add ¼ cup extra coconut milk to the batter. The texture will be denser but still moist—just bake for 2 extra minutes to ensure doneness. This works well with Trader Joe's coconut flour, which has a neutral taste. 🥥

Extra Moisture Boost

If your bananas aren’t ripe enough, add 2 tbsp Greek yogurt to the batter for extra moisture. I’ve also used ¼ cup applesauce in a pinch—it keeps the cupcakes tender without altering the flavor. For extra richness, whisk 1 tbsp melted butter into the frosting before piping. The result? Cupcakes that stay soft for days. 💧

Frosting Variations

Swap the coconut frosting for a cheesecake glaze by mixing 4 oz cream cheese, ½ cup powdered sugar, and 1 tsp lemon juice. This adds a tangy contrast that’s perfect for balancing the sweetness. For a nutty twist, fold 1 tbsp peanut butter into the frosting—it’s a nostalgic Filipino flavor combo. 🧀

Make-Ahead Magic

Bake the cupcakes a day ahead and store them unfrosted in an airtight container at room temperature. Frost them just before serving so the coconut flakes stay crisp. For the frosting, whip it up to pipeable consistency and refrigerate for up to 3 days. Rewhip before using—it’ll be fluffier than ever. This is my secret for stress-free dessert prep! ⏳

Frequently asked questions