Ube Mochi Bars Recipe
Introduction
This Ube Mochi recipe combines the unique flavor of ube with the chewy texture of mochi for a delightful treat. Perfect as a snack or dessert, it’s easy to make and satisfying for all ages.

Ingredients
- ½ cup unsalted butter (melted and allowed to cool slightly)
- 1½ cups granulated sugar
- 4 large eggs (room temperature)
- 2 tbsp ube extract
- 1 16-oz box Mochiko flour (or glutinous rice flour)
- 2 tsp baking powder
- 1 12-oz can evaporated milk
- 1 14-oz can coconut milk
Instructions
- Step 1: Preheat your oven to 350°F (175°C). Line a 9×13 inch baking pan with parchment paper and set aside.
- Step 2: In a large bowl, stir the melted butter and granulated sugar together until well combined.
- Step 3: Add the eggs one at a time, mixing thoroughly after each addition to ensure they are fully incorporated.
- Step 4: Stir in the ube extract until the mixture is evenly blended.
- Step 5: Add the Mochiko flour and baking powder to the bowl. Stir until the mixture is about 80-90% combined.
- Step 6: Pour in the evaporated milk and coconut milk. Stir well until the batter is perfectly smooth and free of lumps.
- Step 7: Transfer the batter to your prepared pan and bake for 45 minutes, or until a tester inserted in the center comes out with minimal dry crumbs.
- Step 8: Remove from the oven and let the mochi cool completely in the pan before slicing into bars.
Tips & Variations
- For a more intense purple color, add a little extra ube extract or some natural purple food coloring.
- Try topping the mochi with toasted coconut flakes before baking for added texture and flavor.
- If you prefer a less sweet treat, reduce the sugar to 1 cup without affecting the texture.
- Use glutinous rice flour if Mochiko is unavailable; the texture will be very similar.
Storage
Store Ube Mochi in an airtight container at room temperature for up to 3 days. For longer storage, keep it in the refrigerator for up to one week. Reheat gently in the microwave for 15-20 seconds to soften before serving.
How to Serve

Serve this delicious recipe with your favorite sides.
FAQs
Can I use fresh ube instead of ube extract?
Yes, you can use cooked and mashed fresh ube, but you may need to adjust the liquid ingredients to maintain the right batter consistency.
Is this mochi gluten-free?
Yes, if you use Mochiko or other certified glutinous rice flour, this recipe is naturally gluten-free.
PrintUbe Mochi Bars Recipe
This Ube Mochi recipe offers a delightful fusion of chewy mochi texture with the vibrant flavor of ube. Made with mochiko flour, coconut milk, and a hint of ube extract, this baked treat is perfect as a unique dessert bar with a rich, slightly sweet flavor and a tender, sticky bite.
- Prep Time: 15 minutes
- Cook Time: 45 minutes
- Total Time: 1 hour
- Yield: 16 bars 1x
- Category: Dessert
- Method: Baking
- Cuisine: Filipino
- Diet: Vegetarian
Ingredients
Wet Ingredients
- ½ cup unsalted butter (melted and allowed to cool slightly)
- 4 large eggs (room temperature)
- 1 12-oz can evaporated milk
- 1 14-oz can coconut milk
- 2 tbsp ube extract
Dry Ingredients
- 1½ cups granulated sugar
- 1 16-oz box Mochiko flour (glutinous rice flour)
- 2 tsp baking powder
Instructions
- Preheat and Prepare Pan: Preheat your oven to 350°F (175°C). Line a 9×13 inch baking pan with parchment paper to prevent sticking and make removal easier.
- Mix Butter and Sugar: In a large bowl, stir together the melted butter and granulated sugar until they are well combined.
- Add Eggs: Incorporate the eggs one at a time, making sure each egg is fully mixed in before adding the next to create a smooth batter.
- Add Ube Extract: Stir in the ube extract thoroughly so the flavor is evenly distributed throughout the batter.
- Combine Dry Ingredients: Add the mochiko flour and baking powder to the wet mixture. Stir until the batter is about 80-90% combined to avoid overmixing.
- Add Milks: Pour in both the evaporated milk and coconut milk. Stir until your batter is perfectly smooth and free of lumps.
- Transfer and Bake: Pour the batter into the prepared baking pan. Bake in your preheated oven for about 45 minutes or until a toothpick inserted into the center comes out with minimal dry crumbs.
- Cool and Serve: Remove the pan from the oven and allow the mochi to cool completely in the pan. Once cooled, slice into bars and serve.
Notes
- Ensure eggs are at room temperature for better blending.
- Do not overmix the batter once the mochiko flour is added to avoid tough texture.
- Allow the mochi to cool fully in the pan before cutting to help maintain shape.
- Use good quality ube extract for the best flavor and vibrant color.
- Store leftovers in an airtight container at room temperature for up to 3 days or refrigerate for longer freshness.
Keywords: Ube Mochi, Mochiko, Filipino dessert, sticky mochi bars, ube recipe, baked mochi

