Filipino Ube Coconut Pudding Squares with Toasted Coconut Topping
DESSERTS

Delicious Filipino Ube Coconut Pudding Squares You’ll Love

0 comments

The vibrant colors of the Filipino Ube Coconut Pudding Squares stir up not just hunger but nostalgia. There’s something heartwarming about the swirls of yellow, white, and purple, reminiscent of festive family gatherings where laughter fills the air and the sweet scent of coconut and ube wraps around you like a cozy hug.

I first encountered this delightful sapin-sapin at a neighborhood potluck, where I was struck by its unique layers and inviting taste. The creamy richness of coconut milk combined with the subtle sweetness of ube creates a dessert that feels both indulgent and comforting. Plus, it’s a fantastic way to impress friends with its striking appearance, all while being surprisingly easy to make!

If you’re tired of the same old weeknight desserts and want to bring something new to the table, these pudding squares are your solution. Ready to discover how to whip up this delightful treat? Let’s dive into this recipe that’s as enjoyable to make as it is to share!

Filipino Ube Coconut Pudding Squares with Toasted Coconut Topping

Why will you love Filipino Ube Coconut Pudding Squares?

Vibrant Colors: The stunning layers of yellow, white, and purple will bring a festive flair to your table, making it perfect for gatherings or family celebrations.
Rich Coconut Flavor: Made with coconut milk and latik, this recipe delivers a creamy, tropical taste that’s simply irresistible!
Unique Textures: With its soft, fudgy base and crunchy toasted coconut topping, every bite brings a delightful contrast.
Easy-to-Follow Steps: Designed for success, even novice bakers can master this treat with simple steaming techniques.
Crowd-Pleaser: Friends and family won’t be able to resist these beautiful squares—perfect for impressing at potlucks or get-togethers!

Get ready to bring the flavors of the Philippines to your home and delight your loved ones with this unique dessert.

Ingredients for Filipino Ube Coconut Pudding Squares

• Everything you need to create the perfect layers of flavor!

For the Yellow Layer

  • 1 cup glutinous rice flour – a must for that chewy texture!
  • ½ cup rice flour – helps achieve the right consistency alongside the glutinous flour.
  • ½ cup granulated sugar – sweetens the layer perfectly.
  • 1 cup coconut milk – adds rich creaminess and a tropical flavor.
  • ½ cup condensed milk – enhances sweetness and creaminess to the mix.
  • ½ teaspoon vanilla extract – brings out the sweetness beautifully!
  • ¼ teaspoon yellow food coloring (optional) – for that stunning golden hue.

For the White Layer

  • 1 cup glutinous rice flour – essential for that delightful chew!
  • ½ cup rice flour – complements the glutinous flour for a perfect texture.
  • ½ cup granulated sugar – balances out the flavors in this creamy layer.
  • 1 cup coconut milk – keeps it rich and luscious.
  • ½ cup condensed milk – thickens this layer with a velvety touch.

For the Purple Layer

  • ½ cup mashed cooked purple yam (ube) – the star ingredient that gives a lovely flavor and color.
  • purple food coloring, as needed – intensifies the vibrant purple hue!

For Serving

  • ½ cup toasted grated coconut – adds a beautiful crunchy topping!
  • ½ cup latik (coconut curds) – provides a delightful, rich finish to these pudding squares.

Now, let’s bring these colorful Filipino Ube Coconut Pudding Squares to life in your kitchen!

How to Make Filipino Ube Coconut Pudding Squares

  1. Prepare the Dish: Lightly grease a 9 × 13-inch rectangular white ceramic casserole dish with coconut oil. For an authentic touch, line the bottom with banana leaves if you have them; this adds flavor and a beautiful aesthetic!

  2. Mix the Yellow Layer: In a large bowl, whisk together glutinous rice flour, rice flour, granulated sugar, coconut milk, condensed milk, vanilla extract, and yellow food coloring until the mixture is smooth and lump-free.

  3. Spread the Yellow Layer: Pour the yellow mixture into the prepared casserole dish. Use a spatula to spread it evenly across the bottom of the dish.

  4. Steam the First Layer: Place the casserole in a steamer and steam for approximately 15–20 minutes, or until the surface is set and no longer sticky to the touch. This makes a solid base for the next layer!

  5. Combine the White Layer: In a clean bowl, whisk together glutinous rice flour, rice flour, sugar, coconut milk, and condensed milk. Mix until fully smooth and free of lumps.

  6. Add the White Layer: Carefully pour the white mixture over the set yellow layer. Pour slowly to prevent disturbing the yellow layer underneath—patience pays off here!

  7. Steam Again: Steam for another 15–20 minutes until the white layer is set. It should be firm to the touch without any wetness remaining.

  8. Prepare the Purple Layer: In a separate bowl, stir together glutinous rice flour, rice flour, sugar, coconut milk, condensed milk, and mashed purple yam. If desired, add purple food coloring to achieve your preferred vibrant hue; mix until smooth.

  9. Top with the Purple Layer: Gently pour the purple mixture over the white layer, ensuring you’re being careful to keep the layers distinct and beautiful.

  10. Final Steam: Steam for an additional 25–30 minutes or until the top layer is fully cooked through and firm. You want it to be solid enough that a toothpick comes out clean.

  11. Check for Doneness: Insert a toothpick into the center of the dessert; it should come out without any raw batter. This ensures all layers are perfectly cooked.

  12. Cool the Pudding: Remove the casserole from the steamer and allow the sapin-sapin to cool completely before cutting. This helps it set up nicely for slicing.

  13. Make the Latik: In a saucepan, simmer coconut cream over medium-low heat, stirring occasionally until golden-brown coconut curds form. Strain and let cool; this will be your topping!

  14. Garnish: Sprinkle the toasted grated coconut and golden-brown latik generously across the surface of the purple layer, adding texture and crunch to each bite.

  15. Slice and Serve: Cut into equal square portions using a lightly oiled knife for the best results. The pieces should be visually stunning!

Optional: Serve warm for a cozy treat, or chill and enjoy as a refreshing dessert!

Exact quantities are listed in the recipe card below.

Filipino Ube Coconut Pudding Squares with Toasted Coconut Topping

What to Serve with Filipino Ube Coconut Pudding Squares?

When pairing this delightful dessert, think of flavors and textures that enhance this creamy treat, offering a well-rounded meal experience.

  • Sweet Fruit Salad: A refreshing mix of tropical fruits like mango, pineapple, and papaya that balance the rich flavors of the pudding. Each juicy bite brings a burst of freshness!

  • Coconut-Infused Tea: A warm cup of coconut-flavored tea provides a comforting contrast, enveloping your senses in a soothing embrace. The subtle flavors harmonize beautifully with the pudding’s sweetness.

  • Savory Adobo: This tangy, savory dish complements the sweetness of the pudding, creating a delightful contrast. The heartiness of adobo makes for a satisfying contrast on your plate.

  • Crispy Spring Rolls: The crunchiness of crispy vegetable or pork spring rolls offers a delightful textural variation to the fluffy pudding squares. Dipping them in a sweet chili sauce adds another layer of flavor!

  • Creamy Leche Flan: Elevate your dessert spread with this decadent custard pudding. Its silky texture and caramel sweetness beautifully complement the ube coconut pudding.

  • Tapioca Pudding: Serve this alongside for a textural adventure! The soft, chewy pearls in coconut milk echo the creamy elements of the sapin-sapin and create a smooth happy ending to your meal.

  • Grilled Pork Skewers: These savory bites bring a smoky flavor, balancing well with the creaminess of the dessert. Pairing sweet and savory enhances each bite for a memorable experience.

Expert Tips for Filipino Ube Coconut Pudding Squares

  • Layering Technique: Pour each layer slowly and gently to keep the colors separate. This prevents blending and ensures beautiful, distinct layers in your pudding squares.

  • Steaming Essentials: Ensure your steamer is ready and hot before starting each steaming session. A consistent steam helps each layer cook evenly and thoroughly.

  • Test for Doneness: Always insert a toothpick into the center to check if the Filipino Ube Coconut Pudding Squares are fully cooked; it should come out clean without any raw batter.

  • Cooling Time: Allow the pudding to cool completely before slicing. This step ensures clean cuts and better presentation when served!

  • Flavor Enhancements: Don’t shy away from adding your favorite extracts, like almond for a unique twist, or increase the coconut cream for added richness!

Storage Tips for Filipino Ube Coconut Pudding Squares

Room Temperature: You can keep sapin-sapin at room temperature for up to 2 days if it’s in an airtight container, but it’s best enjoyed fresh!

Fridge: For longer storage, refrigerate in an airtight container, where it will stay good for up to 5 days. It will help maintain the flavors and prevent drying out.

Freezer: If you want to keep it for an even longer period, freeze the squares wrapped tightly in plastic wrap and aluminum foil for up to 3 months.

Reheating: To serve, let the pudding thaw in the fridge overnight. You can enjoy it cold or warm it slightly in the microwave for a cozy treat!

Make Ahead Options

These delightful Filipino Ube Coconut Pudding Squares are perfect for meal prep enthusiasts! You can prepare the yellow, white, and purple layers up to 24 hours in advance by mixing and steaming them separately. After steaming, allow the layers to cool before stacking them in the casserole dish and covering tightly with plastic wrap. This way, the pudding stays fresh and just as delicious! When you’re ready to serve, simply make the latik topping and garnish the squares. This time-saving approach allows you to enjoy a beautiful dessert with minimal effort on the day of your gathering or special occasion!

Variations & Substitutions for Filipino Ube Coconut Pudding Squares

Feel free to tailor this delightful treat to your taste preferences and dietary needs!

  • Dairy-Free: Substitute coconut cream for condensed milk for a fully dairy-free version without sacrificing richness.
    Enhancing the coconut flavor will bring your dessert to a new level of creaminess!

  • Colorful Swaps: Instead of purple yam, use sweet potato or a mix of other colorful vegetables like beetroot for a unique twist.
    These alternatives will give you a vibrant spectrum of flavors and stunning hues!

  • Flavored Extracts: Replace vanilla extract with almond or coconut extract for an additional layer of flavor.
    Just a small splash can completely elevate this dessert with delightful new notes.

  • Nutty Twist: Add finely chopped nuts like cashews or almonds into any layer for added crunch and a nutty flavor.
    The balance between soft pudding and crunchy nuts creates a marvelous texture that’s hard to resist!

  • Fruit Layer: Incorporate mashed ripe bananas or mango into the purple layer for a fruity kick.
    This will not only add a new flavor dimension but also contribute natural sweetness!

  • Lower Sugar: For a healthier option, reduce the sugar by half or substitute with a natural sweetener like honey or agave syrup.
    This adjustment allows you to enjoy the deliciousness with fewer calories, making it guilt-free!

  • Spiced Up: Add a pinch of cinnamon or nutmeg to the mixtures for a warm, spiced note.
    You’ll be surprised how these spices enhance the overall flavor profile!

  • Try Other Toppings: Instead of latik, use a sprinkle of desiccated coconut or your favorite nuts as toppings to personalize your squares.
    Experimenting with toppings can bring texture and aesthetic appeal to your dessert experience!

Filipino Ube Coconut Pudding Squares with Toasted Coconut Topping

Filipino Ube Coconut Pudding Squares Recipe FAQs

How do I choose ripe purple yam (ube) for the recipe?
Absolutely! When selecting purple yam, look for smooth, firm skin without dark spots or blemishes. A good ube should feel heavy for its size, indicating moisture inside, and should smell fresh, earthy, and slightly sweet.

How should I store leftovers of the Filipino Ube Coconut Pudding Squares?
For best results, refrigerate the squares in an airtight container. They will last for up to 5 days, and this also keeps the texture moist and flavors intact. Make sure to allow the pudding to cool completely before sealing it up!

Can I freeze the Filipino Ube Coconut Pudding Squares?
Yes, you can! To freeze, wrap individual squares tightly in plastic wrap and then in aluminum foil to prevent freezer burn. They can be stored like this for up to 3 months. When ready to serve, let them thaw in the fridge overnight for optimal texture.

What can I do if my layers don’t set properly?
Very! If your layers are too wobbly after steaming, they may need a bit more time. Return them to the steamer and check every 5 minutes until a toothpick inserted comes out clean. Make sure you’re steaming at a consistent temperature—this is key!

Are there any dietary considerations I should know about?
Absolutely! If serving to someone with dietary restrictions, this dessert is gluten-free when made with 100% gluten-free flours. However, check for allergies especially regarding coconut and condensed milk. For a vegan version, substitute regular condensed milk with a non-dairy milk alternative and use plant-based cream instead of traditional latik.

Filipino Ube Coconut Pudding Squares with Toasted Coconut Topping

Delicious Filipino Ube Coconut Pudding Squares You’ll Love

A delightful dessert featuring Filipino Ube Coconut Pudding Squares with layers of vibrant colors and rich flavors that will impress everyone.
Prep Time 30 minutes
Cook Time 1 hour 30 minutes
Cooling Time 1 hour
Total Time 3 hours
Servings: 12 squares
Course: DESSERTS
Cuisine: Filipino
Calories: 160

Ingredients
  

For the Yellow Layer
  • 1 cup glutinous rice flour a must for that chewy texture!
  • ½ cup rice flour helps achieve the right consistency alongside the glutinous flour.
  • ½ cup granulated sugar sweetens the layer perfectly.
  • 1 cup coconut milk adds rich creaminess and a tropical flavor.
  • ½ cup condensed milk enhances sweetness and creaminess to the mix.
  • ½ teaspoon vanilla extract brings out the sweetness beautifully!
  • ¼ teaspoon yellow food coloring for that stunning golden hue (optional).
For the White Layer
  • 1 cup glutinous rice flour essential for that delightful chew!
  • ½ cup rice flour complements the glutinous flour for a perfect texture.
  • ½ cup granulated sugar balances out the flavors in this creamy layer.
  • 1 cup coconut milk keeps it rich and luscious.
  • ½ cup condensed milk thickens this layer with a velvety touch.
For the Purple Layer
  • ½ cup mashed cooked purple yam (ube) the star ingredient that gives a lovely flavor and color.
  • purple food coloring as needed to intensify the vibrant purple hue.
For Serving
  • ½ cup toasted grated coconut adds a beautiful crunchy topping!
  • ½ cup latik (coconut curds) provides a delightful, rich finish to these pudding squares.

Equipment

  • Steamer
  • Casserole dish
  • Mixing Bowls
  • Whisk
  • spatula

Method
 

Preparation Steps
  1. Lightly grease a 9 × 13-inch rectangular white ceramic casserole dish with coconut oil. For an authentic touch, line the bottom with banana leaves.
  2. In a large bowl, whisk together glutinous rice flour, rice flour, granulated sugar, coconut milk, condensed milk, vanilla extract, and yellow food coloring until smooth.
  3. Pour the yellow mixture into the prepared casserole dish and spread it evenly across the bottom.
  4. Steam the casserole for 15–20 minutes until the surface is set and no longer sticky.
  5. In a clean bowl, whisk together glutinous rice flour, rice flour, granulated sugar, coconut milk, and condensed milk until fully smooth.
  6. Carefully pour the white mixture over the set yellow layer, pouring slowly to prevent disturbing the layer underneath.
  7. Steam for another 15–20 minutes until the white layer is set.
  8. In a separate bowl, stir together glutinous rice flour, rice flour, sugar, coconut milk, condensed milk, and mashed purple yam. Add purple food coloring if desired.
  9. Pour the purple mixture over the white layer, ensuring to keep the layers distinct.
  10. Steam for an additional 25–30 minutes or until the top layer is fully cooked through.
  11. Insert a toothpick into the center; it should come out clean. Cool completely before cutting.
  12. In a saucepan, simmer coconut cream over medium-low heat until coconut curds form. Strain and let cool.
  13. Garnish with toasted grated coconut and latik across the surface of the purple layer.
  14. Cut into equal square portions using a lightly oiled knife.

Notes

Serve warm for a cozy treat, or chill for a refreshing dessert. Allow cooling for clean cuts and better presentation.
Keep cooking

More recipes to try

Irresistible Mini Apple Pies with a Lattice Twist

Irresistible Mini Apple Pies with a Lattice Twist

View recipe
Loaded Banana Split Fluff Dessert That'll Wow Your Guests

Loaded Banana Split Fluff Dessert That’ll Wow Your Guests

View recipe
4-Ingredient Poor Man's Caramel Chocolate Slabs You’ll Love

4-Ingredient Poor Man’s Caramel Chocolate Slabs You’ll Love

View recipe

Leave a Comment

Your email address will not be published. Required fields are marked *

*

Recipe Rating