Coconut Calamansi Banana Bread with Ube Swirl

Coconut Calamansi Banana Bread with Ube Swirl recipe

Fil-Am baking | Banana bread | Ube option

Banana remains the center of this loaf, with coconut milk in the batter and calamansi providing a citrus accent. A ribbon of ube halaya adds a sweeter, denser contrast, provided you give it a few deliberate swirls rather than stirring it away.

Why make it: This original version turns a U.S. staple into a Filipino-American loaf without losing the comfort of banana bread.

About This Recipe

Measure 1 1/2 cups (340 g) mashed banana so fruit size does not change the batter depth. Whisk the wet ingredients before folding in flour. Choose either the listed oil or melted butter, not both; the batter's half cup of coconut milk is separate from the tablespoon used to loosen the halaya.

The swirl should look like a ribbon in the cut loaf, not a uniformly purple crumb. Cooling is part of the job: a moist banana loaf is much easier to slice neatly once it has settled.

Prep20 min
Bake65-85 min
Cool15 min in pan, then at least 1 hr
Makes1 loaf / 12 slices

Cooking Notes

  • Mash the bananas before adding the eggs and other liquids. This lets you break down large pieces without working the flour harder later just to get a uniform batter.
  • Mix the halaya with its separate tablespoon of coconut milk before layering. Drag a knife through the layers sparingly, leaving distinct streaks rather than repeatedly circling the pan.

Ingredient Notes

For bananas

Use very ripe bananas with speckled peels for the best sweetness.

For ube

A thin swirl of ube halaya adds color and flavor without making the loaf heavy.

Coconut Calamansi Banana Bread with Ube Swirl Recipe

This original version turns a U.S. staple into a Filipino-American loaf without losing the comfort of banana bread.

Yield: 12 portions. Serving size: 1 slice (one-twelfth of the loaf). Nutrition uses this portion count; dividing the batch differently changes the values per serving.

Shopping List

  • ripe bananas: enough for 1 1/2 cups (340 g) mashed
  • coconut milk
  • calamansi juice
  • flour
  • eggs
  • sugar
  • butter or oil
  • ube halaya optional

Ingredients

Batter

  • 1 1/2 cups (340 g) mashed ripe banana, about 3 medium bananas; measure rather than relying on fruit count
  • 2 eggs
  • 1/2 cup coconut milk
  • 1/2 cup oil or melted butter
  • 3/4 cup sugar
  • 2 tablespoons calamansi juice
  • 2 cups flour
  • 1 teaspoon baking soda
  • 1/2 teaspoon salt

Ube Swirl

  • 1/2 cup ube halaya
  • 1 tablespoon coconut milk

For Serving

  • Butter or cream cheese

Instructions

  1. Heat oven to 350 F with a center rack. Line a 9 by 5 by 3-inch metal loaf pan with parchment. Check before mixing that it holds at least 8 US cups of water to the brim, then dry it; a smaller loaf pan is not equivalent.
  2. Whisk wet ingredients with mashed banana.
  3. Fold in dry ingredients just until combined.
  4. Loosen ube halaya with coconut milk.
  5. Layer the banana batter and loosened halaya in the prepared pan and swirl lightly. The combined mixture must stay below two-thirds of the pan height so it has room to rise; do not force it into a smaller pan.
  6. Bake about 65 to 85 minutes, beginning checks at 60 minutes. Tent loosely with foil if the surface browns early. Test the banana crumb in two places near the center, avoiding thick halaya ribbons: a skewer should show moist crumbs but no wet batter, and the crumb should be about 205 F. Continue baking if either check indicates an underdone center.
  7. Cool in the pan for 15 minutes, then lift onto a rack and cool fully, at least 1 hour, before cutting into 12 equal slices.

Nutrition Estimate

Approximate nutrition for 1 slice (one-twelfth of the loaf). For twelve slices, using 340 g banana and the oil option. Halaya uses this site's formula and approximate four-cup batch yield; serving butter and cream cheese are excluded. Calculated from published food data, not laboratory tested; brands and portions vary.

Serving Size1 slice (one-twelfth of the loaf)
Recipe Yield1 loaf / 12 slices
Calories300
Protein5 g
Carbs41 g
Fat14 g
Saturated Fat4 g
Sugar20 g
Fiber2 g
Sodium230 mg

Tips For The Best Coconut Calamansi Banana Bread with Ube Swirl

  • Do not overmix: Banana bread gets tough.
  • Use ripe bananas: Flavor depends on them.
  • Swirl lightly: Too much mixing hides the ube ribbon.
  • Cool fully: Warm banana bread crumbles.

How To Serve And Store

Serve for breakfast, merienda, or dessert. Store wrapped for 3 days or freeze slices.

Common Questions

Can I skip ube?

Yes. The coconut-calamansi loaf stands on its own.

Can I use lemon?

Yes, with a little lime if possible.

Can I add nuts?

Yes. Macadamias or walnuts work.

Why is the center gummy?

Check that you measured the banana, used the specified pan without overfilling, and baked the central banana crumb fully. Too much fruit, a smaller pan, underbaking, or cutting before cooling can all leave a gummy center.

Can I leave the ube swirl out of this banana bread?

Yes. Omit the halaya and the tablespoon of coconut milk used specifically to loosen it. Keep the half cup of coconut milk in the banana batter; that belongs to the loaf itself.

How do I check the loaf without mistaking ube for raw batter?

Insert a tester into the banana crumb near the center and check another spot if it passes through a thick halaya ribbon. Look for wet banana batter, not just the purple color left by the swirl.

Would you add ube to banana bread or keep it coconut-calamansi only? Share your family version or testing notes in the comments.

Recipe inspiration and technique reference: original Filipino-American riff development informed by Love, Filipino Food, Kitchen Confidante, The Dusky Kitchen, and the site roadmap.

Technique and food-safety references: kingarthurbaking.com; kingarthurbaking.com.