Homemade Hawaiian Butter Mochi

By: Susan Updated on Sat, 24 Jan 2026 15:21:01 GMT Desserts

Tags: #coconut #gluten-free #dessert #potluck

Golden Hawaiian butter mochi squares with toasted coconut on a white plate Pin it
Golden Hawaiian butter mochi squares with toasted coconut on a white plate

Homemade Hawaiian Butter Mochi is the kind of dessert that disappears square by square from the counter. It has the chew of mochi, the richness of coconut custard, and those browned corner pieces everyone quietly watches.

The batter is simple. Mochiko, coconut milk, evaporated milk, butter, eggs, sugar, and vanilla do the work. The only patience you need is at the end, because butter mochi slices cleanly after it cools.

The Chewy Coconut Lineup

Use a full box of mochiko for the right springy bite. Full-fat coconut milk gives the richest flavor, and evaporated milk keeps the crumb soft without making the batter watery.

  • Mochiko. This sweet rice flour gives butter mochi its signature chew and glossy bite.
  • Granulated sugar. Sweetens the batter and helps the top bake into a golden crust.
  • Baking powder. Lightens the dense rice-flour batter just enough.
  • Kosher salt. Keeps the coconut and vanilla from tasting flat.
  • Eggs. Set the custard-like center and give the squares structure.
  • Coconut milk. Adds richness, fragrance, and the classic island dessert flavor.
  • Evaporated milk. Makes the batter creamy and helps it bake evenly.
  • Unsalted butter. Brings the deep buttery flavor that makes the edges so good.
  • Vanilla extract. Rounds out the coconut and butter.
  • Shredded coconut. Adds a lightly toasted top and a little extra chew.

Bake Homemade Hawaiian Butter Mochi

  1. Heat the oven. Set the oven to 350°F and grease a 9x13-inch metal baking pan well, especially the corners.
  2. Whisk the dry base. Combine mochiko, sugar, baking powder, and salt in a large bowl until no streaks remain.
  3. Mix the liquids. In another bowl, whisk eggs, coconut milk, evaporated milk, melted butter, and vanilla until smooth.
  4. Make the batter. Pour the wet mixture into the dry mixture and whisk until the batter is silky. Mochiko has no gluten, so mixing until smooth is fine.
  5. Fill the pan. Stir in half the shredded coconut, pour the batter into the pan, tap out large air bubbles, and scatter the remaining coconut on top.
  6. Bake and cool. Bake until golden and set, about 60-70 minutes. Cool completely before cutting into squares with a lightly greased plastic knife.
Homemade Hawaiian Butter Mochi
Homemade Hawaiian Butter Mochi

Why The Texture Works

Butter mochi is not cake, and it should not behave like cake. Mochiko is made from sweet sticky rice, so it bakes into a flexible, bouncy crumb instead of a fluffy one. That is why the batter looks looser than cake batter and still sets into neat squares.

The combination of coconut milk and evaporated milk matters. Coconut milk brings fat and aroma. Evaporated milk adds body without diluting the batter too much. Classic local recipes, including the long-running Hawaiian Electric butter mochi recipe, use this same simple idea because it works in a big pan.

Getting Clean, Neat Squares

The hardest part of this recipe is waiting. Hot butter mochi is soft, stretchy, and sticky. If you cut too soon, the knife drags the center into ragged edges. Give the pan at least one full hour on a rack, then cut once the center feels room temperature.

A plastic knife is surprisingly useful here. Rub it with a little neutral oil or softened butter, then wipe it between rows. Cut four rows by six rows for party-size pieces. If you like bigger bakery squares, cut the pan into twenty pieces instead. For another chewy dessert on the site, try the Matcha Mochi Cookies.

A Better Coconut Top

Shredded coconut on top gives butter mochi a toasted cap that smells incredible near the end of baking. I like half the coconut stirred into the batter and half on top. You get little coconut threads inside without making the surface too heavy.

If the coconut is browning too quickly before the center is set, lay foil loosely over the pan for the last 10-15 minutes. Do not seal it tightly. You want the top protected, not steamed. The finished mochi should look burnished at the edges and gently puffed in the middle. The Kitchn also notes that butter mochi changes texture after resting, which is one reason this dessert travels so well for parties and potlucks.

Swaps And Flavor Ideas

You can keep this classic, or you can treat it like a base recipe. A teaspoon of almond extract gives a bakery-style flavor. A handful of toasted sesame seeds on top adds nuttiness. For a richer pan, replace half the evaporated milk with whole milk and a splash of cream.

Do not add a lot of watery fruit to the batter. Pineapple chunks or berries can release juice and make the middle gummy. If you want fruit on the table, serve it alongside the squares instead. Fresh pineapple also fits the Hawaii theme nicely, especially if you are serving this after Hawaiian Huli Huli Chicken or Hawaiian BBQ Chicken & Pineapple.

Storage And Make-Ahead Notes

Butter mochi keeps well at room temperature for about 2 days in an airtight container. After that, move it to the fridge for another few days, though the texture firms up when cold. Let chilled squares sit on the counter for 20-30 minutes before serving.

You can freeze it too. Wrap individual squares in parchment, place them in a freezer bag, and thaw at room temperature. The top will be softer after freezing, but the chew comes back nicely. If you want a cold creamy dessert for the same table, Homemade Butter Pecan Ice Cream is a good contrast to the dense coconut squares.

Homemade Hawaiian Butter Mochi
Homemade Hawaiian Butter Mochi

FAQs

What is Hawaiian butter mochi?

Hawaiian butter mochi is a baked dessert made with mochiko sweet rice flour, butter, coconut milk, eggs, sugar, and milk. It bakes into chewy squares with a soft custardy middle and browned edges.

Can I use regular rice flour instead of mochiko?

No. Regular rice flour will not give you the same stretchy chew. Look for mochiko, sweet rice flour, or glutinous rice flour, which is made from sticky rice even though it does not contain gluten.

Can I make butter mochi ahead?

Yes. Butter mochi is excellent after it rests for several hours, and many people like the texture even more the next day. Let it cool fully, cut it, and store the squares in an airtight container.

How do I know when butter mochi is done baking?

The top should be golden, the edges should pull slightly from the pan, and the center should feel set when you gently touch it. A tester may come out a little moist, but it should not have raw batter clinging to it.

Is Homemade Hawaiian Butter Mochi gluten-free?

Yes, this recipe is naturally gluten-free when made with pure mochiko and gluten-free baking powder. If you are baking for someone with celiac disease, check the package labels for cross-contact warnings.

Can I reduce the sugar?

You can reduce the sugar to 1 3/4 cups for a less sweet pan. I would not go much lower, because sugar helps the top brown and keeps the center tender.

What should I serve with butter mochi?

Serve it plain with coffee, tea, or a tropical drink. For dessert plates, it is nice with fresh pineapple, mango, or a small scoop of vanilla ice cream.

References

Sources cited in this recipe.
4 from 7 votes

Homemade Hawaiian Butter Mochi

Prep time:
15 min
Cook time:
65 min
Total time:
80 min
Servings:
24
Golden Hawaiian butter mochi squares with toasted coconut on a white plate
Print it Pin it Send it

Chewy, buttery Hawaiian mochi squares made with mochiko, coconut milk, and a golden coconut top.

Ingredients

  • For the pan

  • For the butter mochi

Instructions

1.

1. Prepare the oven and pan: Heat the oven to 350°F. Grease a 9x13-inch metal baking pan with softened butter or neutral oil, coating the corners well.

2.

2. Combine the dry ingredients: In a large bowl, whisk the mochiko, sugar, baking powder, and salt until evenly mixed and free of large lumps.

3.

3. Whisk the wet ingredients: In a separate bowl, whisk the eggs, coconut milk, evaporated milk, melted butter, and vanilla until smooth.

4.

4. Make the batter: Pour the wet mixture into the dry ingredients. Whisk until the batter is smooth and glossy, then stir in 1/2 cup of the shredded coconut.

5.

5. Fill and top the pan: Pour the batter into the prepared pan. Tap the pan on the counter a few times to release large bubbles, then sprinkle the remaining 1/2 cup shredded coconut evenly over the top.

6.

6. Bake until set: Bake for 60-70 minutes, until the top is golden brown, the edges are browned, and the center feels set. Tent loosely with foil near the end if the coconut browns too quickly.

7.

7. Cool and slice: Cool completely on a wire rack for at least 1 hour. Cut into 24 squares with a lightly greased plastic knife, wiping the knife as needed.

Good to know

  1. Texture is best after cooling fully and even better after resting several hours.
  2. Use mochiko sweet rice flour, not regular rice flour.
  3. Store airtight at room temperature for about 2 days or refrigerate for longer storage.

Equipment

  • 9x13-inch metal baking pan
  • Large mixing bowl
  • Medium mixing bowl
  • Whisk
  • Wire cooling rack
  • Plastic knife or lightly greased knife

Allergens

Always check labels if you have allergies.
  • Dairy
  • Eggs
  • Coconut

Nutrition facts

Values are estimates per serving.
  • Calories: 235
  • Fat: 9 g
  • Carbs: 35 g
  • Protein: 4 g