Hawaiian Butter Mochi with Ube: A Chewy Tropical Treat

30 min prep 3 min cook 3 servings
Hawaiian Butter Mochi with Ube: A Chewy Tropical Treat
Save This Recipe!
Click to save for later - It only takes 2 seconds!

It was a sweltering July afternoon on the island of Oʻahu, and the scent of plumeria drifted through my open kitchen window as I rummaged through the pantry for something sweet to chase away the heat. I remember the moment I pulled out a tub of vibrant purple ube puree, its deep violet hue reminding me of the sunset over Waikiki. The idea sparked instantly: what if I could marry the buttery, chewy goodness of Hawaiian butter mochi with the earthy, velvety flavor of ube? The thought alone made my mouth water, and I could already hear the soft, springy bite of the mochi as I imagined it melting on the tongue.

As I whisked the ingredients together, the kitchen filled with a perfume that was part coconut, part vanilla, and part tropical sunrise. The steam rose like a gentle cloud, wrapping the room in a warm, comforting hug that made me feel like I was back at a family luau, surrounded by laughter and the distant hum of ukuleles. The moment the batter hit the pan, it sizzled with a faint pop, a promise of the golden crust that would soon form. I could see the edges turning a buttery amber, while the center stayed soft and inviting—just the texture I love about traditional butter mochi, but with a twist that feels both familiar and exotic.

What makes this Hawaiian Butter Mochi with Ube truly special isn’t just its flavor; it’s the story it tells with every bite. The sweet rice flour gives it that signature chew, the melted butter adds richness, and the ube introduces a subtle earthiness that balances the sweetness perfectly. It’s a dessert that feels like a tropical vacation on a plate, yet it’s simple enough to whip up on a weeknight. And here’s the kicker: there’s a secret technique that transforms the texture from good to unforgettable, but I’ll save that for step four of the instructions.

Imagine serving these lilac‑colored squares at a family gathering, watching the kids' eyes widen as they take their first bite, and hearing the chorus of “Mmm!” that follows. You’ll find yourself reaching for another piece, and before you know it, the pan is empty and the aroma still lingers in the air. Here’s exactly how to make it — and trust me, your family will be asking for seconds.

🌟 Why This Recipe Works

  • Flavor Depth: The combination of ube puree and vanilla extract creates a layered taste that is both sweet and earthy, delivering a depth that plain butter mochi often lacks. Each bite offers a subtle hint of nutty, almost chestnut‑like notes that linger on the palate.
  • Chewy Texture: Sweet rice flour (mochi flour) is the secret behind that iconic, stretchy chew. When mixed with the right amount of liquid and butter, it forms a batter that bounces back beautifully after each bite.
  • Ease of Preparation: No fancy equipment is needed—just a mixing bowl, a whisk, and a baking pan. Even if you’re a beginner, the steps are straightforward, and the batter is forgiving.
  • Time Efficient: With a total time of under an hour, you can have a dessert ready before the evening breeze cools down. The prep is quick, and the bake is hands‑off, giving you time to set the table or enjoy a quick stroll.
  • Versatility: While the base is already a crowd‑pleaser, you can easily adapt it with toppings like toasted coconut, macadamia nuts, or a drizzle of passion‑fruit glaze for a personalized touch.
  • Nutrition Boost: Using coconut milk adds healthy fats, and ube is a source of antioxidants and vitamins. It’s a sweet treat that doesn’t feel completely indulgent.
  • Ingredient Quality: Each component—from the fresh ube puree to the high‑quality butter—contributes to a final product that feels premium without breaking the bank.
  • Crowd‑Pleasing Factor: The vibrant purple color is eye‑catching, and the buttery aroma is universally appealing, making it perfect for parties, potlucks, or a quiet night in.
💡 Pro Tip: For an ultra‑smooth batter, sift the sweet rice flour before mixing. This eliminates any lumps and ensures an even chew throughout the mochi.

🥗 Ingredients Breakdown

The Foundation

The backbone of any good butter mochi is the sweet rice flour, also known as mochiko. This finely milled rice flour is what gives the mochi its characteristic elasticity and slightly glossy finish. If you can’t find mochiko, you can substitute with glutinous rice flour, but the texture might be a touch denser. Look for a brand that’s labeled “100% rice” with no added starches for the best chew.

The Creamy Blend

Coconut milk and whole milk work together to create a luscious, creamy base. Coconut milk adds a subtle tropical flavor that complements the ube, while whole milk contributes the necessary protein to help the batter set without becoming gummy. If you’re dairy‑free, substitute the whole milk with oat or almond milk, but keep the coconut milk for that authentic island vibe.

The Secret Weapons

Ube puree or extract is the star of this dish. Real ube puree, made from boiled and mashed purple yam, offers a natural sweetness and a vivid violet hue. If you’re short on time, a high‑quality ube extract works just as well—just remember a little goes a long way. Another secret weapon is the melted unsalted butter; it enriches the batter, creating a golden crust that’s buttery without being greasy.

🤔 Did You Know? Ube is packed with anthocyanins, the same antioxidants that give blueberries their deep color, which can help fight inflammation and support heart health.

Finishing Touches

The remaining ingredients—granulated sugar, baking powder, a pinch of salt, eggs, and vanilla extract—are the supporting cast that bring balance. Sugar sweetens and caramelizes slightly during baking, while baking powder gives a gentle lift, preventing the mochi from becoming too dense. The eggs act as a binder, ensuring the batter holds together, and vanilla adds that warm, comforting aroma that ties everything together.

With your ingredients prepped and ready, let's get cooking. Here's where the fun really begins...

Hawaiian Butter Mochi with Ube: A Chewy Tropical Treat

🍳 Step-by-Step Instructions

  1. Preheat your oven to 350°F (175°C) and grease a 9‑inch square baking pan with a thin layer of butter or a non‑stick spray. While the oven warms up, line the pan with parchment paper, leaving some overhang for easy removal later. The parchment not only prevents sticking but also helps retain moisture, ensuring that the mochi stays chewy. Pro tip: Lightly dust the parchment with a sprinkle of sweet rice flour for an extra non‑stick guarantee.

  2. In a large mixing bowl, whisk together the sweet rice flour, granulated sugar, baking powder, and a pinch of salt. As you whisk, notice the fine, powdery texture that resembles soft sand—this is a good sign that the flour is well aerated. The sugar will dissolve later when the wet ingredients are added, preventing any gritty texture. Now, here's where the magic begins: the dry ingredients are the canvas for the flavors to come.

  3. In a separate bowl, combine the coconut milk, whole milk, melted butter, and vanilla extract. Whisk until the mixture is smooth and the butter is fully incorporated, creating a glossy liquid that looks like liquid gold. Add the eggs one at a time, whisking after each addition to avoid curdling. Then, stir in the ube puree or extract, watching the batter transform into a vibrant lavender‑purple hue that’s simply irresistible.

  4. Pour the wet mixture into the dry ingredients, folding gently with a rubber spatula. Here’s the secret trick: instead of over‑mixing, use a folding motion that incorporates the flour without developing too much gluten, which could make the mochi tough. You’ll notice the batter thickening quickly; it should be smooth, slightly glossy, and just pourable. Pro Tip: If the batter feels too thick, add a splash of coconut milk—just a tablespoon at a time.

  5. Transfer the batter into the prepared pan, spreading it evenly with the spatula. The surface should be level, but don’t worry about perfection; the edges will rise slightly during baking. As you smooth it out, you’ll see tiny bubbles forming—those are signs that the leavening agents are doing their job. But that's not all: a gentle tap on the pan will release any large air pockets, ensuring an even crumb.

  6. Slide the pan into the preheated oven and bake for 25‑30 minutes. Around the 20‑minute mark, keep an eye on the color; you’re looking for a light golden brown that’s fragrant but not burnt. When the edges start to pull away from the pan and a toothpick inserted into the center comes out with a few moist crumbs, the mochi is done. Common Mistake: Over‑baking can turn the chewy interior into a dry cake—set a timer and trust your senses.

  7. Remove the pan from the oven and let the mochi cool in the pan for about 10 minutes. This resting period allows the steam to finish cooking the center, preserving that signature chew. Afterward, use the parchment overhang to lift the entire slab onto a cutting board. While it’s still warm, dust the top lightly with a blend of sweet rice flour and a pinch of powdered sugar for a subtle sparkle.

  8. Using a sharp, lightly oiled knife, cut the mochi into squares or rectangles—about 1‑inch thick works best for a perfect bite. The knife may stick a bit; simply wipe it clean between cuts to maintain clean edges. As you serve, you’ll notice the interior is soft, slightly springy, and bursting with that mellow ube aroma.

  9. Plate the mochi squares on a serving tray, optionally garnish with toasted coconut flakes or a drizzle of caramel for extra decadence. The final presentation is a pop of violet against the golden crust, inviting everyone to dive in. And the result? A chewy, buttery treat that transports you straight to a Hawaiian sunset. Go ahead, take a taste — you’ll know exactly when it’s right.

🔐 Expert Tips for Perfect Results

The Taste Test Trick

Before you bake, scoop a tiny spoonful of batter and heat it in a small pan. If it thickens quickly and holds its shape without spreading, your batter is perfect. I once tried this with a batter that was a bit thin, and the mochi turned out flat—so this quick test can save you a lot of disappointment.

Why Resting Time Matters More Than You Think

Allowing the baked mochi to rest for at least 10 minutes before cutting lets the starches fully hydrate, creating that iconic springy bite. Skipping this step can result in a crumbly texture that feels more like cake than mochi. Trust me on this one: patience is the secret ingredient.

The Seasoning Secret Pros Won’t Tell You

Adding a pinch of sea salt just before the final bake amplifies the sweetness and balances the richness of the butter. I discovered this after a friend suggested a sprinkle of flaky salt on his brownies, and the flavor exploded. Try it here for a subtle depth that makes the dessert unforgettable.

💡 Pro Tip: For a glossy finish, brush the top of the mochi with a light glaze made from equal parts coconut milk and melted butter right after it comes out of the oven.

How to Achieve That Perfect Golden Edge

The key is a hot oven and a well‑greased pan. The butter in the pan creates a thin, crisp crust that contrasts beautifully with the soft interior. I once used a silicone mat instead of butter, and the edges were pale and soggy—so don’t skip the butter!

Storing for Maximum Freshness

Once cooled, wrap the mochi tightly in plastic wrap before placing it in an airtight container. This prevents the mochi from drying out and keeps the chewiness intact for up to three days. If you’re planning to keep it longer, consider the freezing method described later.

Serving Suggestions That Wow

Serve these squares with a scoop of vanilla ice cream or a drizzle of passion‑fruit coulis for a contrast of temperatures and flavors. I once paired them with a light mango salsa, and the tropical notes sang in harmony. Experiment and find your favorite pairing—your guests will be impressed.

🌈 Delicious Variations to Try

One of my favorite things about this recipe is how versatile it is. Here are some twists I've tried and loved:

Tropical Coconut Crunch

Swap half of the coconut milk for coconut cream and fold in toasted coconut flakes into the batter. The result is a richer, creamier mochi with an added crunch that echoes the island vibe.

Mango‑Infused Delight

Replace the ube puree with an equal amount of mango purée, and add a dash of lime zest. This creates a bright, citrusy version that’s perfect for summer picnics.

Chocolate‑Swirl Surprise

Stir in a tablespoon of melted dark chocolate into the batter and swirl in a second batch of plain batter for a marbled effect. The deep cocoa flavor complements the sweet ube beautifully.

Nutty Macadamia Crunch

Fold chopped macadamia nuts into the batter just before baking. The nuts add a buttery crunch that pairs well with the soft mochi texture.

Spiced Pumpkin Fusion

Mix in a quarter cup of pumpkin puree and a pinch of cinnamon and nutmeg. This autumnal twist adds warmth and a subtle earthiness, making it a cozy holiday treat.

📦 Storage & Reheating Tips

Refrigerator Storage

Place the cooled mochi squares in an airtight container lined with parchment paper to prevent sticking. Store them in the refrigerator for up to three days. To keep the texture soft, let them sit at room temperature for about 15 minutes before serving.

Freezing Instructions

Wrap each piece individually in plastic wrap, then place them in a zip‑top freezer bag. They’ll freeze well for up to two months. When you’re ready to enjoy, transfer them to the fridge to thaw overnight, then give them a quick warm‑up in a 300°F oven for 5‑7 minutes.

Reheating Methods

The trick to reheating without drying it out? A splash of coconut milk or a dab of butter placed on top before microwaving for 20‑30 seconds. This restores the glossy sheen and revives the chewiness, making each bite as fresh as the first.

❓ Frequently Asked Questions

All‑purpose flour will not give you the signature chewy texture that sweet rice flour provides. The gluten in regular flour makes the mochi more cake‑like and less stretchy. If you must substitute, use a blend of rice flour and a small amount of tapioca starch, but the result will still differ from authentic mochi.

Yes, frozen ube puree works well as long as you thaw it completely and give it a good stir to eliminate any icy crystals. This ensures a smooth batter and consistent color. Just be sure to drain any excess liquid before adding it to the mix.

The edges should pull slightly away from the pan, and a toothpick inserted into the center should come out with a few moist crumbs but no wet batter. The top will have a light golden hue and a faint buttery fragrance. Trust your senses—if it smells sweet and looks set, it’s ready.

Absolutely! The recipe is already gluten‑free because it uses sweet rice flour. Just double‑check that your baking powder and any added extracts are certified gluten‑free to avoid cross‑contamination.

Use a high‑quality ube puree rather than extract for a natural, deep hue. Blend the puree thoroughly with the wet ingredients to ensure even distribution. If you notice streaks, give the batter an extra whisk before pouring it into the pan.

Yes! Sprinkle toasted coconut, sesame seeds, or a light dusting of powdered sugar on top before baking. This adds texture and a decorative finish. Just be careful not to overload the surface, as too much topping can prevent the mochi from rising evenly.

Certainly—replace the eggs with a flax‑egg mixture (1 tablespoon ground flaxseed + 3 tablespoons water per egg) and use a plant‑based butter substitute. The texture will remain chewy, though you may need a slightly longer bake time to set fully.

Because of the butter and milk, it’s best to store it in the refrigerator if you plan to keep it longer than a few hours. At room temperature, it will stay fresh for about 2‑3 hours before it starts to lose its chew and may become soggy.
Hawaiian Butter Mochi with Ube: A Chewy Tropical Treat

Hawaiian Butter Mochi with Ube: A Chewy Tropical Treat

Homemade Recipe

Prep
15 min
Pin Recipe
Cook
30 min
Total
45 min
Servings
4-6

Ingredients

Instructions

  1. Preheat oven to 350°F (175°C) and grease a 9‑inch square pan; line with parchment.
  2. Whisk together sweet rice flour, sugar, baking powder, and salt in a large bowl.
  3. Combine coconut milk, whole milk, melted butter, vanilla, eggs, and ube puree; mix until smooth.
  4. Fold wet mixture into dry ingredients gently until just combined; avoid over‑mixing.
  5. Spread batter evenly in prepared pan; tap to release large air bubbles.
  6. Bake 25‑30 minutes until golden brown and a toothpick comes out with moist crumbs.
  7. Cool 10 minutes, then lift mochi using parchment and dust with sweet rice flour.
  8. Cut into squares with a lightly oiled knife; garnish as desired.
  9. Serve warm or at room temperature; store leftovers as instructed.

Nutrition per Serving (estimate)

350
Calories
25g
Protein
30g
Carbs
15g
Fat

You May Also Like

Discover more delicious recipes

Never Miss a Recipe!

Get our latest recipes delivered to your inbox.