RecipeShare

Recipe Share

  • Meal Planner
  • Grocery List
  • Pantry List
  • About Us
  • Contact

Explore

  • My Favourites
  • All Recipes
  • Categories
  • Tags
  • Topics
  • Stories

Legal

  • Privacy Policy
  • Terms
  • Fair Use

Connect

InstagramFacebook

© 2026 Recipe Share. All rights reserved.

This site contains affiliate links. We may earn a commission if you purchase through these links.

  1. Home
  2. Recipes
  3. Ube Bars (Filipino Coconut-Coated Butter Cake)
Desserts
Appetizers And Snacks
Cakes
Cookies And Bars
Quick And Easy
Baking
12 February 2026

Ube Bars (Filipino Coconut-Coated Butter Cake)

RecipeShare Test Kitchen

Ube Bars (Filipino Coconut-Coated Butter Cake)

A nostalgic Filipino bakery favorite, these Ube Bars are soft buttery cakes dipped in sweet ube syrup and rolled in toasted desiccated coconut. Inspired by classic street-style pastries from Tagaytay, this affordable recipe is comforting and easy to recreate at home.

Browse Meal Plan Library

Ube Bars (Filipino Coconut-Coated Butter Cake)

Ube bars are a Filipino bakery classic: soft butter cake bars dipped in sweet ube syrup and rolled in toasted coconut. They are nostalgic, easy to make, and perfect for merienda or gifting. This version uses ube flavoring instead of fresh ube, making it accessible and budget-friendly without losing the familiar taste and color.

The texture is the highlight. The cake base is tender but sturdy, the syrup adds sweetness and moisture, and the toasted coconut gives a light, aromatic crunch. It is a simple process that yields a tray of bars ready for sharing.

Flavor Profile

Expect a buttery cake with a sweet, fragrant ube aroma and a coconut finish. The syrup adds a soft, moist bite without making the bars soggy.

Ingredient Highlights

  • Flour and butter form a soft, sturdy cake base.
  • Ube flavoring provides the signature color and aroma.
  • Condensed milk sweetens the syrup and adds gloss.
  • Toasted desiccated coconut adds texture and aroma.

How It Comes Together

Mix the cake ingredients into a soft dough, press into a pan, and bake until set. Cool completely before slicing into bars.

Simmer condensed milk with water and ube flavoring to make a thin syrup. Dip each bar quickly, then roll in toasted coconut. Let the coating set before serving.

Chef's Tips

Toast the coconut only until fragrant. Overbrowning can make it bitter. If the coconut loses crunch over time, re-toast lightly before coating.

Dip quickly in the syrup. A fast dip keeps the bars moist without soaking through.

For neat edges, cool the cake fully and use a sharp knife wiped clean between cuts.

Easy Swaps

Use margarine instead of butter for a more economical batch. Milk can replace some of the water in the syrup for extra richness.

If you want a deeper ube flavor, add a little more flavoring and adjust the syrup consistency with water.

Make-Ahead & Meal Prep

Ube bars keep well at room temperature for two days or in the fridge for up to five. Store in an airtight container to keep the coconut fresh.

For gifting, wrap the bars individually after the coating sets.

Low-Cholesterol Notes

These bars use butter and condensed milk, so they are not low in cholesterol. Serve smaller portions if needed.

Budget Tips

This is a cost-effective dessert, especially when using margarine and water. Buying desiccated coconut in bulk lowers the per-batch cost.

FAQ

Do these bars use real ube?
No. This recipe uses ube flavoring for color and aroma.

How do I keep the bars from getting soggy?
Dip quickly in the syrup and roll in coconut right away.

How long do ube bars last?
Up to two days at room temperature or five days refrigerated.

Ube Bars (Filipino Coconut-Coated Butter Cake)

RecipeShare Test Kitchen

A nostalgic Filipino bakery favorite, these Ube Bars are soft buttery cakes dipped in sweet ube syrup and rolled in toasted desiccated coconut. Inspired by classic street-style pastries from Tagaytay, this affordable recipe is comforting and easy to recreate at home.

Ube Bars (Filipino Coconut-Coated Butter Cake) image
Desserts
Appetizers And Snacks
Cakes
Cookies And Bars
Quick And Easy
Baking
Prep Time
20 mins
Cook Time
35 mins
Total Time
55 mins
Servings
12

Chef's Tips

  • Substitute butter with margarine and milk with water for a more economical version.

  • Toast coconut only until aromatic—avoid overbrowning.

  • Do not soak the bars too long in the syrup to prevent sogginess.

Tools Used

Mixing Bowl(opens in a new tab)OvenFrying PanTongs

We use affiliate links, which may earn us a small commission at no extra cost to you.

Ingredients

USMetric

Cake Base

Ube Syrup & Coating

Instructions

Prepare and Bake the Cake Base

  1. 1

    Preheat oven to 350°F (175°C). Grease a 13x9” rectangular pan or two square pans.

  2. 2

    In a mixing bowl, combine softened butter, sugar, flour, and baking powder.

  3. 3

    Add milk gradually and mix until dough is smooth and pliable.

  4. 4

    Transfer dough into the pan and flatten evenly using hands or a spatula.

  5. 5

    Bake for 30–40 minutes until the top is almost firm. Cool completely before slicing.

Make the Ube Syrup

  1. 1

    In a frying pan, mix condensed milk, a bit of water, and ube flavoring.

  2. 2

    Simmer lightly just until aromatic to remove any artificial aftertaste.

  3. 3

    Set aside to cool slightly.

Assemble the Ube Bars

  1. 1

    Cut the cooled cake into rectangular bars.

  2. 2

    Dip each bar quickly into the warm ube syrup.

  3. 3

    Immediately roll in toasted desiccated coconut.

  4. 4

    Let set and serve. Store in an airtight container.

Comments & Reviews

  • Tin C.

    7/10/2025

    Reminds me of the ones from Tagaytay. Toasting the coconut made such a difference.

  • Leo R.

    7/10/2025

    Very easy to make and surprisingly moist even without real ube. Love it!

  • Carla G.

    7/10/2025

    Tried this with margarine and it still turned out delicious! Brought back childhood memories.

Save, Plan & Shop Smarter

Create and edit your own recipes, import from most websites, plan your week, and build smart grocery lists.

Import recipes from most websites

Create and edit your own recipes

Plan your week with the Meal Planner

Mark favourites for quick access

Build grocery lists from your meal plan

Tick off pantry items you already have

Nutrition Facts

Serving Size: 1 bar

Calories 290
% Daily Value*
Total Fat 14g18%
Saturated Fat 6g30%
Trans Fat 0g
Cholesterol 35mg12%
Sodium 150mg7%
Total Carbohydrates 38g14%
Dietary Fiber 1g4%
Sugars 18g
Protein 4g

* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Browse this topic

Merienda Sweet Treats

0 recipes

Create your own recipe

Add your personal creations and build your own recipe collection.

Add Recipe
Loading...

You Might Also Like

Gooey Filipino Caramel Bars with Condensed Milk

Gooey Filipino Caramel Bars with Condensed Milk

RecipeShare Test Kitchen

Best Cakey Brownies — Light, Moist & Perfectly Chocolatey

Best Cakey Brownies — Light, Moist & Perfectly Chocolatey

RecipeShare Test Kitchen

Classic Polvoron (No-Bake Filipino Milk Cookies)

Classic Polvoron (No-Bake Filipino Milk Cookies)

RecipeShare Test Kitchen

Chocolate Crinkles Recipe (Fudgy Filipino Crinkle Cookies)

Chocolate Crinkles Recipe (Fudgy Filipino Crinkle Cookies)

RecipeShare Test Kitchen

Strawberry Tres Leches Cake Recipe (Filipino-Style)

Strawberry Tres Leches Cake Recipe (Filipino-Style)

RecipeShare Test Kitchen

Mini Chocolate Chip Cookies

Mini Chocolate Chip Cookies

RecipeShare Test Kitchen

Fluffy Filipino Puto (No Oven, No Yeast)

Fluffy Filipino Puto (No Oven, No Yeast)

RecipeShare Test Kitchen

Chocolate Revel Bars

Chocolate Revel Bars

RecipeShare Test Kitchen

Browned Butter Chocolate Chip Cookies

Browned Butter Chocolate Chip Cookies

RecipeShare Test Kitchen

Dreamy Ube Leche Flan Cake (Filipino Custard Chiffon)

Dreamy Ube Leche Flan Cake (Filipino Custard Chiffon)

RecipeShare Test Kitchen

Fudgy Matcha Tahini Brownies with White Chocolate Swirl

Fudgy Matcha Tahini Brownies with White Chocolate Swirl

RecipeShare Test Kitchen

Irresistible Matcha White Chocolate Cookies

Irresistible Matcha White Chocolate Cookies

RecipeShare Test Kitchen

Moist Red Velvet Cupcakes with Cream Cheese Frosting

Moist Red Velvet Cupcakes with Cream Cheese Frosting

RecipeShare Test Kitchen

Soft and Chewy Ube Crinkles

Soft and Chewy Ube Crinkles

RecipeShare Test Kitchen

Butter Cookies

Butter Cookies

RecipeShare Test Kitchen

Butterscotch Bars

Butterscotch Bars

RecipeShare Test Kitchen

Fudgy Chewy Brownies

Fudgy Chewy Brownies

RecipeShare Test Kitchen

Pineapple Upside-Down Cake

Pineapple Upside-Down Cake

RecipeShare Test Kitchen

Kababayan Filipino Muffins

Kababayan Filipino Muffins

RecipeShare Test Kitchen

No-Bake Cheesecake

No-Bake Cheesecake

RecipeShare Test Kitchen

Moist Whole Wheat Carrot Cake with Cream Cheese Frosting

Moist Whole Wheat Carrot Cake with Cream Cheese Frosting

RecipeShare Test Kitchen

Ube Mamon (Buttery Mini Chiffon Cakes)

Ube Mamon (Buttery Mini Chiffon Cakes)

RecipeShare Test Kitchen

Fluffy Pianono Jelly Roll

Fluffy Pianono Jelly Roll

RecipeShare Test Kitchen

Mango Crepe Cake (No-Bake)

Mango Crepe Cake (No-Bake)

RecipeShare Test Kitchen