Coconut Calamansi Banana Bread with Ube Swirl
Fil-Am baking | Banana bread | Ube option
This banana bread is familiar and new at once, with coconut richness, calamansi brightness, and an optional ube swirl.
Why make it: This original version turns a U.S. staple into a Filipino-American loaf without losing the comfort of banana bread.
Fresh From the Kitchen
These photos show the colors, textures, and serving style to look for when making Coconut Calamansi Banana Bread with Ube Swirl.
What Is Coconut Calamansi Banana Bread with Ube Swirl?
Coconut calamansi banana bread is a Fil-Am riff that uses coconut milk, ripe bananas, citrus, and optional ube halaya.
Why You Will Love It
- Practical for U.S. kitchens: the recipe uses ingredients and substitutions a home cook can realistically shop for.
- Built for the table: the serving notes match how the dish usually lands in Filipino-American homes, from weeknights to merienda to parties.
- Flexible without erasing the dish: swaps are named clearly so the original idea stays visible.
- Easy to cook through: the shopping list, timings, and storage notes make the recipe straightforward to test and adjust.
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.
Shopping List
- ripe bananas
- coconut milk
- calamansi juice
- flour
- eggs
- sugar
- butter or oil
- ube halaya optional
Ingredients
Batter
- 3 ripe bananas, mashed
- 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
- Heat oven to 350 F and line a loaf pan.
- Whisk wet ingredients with mashed banana.
- Fold in dry ingredients just until combined.
- Loosen ube halaya with coconut milk.
- Layer batter and ube in the pan and swirl lightly.
- Bake until a tester comes out clean.
- Cool before slicing.
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?
It may be underbaked or overmixed.
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.

