Golden around the edges, buttery on top, and wonderfully chewy through the middle, butter mochi is one of those desserts that looks simple but has a texture unlike an ordinary cake.
Made with mochiko sweet rice flour, coconut milk, milk, eggs, butter, sugar, and vanilla, it bakes into a dense, tender rice cake with crisp caramelized edges and a soft, slightly sticky center.
Butter mochi is especially associated with Hawaiʻi, where it is a familiar sight at potlucks, bake sales, parties, and family gatherings. It is baked in a large rectangular pan and cut into small squares, making it one of the easiest desserts to prepare when you need something that feeds a crowd.
There is no yeast, no kneading, no frosting, and no complicated shaping. Mix the batter, pour it into the pan, bake until golden, and—this is important—let it cool before cutting.
The waiting may be the hardest part.
🌺 Hawaiian Butter Mochi Recipe
Prep time: 15 minutes
Bake time: 55–65 minutes
Cooling time: At least 1 hour
Total time: About 2 hours 15 minutes
Makes: About 24 small pieces
🛒 Ingredients
- 1 box (16 ounces) mochiko sweet rice flour
- 2 cups granulated sugar
- 2 teaspoons baking powder
- 1/2 teaspoon fine salt
- 4 large eggs
- 1 can (13.5 ounces) full-fat coconut milk
- 1 can (12 ounces) evaporated milk
- 1/2 cup unsalted butter, melted and slightly cooled
- 2 teaspoons vanilla extract
Optional Topping
- 1/2 cup unsweetened shredded coconut
🔥 Prepare the Pan and Oven
Preheat the oven to 350°F.
Lightly butter or grease a 9-by-13-inch baking pan.
For the easiest removal, line the bottom and long sides with parchment paper, leaving enough overhang to lift the cooled mochi from the pan.
Butter mochi is naturally sticky, so greasing or lining the pan makes slicing considerably easier later.
🍚 Combine the Dry Ingredients
In a large bowl, whisk together the mochiko, sugar, baking powder, and salt.
Break up any compacted flour before adding the liquids.
Mochiko behaves very differently from wheat flour. There is no gluten network to worry about, so the usual cake warning about developing too much gluten does not apply.
The main goal is simply to mix until the batter is smooth without whipping excessive air into it.
🥥 Mix the Wet Ingredients
In a second large bowl, gently whisk the eggs.
Add the coconut milk, evaporated milk, melted butter, and vanilla.
Whisk until evenly combined.
Canned coconut milk sometimes separates into thick cream and thinner liquid. Stir or shake the can well before measuring so the full contents are evenly incorporated.
🥣 Make the Batter
Gradually pour the wet mixture into the dry ingredients.
Whisk until the batter becomes smooth and no dry pockets of mochiko remain.
The batter should be much looser than conventional cake batter.
That is normal.
Do not add extra flour simply because it looks thin.
The sweet rice flour absorbs the liquid as it bakes and creates the characteristic chewy texture.
🥥 Add Coconut if You Like
If using shredded coconut, you can either stir most of it into the batter or sprinkle it evenly over the top.
Unsweetened coconut gives you extra coconut flavor without making an already sweet dessert dramatically sweeter.
Leaving the coconut off creates the smoother, more classic golden surface.
Both versions are good.
🍰 Pour into the Pan
Pour the batter into the prepared 9-by-13-inch pan.
Tap the pan lightly against the counter once or twice to release any large air bubbles.
If you are using coconut as a topping, sprinkle it evenly over the surface now.
Transfer the pan to the center rack of the oven.
🔥 Bake Until Golden and Set
Bake for approximately 55 to 65 minutes.
The top should be golden brown and the edges noticeably deeper in color.
The center should look set rather than liquid or jiggly.
A toothpick inserted into the middle may not emerge completely dry the way it would from a conventional cake because butter mochi is naturally moist and sticky.
Look instead for a set surface, golden color, and edges that have begun pulling very slightly from the pan.
⏰ Let It Cool Completely
Place the pan on a wire rack.
Let the butter mochi cool for at least 1 hour before attempting to cut it.
This step is essential.
Fresh-from-the-oven butter mochi is extremely soft and sticky. As it cools, the structure firms and the chew becomes much more pleasant.
If you slice immediately, the interior can seem underdone even when it is actually baked correctly.
🔪 Cut into Small Squares
Once completely cooled, lift the butter mochi from the pan using the parchment.
Cut into approximately 24 small squares.
Butter mochi is rich and dense, so smaller pieces are usually better than giant cake-sized servings.
If your knife becomes sticky, wipe or rinse it between cuts.
A lightly oiled knife or plastic knife can also make slicing easier.
🌺 What Is Butter Mochi?
Butter mochi is a baked sweet made primarily from mochiko, coconut milk, dairy milk, eggs, sugar, and butter.
Its texture falls somewhere between cake, custard, and traditional mochi.
The top develops a golden baked crust while the center remains soft, springy, and chewy.
Unlike traditional Japanese mochi, which is commonly made by pounding cooked glutinous rice or preparing sweet rice dough by other methods, butter mochi is mixed as a batter and baked in a pan.
That distinction is important.
Butter mochi belongs to Hawaiʻi’s local food culture rather than being a traditional Japanese preparation.
🌺 Is Butter Mochi Hawaiian or Japanese?
Butter mochi is best described as a local Hawaiʻi dessert with multicultural influences.
Traditional mochi came to Hawaiʻi with Japanese immigrant communities and became deeply embedded in local celebrations and food culture.
Hawaiʻi Magazine documents Japanese mochi traditions in the Islands stretching back generations, particularly around New Year’s celebrations.
Butter mochi, however, is a different dessert.
Its precise inventor or moment of origin is unclear.
Some food writers see similarities to Japanese chichi dango, while others note its resemblance to Filipino bibingka, another rice-based coconut cake.
That kind of blending makes sense in Hawaiʻi, where Japanese, Filipino, Chinese, Portuguese, Korean, Native Hawaiian, and other culinary traditions have long interacted.
Today, butter mochi has become a distinctly recognizable Hawaiʻi potluck dessert in its own right.
🚫 Butter Mochi Is Not “Mochi Mugi”
Butter mochi should not be described as a Japanese dessert called “mochi mugi.”
Mochi mugi generally refers to a type of glutinous barley rather than an ancestral version of butter mochi.
The similar-sounding words can easily create confusion.
The relevant Japanese connection is mochi, made from glutinous rice, and the sweet rice flour called mochiko that gives butter mochi its chewy texture.
🍚 What Is Mochiko?
Mochiko is a finely milled flour made from glutinous or sweet rice.
Despite the word glutinous, it does not refer to gluten.
The name describes the rice’s sticky quality when cooked.
Mochiko may also be labeled:
- Sweet rice flour
- Glutinous rice flour
- Mochiko rice flour
However, not every rice flour is interchangeable.
Regular rice flour does not have the same starch characteristics and will not produce the classic chewy butter mochi texture.
Look specifically for sweet or glutinous rice flour.
🚫 Don’t Substitute Regular Rice Flour
This is probably the most important ingredient warning in the recipe.
Ordinary white rice flour cannot simply replace mochiko cup for cup.
Mochiko comes from short-grain glutinous rice with a different starch composition.
When heated with liquid, it becomes elastic and chewy.
Regular rice flour generally produces a much more crumbly or cake-like texture.
If the package does not say sweet rice flour or glutinous rice flour, it probably is not what you want.
🥥 Why Coconut Milk Matters
Full-fat coconut milk gives butter mochi much of its characteristic richness and aroma.
The flavor should be noticeable but not overwhelming.
Shake or stir canned coconut milk before using because the cream and liquid can separate during storage.
Light coconut milk can technically work, but full-fat coconut milk creates a richer, more satisfying result.
Coconut beverage sold in refrigerated cartons is much thinner and is not the best direct substitute.
🥛 Why Add Evaporated Milk?
Evaporated milk contributes richness without adding as much water as ordinary milk.
It also gives the butter mochi a creamy, custard-like middle.
Hawaiian Electric’s long-standing butter mochi recipe combines both coconut milk and evaporated milk, a common formula in local versions.
If you do not have evaporated milk, whole milk can replace it.
The texture may be slightly lighter and less concentrated, but the recipe will still work.
🧈 What Does the Butter Do?
Butter gives the dessert richness and helps create the browned exterior.
It also separates butter mochi from simpler mochi preparations made primarily from rice flour, sugar, and water.
Let melted butter cool slightly before whisking it with the eggs so you do not accidentally heat the eggs.
Unsalted butter gives you the most control over salt, but salted butter will work if you reduce or omit the added salt.
🥚 Why Are There Eggs in Butter Mochi?
Eggs provide structure, richness, and a more cake-like quality.
They are part of what makes butter mochi different from traditional mochi.
Without eggs, you would need a very different formulation.
Whisk them gently rather than beating them until fluffy.
Too much incorporated air can push the texture toward light cake when butter mochi is supposed to be pleasingly dense and chewy.
🍬 How Sweet Is Butter Mochi?
Traditional recipes can be quite sweet.
Hawaiian Electric’s classic 16-ounce mochiko recipe uses 3 cups of sugar, while other contemporary versions use somewhat less.
This recipe uses 2 cups, which produces a distinctly sweet dessert without burying the coconut and butter flavors.
If your family prefers especially traditional, sweeter butter mochi, increase the sugar to 2 1/2 cups.
I would not reduce it drastically on the first attempt because sugar also affects moisture and texture.
🥥 Add Shredded Coconut
Shredded coconut is one of the easiest variations.
Sprinkle unsweetened coconut over the batter before baking or fold some directly into the mixture.
The coconut on top becomes lightly toasted in the oven.
Food Network specifically recommends shredded coconut as an optional way to increase the coconut character.
🍵 Make Matcha Butter Mochi
Add approximately 1 to 2 tablespoons culinary-grade matcha to the dry ingredients.
Sift the matcha first so it does not form green lumps in the batter.
The slightly bitter tea flavor offsets the sweetness beautifully.
Start conservatively.
Too much matcha can become harsh and overwhelm the coconut.
🍫 Make Chocolate Butter Mochi
Chocolate butter mochi is another established Hawaiʻi variation.
Add cocoa powder to the dry ingredients and chocolate chips if desired.
Foodland Farms has published a local chocolate butter mochi recipe using mochiko, cocoa, evaporated milk, coconut milk, butter, eggs, and chocolate chips.
For this batch, try adding:
- 1/3 cup unsweetened cocoa powder
- 3/4 cup semisweet chocolate chips
Reduce the mochiko slightly if needed to keep the batter from becoming too thick.
🍋 Try Lilikoʻi Butter Mochi
Lilikoʻi, or passion fruit, gives butter mochi a tart tropical contrast.
Hawaiʻi Magazine has published a Hawaiʻi-style lilikoʻi butter mochi from the Sheraton Princess Kaiulani using mochiko, butter, eggs, coconut milk, and lilikoʻi purée.
For a home variation, substitute a small portion of the milk with passion fruit purée.
Do not add a large quantity without adjusting the rest of the liquids because extra purée can substantially change the texture.
A passion fruit glaze over classic butter mochi is another easy option.
🍠 Make Ube Butter Mochi
Ube adds purple color and a mellow vanilla-like yam flavor.
Use ube extract sparingly because many extracts are highly concentrated.
A few teaspoons may be plenty depending on the brand.
For stronger flavor, incorporate cooked mashed ube along with the extract, but remember that adding puree changes moisture and may require recipe adjustments.
🌿 Try Pandan
Pandan provides a fragrant, grassy, vanilla-like aroma and a beautiful green color.
Add pandan extract to the wet ingredients.
Because extracts vary widely in strength, begin with the manufacturer’s recommended quantity rather than pouring freely.
Pandan and coconut are an especially natural combination.
🌰 Add Macadamia Nuts
Chopped toasted macadamia nuts provide crunch against the chewy mochi.
Scatter about 1/2 cup across the top before baking.
You can also combine macadamias with shredded coconut.
Keep the pieces relatively small so the topping does not make cutting difficult.
🌰 Add Black Sesame
Black sesame gives butter mochi a nutty, slightly savory edge.
Stir a few tablespoons of toasted black sesame seeds into the batter or sprinkle them over the top.
A combination of black sesame and coconut looks especially striking.
🍓 Can You Add Fresh Fruit?
You can, but be cautious.
Fresh fruit contributes substantial moisture, which can disrupt the texture.
Very juicy fruit such as pineapple or mango may create wet pockets if simply stirred into the batter.
Fruit powders, concentrated purées, jams, or glazes are often easier to control.
If adding small pieces of fruit, use modest amounts and expect the surrounding mochi to be softer.
🍰 How Do You Know Butter Mochi Is Done?
Look for several signs together.
The top should be golden.
The edges should be darker and slightly crisp.
The center should appear set rather than liquid.
The surface may puff while baking and settle somewhat during cooling.
Do not expect a perfectly dry toothpick.
Butter mochi naturally retains a sticky, moist center.
If the top is deeply browned but the center still visibly sloshes when you move the pan, it needs more time.
🧈 Why Are the Edges the Best Part?
Many butter mochi fans would argue that the edge pieces are the prize.
The sides of the pan expose the batter to more direct heat, creating a darker, caramelized, slightly crisp exterior.
The center pieces stay softer and chewier.
PBS’s ONO! Hawaiʻi’s Food Culture even highlights families who specifically love butter mochi for the contrast between its crispy top and chewy interior.
If your household fights over edge pieces, bake the batter in two smaller pans instead of one large pan to create more edges.
🍰 Why Is My Butter Mochi Too Cake-Like?
You may have whipped too much air into the eggs and batter.
Butter mochi should be mixed until smooth, not beaten until fluffy.
Another possibility is too much leavening.
Baking powder should provide a little lift, but butter mochi is meant to remain dense and chewy.
Measure carefully rather than adding a heaping spoonful.
🥣 Why Is My Butter Mochi Too Dense?
Some density is normal.
Butter mochi should feel substantially heavier than ordinary cake.
But if it becomes rubbery or unusually firm, there may be too much mochiko relative to the liquid.
Use the full amount of coconut and evaporated milk.
Measure the mochiko accurately rather than packing it aggressively into cups.
A kitchen scale is especially useful when working with flour.
💧 Why Is the Center Wet?
The dessert may simply need more baking time.
Another possibility is cutting it too soon.
Butter mochi changes noticeably during cooling.
Fresh from the oven, the center can seem almost custard-like.
After an hour, it becomes firmer and more distinctly chewy.
If the dessert was properly browned and set before leaving the oven, allow it to cool completely before deciding it was underbaked.
🔥 Why Is the Top Too Dark?
Your oven may run hot, the pan may be especially dark, or the butter mochi may be positioned too close to the upper heating element.
Bake on the center rack.
If the top becomes dark before the center is done, loosely cover the pan with foil during the final portion of baking.
An oven thermometer can reveal whether your oven’s actual temperature differs significantly from its setting.
🧈 Why Is the Butter Separating?
Make sure the melted butter is warm rather than piping hot and that the other ingredients are well combined.
Whisk the batter until smooth.
A very small amount of buttery sheen around the edges is not necessarily a problem.
However, visible pools of grease may indicate an inaccurate ingredient ratio or incomplete mixing.
🔪 Why Does Butter Mochi Stick to the Knife?
That is simply the nature of sweet rice flour.
Let the mochi cool fully before slicing.
Wipe the blade between cuts.
A lightly oiled knife works well.
Some Hawaiʻi recipes specifically recommend using a plastic knife because sticky mochi tends to release more readily from it.
🍴 How Big Should You Cut Butter Mochi?
Small squares are best.
Food Network notes that butter mochi is dense enough that a little goes a long way.
For a party, pieces around 1 1/2 to 2 inches wide are easy to pick up and eat.
You can always go back for another piece.
Cutting giant brownie-sized slabs tends to make the dessert feel much heavier than it needs to.
☕ What to Serve with Butter Mochi
Butter mochi does not need a sauce or frosting.
A cup of hot coffee or tea is often enough.
Green tea is especially good because its gentle bitterness contrasts with the sweet coconut.
Black coffee performs a similar job.
For dessert, slightly warm butter mochi can also be served with vanilla or coconut ice cream.
🍨 Serve It Warm with Ice Cream
Warm an individual square for just a few seconds in the microwave.
Add a small scoop of vanilla ice cream.
The mochi becomes softer and stretchier while the ice cream melts into the buttery surface.
Passion fruit, mango, or coconut ice cream also works beautifully.
🎉 Why Butter Mochi Is Great for Potlucks
It is made in one large pan.
It can be cut into many small servings.
It requires no last-minute decoration.
And it can be eaten without a fork.
Those qualities help explain why butter mochi has become such a familiar potluck and gathering dessert in Hawaiʻi.
Hawaiʻi Magazine describes butter mochi as the kind of local treat you grab quickly at a potluck before it disappears.
⏰ Can You Make Butter Mochi Ahead?
Yes.
In fact, you should make it early enough to give it plenty of cooling time.
Bake it in the morning for an afternoon party or the evening before if needed.
Keep it tightly covered once completely cool so the surface does not dry out.
If you want the freshest possible texture for a later date, freezing works surprisingly well.
🫙 How to Store Butter Mochi
Store completely cooled butter mochi in an airtight container.
It can generally be kept at room temperature for up to about 3 days.
Separate layers with parchment if the cut surfaces are especially sticky.
Refrigeration is usually not my first choice because cold temperatures can make rice-based sweets firmer.
If you need to keep it longer, freezing gives better texture after reheating.
❄️ Can You Freeze Butter Mochi?
Yes.
Butter mochi freezes very well.
Wrap individual pieces or separate them with small sheets of parchment.
Place in an airtight freezer container or freezer bag.
For best quality, use within about 1 month.
Thaw at room temperature or overnight in the refrigerator.
Warm individual pieces in the microwave for about 5 to 10 seconds to restore a softer, freshly baked texture.
🔥 How to Reheat Butter Mochi
Microwave one piece for only 5 to 10 seconds.
The goal is to soften it, not make it piping hot.
Mochi can become extremely hot and sticky if overheated.
Let it stand briefly before eating.
You can also enjoy butter mochi entirely at room temperature, which is how it is commonly served.
🌾 Is Butter Mochi Gluten-Free?
The main flour, mochiko, is naturally gluten-free despite being called glutinous rice flour.
Glutinous describes stickiness, not gluten.
The remaining basic ingredients—coconut milk, evaporated milk, butter, eggs, sugar, vanilla, and baking powder—can also be gluten-free.
If cooking for someone with celiac disease or a medically necessary gluten-free diet, verify the labels on all packaged ingredients and consider cross-contact in the kitchen.
🥛 Can You Make Butter Mochi Dairy-Free?
Yes, though it will no longer contain dairy butter.
Replace the evaporated milk with a rich unsweetened plant-based milk and use a dairy-free butter substitute.
Full-fat coconut milk should stay in the recipe because it contributes substantially to the flavor and texture.
Oat milk is a relatively neutral substitute for the evaporated milk.
The final texture may differ slightly from the traditional dairy version.
🥚 Can You Make It Egg-Free?
Egg-free butter mochi requires more adjustment than simply omitting the eggs.
Eggs provide significant structure and richness.
If you need an egg-free version, use a recipe specifically developed and tested that way rather than removing four eggs from this formula.
That gives you a much better chance of retaining the proper chew and set.
📏 Can You Make a Half Batch?
Yes.
Use an 8-by-8-inch pan and halve all of the ingredients.
Begin checking for doneness earlier because the baking time may change depending on the pan dimensions.
Another option is making the full recipe in two 8-inch pans.
That gives you more coveted edge pieces and one pan to share.
🌺 A Hawaiʻi Favorite Worth Making at Home
Butter mochi is easy enough that its unusual texture can make the recipe seem almost surprising.
There is no elaborate pastry technique hidden behind it.
Mochiko provides the chew.
Coconut milk brings richness and tropical flavor.
Evaporated milk softens the texture.
Butter adds richness and golden edges.
Eggs turn everything into a sliceable baked dessert.
What matters most is using the correct flour, keeping the batter smooth, baking until fully set, and allowing it enough cooling time to become properly chewy.
Cut it into small squares and serve it at room temperature.
The edge pieces will be crisp and caramelized, the centers soft and springy, and the entire pan will taste of coconut, butter, vanilla, and sweet rice.
That simple combination is exactly why butter mochi has earned such a permanent place on Hawaiʻi potluck tables.
🔗 Related Articles
- Traditional Red Bean Yokan: Japanese Sweet Bean Jelly
- Perfect Miso Soup Recipe: Easy Japanese Miso Soup with Tofu and Wakame
- Sushi Rice Recipe
- Miso-Marinated Black Cod Recipe: Sweet, Savory & Caramelized
📚 Sources & Further Reading
- Hawaiian Electric — Butter Mochi
- HAWAIʻI Magazine — Where to Get Hawaiʻi’s Multicultural Mochi on Oʻahu
- HAWAIʻI Magazine — The Story Behind Hawaiʻi’s Mochi-Pounding Tradition
- HAWAIʻI Magazine — Hawaiʻi-Style Lilikoʻi Butter Mochi
- PBS Hawaiʻi — We Can’t Get Enough of Butter Mochi
- Food Network — Butter Mochi
