Banana Butter Cake Recipe Singapore: Singapore-Style Warm Spice and Buttery Frosting Magic

Desserts

Banana Butter Cake Recipe Singapore: Singapore-Style Warm Spice and Buttery Frosting Magic

This Singapore-style banana butter cake brings the warm, aromatic flavors of local bakeries straight to your kitchen. 🌟 The secret lies in a rich, spiced butter frosting that mirrors the beloved kaya—sweet, fragrant, and perfectly balanced with cinnamon and pandan. I developed this recipe after years of perfecting the texture: ultra-moist crumb that stays tender even when cut, thanks to ripe bananas and a touch of coconut milk.

The cake’s magic comes from traditional Singaporean spices: cardamom and star anise lend subtle warmth, while vanilla and toasted coconut milk create that signature aromatic depth. What sets this apart is the frosting—thick, spreadable, and infused with the same kaya-inspired flavors you’d find at local coffee shops. The combination of ripe bananas and buttery frosting makes every slice irresistibly comforting.

What you’ll end up with is a cake that’s perfect for celebrations or everyday treats—golden layers with a tender crumb, topped with a velvety frosting that melts in your mouth. The pandan-infused butter adds a delicate floral note that elevates the classic banana cake to something truly special. This is the kind of dessert that feels like a hug in every bite.

Whether you’re baking for a family gathering or simply craving a taste of Singapore’s home-style desserts, this recipe delivers restaurant-quality results with simple techniques. Let’s get started—your kitchen will soon smell like a bustling local bakery.

👨‍🍳
Difficulty
Medium
🔥
Calories
Med Cal

Ingredients for banana butter cake recipe singapore

Warm spices, ripe bananas, and buttery frosting—this Singapore-style cake delivers bakery magic at home.

Ingredient Amount Notes
Ripe Bananas 🍌 3 whole Mashed, about 1.5 cups
All-Purpose Flour 🌾 2 ½ cups Sifted, spooned lightly
Granulated Sugar 🍚 1 ½ cups White or light brown
Unsalted Butter 🧈 1 cup Room temperature, salted if preferred
Large Eggs 🥚 2 whole Room temperature
Coconut Milk 🥥 1 can Full-fat, 13.5 oz can
Vanilla Extract 🌿 2 tsp Pure alcohol-free preferred
Baking Powder 🧂 2 tsp Diamond Crystal preferred
Baking Soda 🧂 ½ tsp Aluminum-free
Salt 🧂 ½ tsp Fine sea salt
Ground Cinnamon 🌶️ 1 tsp Toasted for depth
Cardamom Pods 🌿 4 whole Lightly crushed
Star Anise 🌶️ 1 whole Lightly crushed
Pandan Juice 🌿 1 tbsp From 1 pandan leaf
Toasted Coconut Flakes 🥥 ½ cup For cake topping

The bananas are non-negotiable—ripe enough to mash easily with just a fork. I grab Chiquita or Dole when they're speckled black, but any variety works. For the spices, Penzeys or the bulk section at Whole Foods have the best cardamom and star anise—look for vibrant color and no musty smell. The pandan leaf? Asian markets carry fresh ones, or use pandan extract in a pinch (half the amount). Toast your coconut flakes in a dry pan until golden—that nutty aroma makes all the difference.

No cardamom? 1 tsp ground ginger gives warmth, but you'll miss the floral note. Star anise out? 1/4 tsp ground cinnamon plus 1/8 tsp clove mimics it. The coconut milk can be light for less richness, but I recommend full-fat for that authentic texture. For the frosting (which isn't listed here but you'll need it), Earth Balance vegan butter works perfectly if you want a dairy-free version—just add 1 tsp lemon juice to prevent graininess.

Store the cake in an airtight container with parchment between layers for up to 5 days. The frosting? 3 days max in the fridge—it softens beautifully at room temp. Freeze the unfrosted cake for 3 months, but bring it to room temp before adding frosting. Pro tip: Toast the coconut flakes fresh right before serving—their aroma peaks when warm and pairs perfectly with the pandan butter.

❤️

Why You'll Love This Recipe

  • No Mixer Needed: I swear by this recipe when my hands are full—just mash those bananas with a fork, fold in the dry ingredients, and pour. The butter gets whipped into the batter by hand, and honestly? It’s richer that way, like the cake is hugging you.
  • Butter-Banana Magic: That first bite—warm, buttery layers with the natural sweetness of overripe bananas melting into the crumb? It’s the kind of flavor that makes you pause mid-slice. The sugar caramelizes just enough to balance the banana’s depth, and the eggs keep it moist without being heavy.
  • Weeknight & Potluck Star: Between us, this cake is my go-to for last-minute gatherings. It bakes in one bowl, so cleanup is a joke, and slices perfectly for office lunches or birthday parties. (Yes, even on a Tuesday night.) Plus, the leftovers? Still just as good the third day—if they last that long.
  • Budget-Friendly Luxury: You’re using pantry staples here—bananas you’d otherwise toss, basic flour, and butter that makes everything better. No fancy add-ins, no wasted ingredients. I’ve made this for under $3 a serving, and it tastes like a bakery treat. That’s the kind of smart spending I love.

Step-by-step instructions for Singapore-style banana butter cake

Let's create this fragrant, moist cake with its signature warm spices and coconut milk richness.

1

👨‍🍳 Step 1: Prepare the Spiced Banana Mixture

Preheat your oven to 350°F and grease an 8-inch round cake pan or line it with parchment paper. In a medium bowl, mash the 3 whole ripe bananas until completely smooth—no lumps should remain. This ensures even distribution throughout the batter.

In a small saucepan, combine the 1 can coconut milk, 1 cup unsalted butter, and the lightly crushed 4 cardamom pods and 1 star anise. Warm over medium-low heat for 5 minutes until the butter melts completely. Remove from heat and let cool slightly—this creates the rich, spiced butter base that makes this cake uniquely Singaporean.

2

🍳 Step 2: Combine Wet and Dry Ingredients

In a large mixing bowl, whisk together the mashed bananas, cooled coconut milk mixture, 1.5 cups granulated sugar, 2 whole large eggs, 2 tsp vanilla extract, and 1 tbsp pandan juice. The pandan adds that signature floral aroma that makes this cake so special. Mix until fully combined but don't overbeat.

In a separate bowl, sift together the 2.5 cups all-purpose flour, 2 tsp baking powder, 0.5 tsp baking soda, 0.5 tsp salt, and 1 tsp ground cinnamon. Gently fold the dry ingredients into the wet mixture using a spatula, being careful not to overmix. The batter should be thick but pourable—this ensures a moist, tender crumb.

3

🥘 Step 3: Bake to Golden Perfection

Pour the batter into your prepared cake pan and smooth the top with a spatula. Bake for 35-40 minutes or until a toothpick inserted in the center comes out clean. The cake should be golden brown on top and spring back gently when pressed in the center. I like to tap the pan lightly—if it sounds hollow, it's ready.

Here's the thing about this cake—it's delicate when fresh. Let it cool in the pan for 10 minutes before transferring to a wire rack to cool completely. The warm spices continue to develop as it cools, creating that signature aromatic experience.

4

🍽️ Step 4: Add the Signature Coconut Topping

While the cake cools, prepare the topping by melting 2 tablespoons unsalted butter in a small saucepan over low heat. Stir in 2 tablespoons granulated sugar and 2 tablespoons toasted coconut flakes until the sugar dissolves and the mixture becomes glossy. This creates a sticky, caramelized topping that clings beautifully to the cake.

Once the cake is completely cool, spoon the warm coconut mixture evenly over the top, letting it drip slightly down the sides. Immediately sprinkle the remaining 0.5 cup toasted coconut flakes over the top while the butter mixture is still warm. The contrast between the warm cake and cool coconut topping makes every bite special.

👨‍🍳

Pro Tips For Making Banana Butter Cake Recipe Singapore

  • Mash Bananas Properly: I learned this the hard way—overmixing banana purĂŠe turns your cake dense and gummy. Use a fork to smash them until smooth but still slightly chunky, then press through a fine-mesh sieve to remove skins and fiber. This keeps the texture light and avoids that sad, heavy crumb.
  • Butter at Room Temp: Cold butter from the fridge won’t cream properly with sugar, and that means tiny pockets of fat instead of a tender crumb. Take it out 30 minutes before mixing—yes, even if you’re impatient like me—and let it soften to the touch. No guesswork, no lumpy batter.
  • Don’t Overbake the Layers: The second layer often burns before the top sets. After baking the first layer, let it cool for 5 minutes, then wrap tightly in foil before returning to the oven for the second. Check for doneness at 340°F (170°C)—a toothpick should come out with moist crumbs, not wet batter.
  • Upgrade with Brown Sugar: Swap half the granulated sugar for dark brown sugar in the buttercream. The molasses adds depth that cuts through the banana’s sweetness, and the texture becomes richer without extra effort. Trust me, your cake will taste like it came from a bakery.

Health benefits of this banana butter cake recipe singapore

Energy Boosting Carbs

This cake delivers a smart energy boost thanks to its complex carbohydrates from ripe bananas and all-purpose flour. The 3 whole bananas provide natural sugars that fuel your body without the crash of refined sweets, while the coconut milk adds medium-chain triglycerides that convert quickly to energy. Perfect for post-workout recovery or a mid-afternoon pick-me-up! 💪

Heart-Healthy Fats

The unsalted butter and coconut milk in this recipe offer healthy saturated fats that support heart health when consumed in moderation. Unlike processed desserts, this cake uses full-fat coconut milk for its lauric acid, which has been shown to improve cholesterol levels. The cardamom and star anise also contribute to cardiovascular benefits by promoting circulation.

Digestive-Friendly Fiber

While not a high-fiber dessert, the ripe bananas contribute soluble fiber that aids digestion and keeps you feeling full longer. The toasted coconut flakes on top add an extra 2 grams of fiber per serving, helping balance the sweetness with digestive benefits. This makes the cake slightly more nutritious than traditional banana cakes without sacrificing flavor.

Stress-Reducing Spices

The cardamom and cinnamon in this recipe aren't just for flavor—they're natural stress relievers. Cardamom contains eugenol, a compound that helps lower cortisol levels, while cinnamon has been shown to stabilize blood sugar. That means every bite of this fragrant cake might just help you relax! ✨

Pandan's Antioxidant Power

The pandan juice adds a unique floral note while contributing antioxidant properties that combat oxidative stress. Pandan leaves are rich in flavonoids and vitamin C, which support immune function. Using just 1 tablespoon of juice gives you these benefits without overpowering the cake's delicate flavors.

Coconut's Nutrient Profile

Beyond its rich taste, full-fat coconut milk provides electrolytes like potassium and magnesium that help maintain proper nerve and muscle function. The toasted coconut flakes on top add iron and calcium, making this dessert more than just a sweet treat. It's a nutrient-dense indulgence that feels like a hug for your body too! 🥥

Nutrition facts

Servings 8
Amount Per Serving
Calories 480kcal
% Daily Value *
Total Fat 28g36%
Saturated Fat 18g90%
Cholesterol 115mg38%
Sodium 320mg14%
Total Carbohydrate 54g19%
Dietary Fiber 2g8%
Sugars 38g
Protein 6g12%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

What makes this Singapore-style banana cake different from regular banana cakes?

This recipe incorporates authentic Singaporean flavors like cardamom, star anise, and pandan juice that create a fragrant, aromatic profile. The coconut milk replaces some of the butter, giving it a tropical richness, while the toasted coconut topping mimics the textures found in local kaya-infused desserts. The spiced butter frosting (inspired by kaya) sets it apart from traditional recipes.

2

Can I substitute the cardamom or star anise if I can't find them?

Yes! For cardamom, use 1 tsp ground ginger for warmth or 1/2 tsp allspice for depth. For star anise, replace with 1/4 tsp ground cinnamon plus 1/8 tsp clove. The flavors won't be identical, but they'll still enhance the cake's spiced character. Toasting the spices first intensifies their aroma—don't skip this step if possible!

3

How do I know when the bananas are ripe enough for this recipe?

Look for bananas with dark brown speckles covering most of the peel—they should be soft to the touch but not mushy. Ripe bananas mash easily into a smooth paste with just a fork, which is crucial for an even texture. If your bananas aren't ripe enough, let them sit at room temperature for 1-2 days until they develop those signature spots.

4

Can I make this cake gluten-free or vegan?

For gluten-free, replace the all-purpose flour with a 1:1 gluten-free baking blend (like Bob's Red Mill) and add 1 extra tsp xanthan gum. For vegan, use flax eggs (1 tbsp ground flax + 3 tbsp water per egg) and vegan butter (like Earth Balance). Add 1 tsp lemon juice to prevent frosting graininess. Note: The texture may be slightly denser, but it'll still be delicious!

Why does my cake turn out dry or dense?

Overmixing the batter or using underripe bananas are common culprits.

★★★★★4.6(9 reviews)
Categories Desserts