Mango Butter Mochi

July 19, 2026

This post contains affiliate links. As an Amazon Associate I earn from qualifying purchases, at no extra cost to you.

Four golden-topped mango butter mochi squares stacked on a wooden board

Chewy, buttery, custardy, and tasting like a warm afternoon in Hawaii: that is what you get here, and the mango jam rippled through it makes it even better. Mango butter mochi is a Hawaiian baked treat made with sweet rice flour, butter, and eggs. This version leans on a boxed Hawaiian butter mochi mix, so you just whisk, fold in the jam, and bake in an 8×8 pan for about an hour until the edges turn golden and the center sets. CRAZY easy for how good it is.

There are a handful of desserts I’ll happily make on repeat forever, and butter mochi sits right at the top of that list. It is chewy, it is buttery, and somehow it tastes like a warm afternoon in Hawaii no matter where you are. I never get tired of it.

This time I gave it a tropical spin with a ripple of mango jam, and that sweet fruit against the stretchy, custardy base is SO good together. If you love the classic version, trust me, this one is going to hit.

Instacart Get Recipe Ingredients

View this reel on Instagram

What Makes This Mango Butter Mochi So Good

The magic of butter mochi is all in the texture. The outside bakes into a lightly crisp, golden edge while the inside stays soft, chewy, and almost custardy. Best of both worlds. The mango takes it somewhere tropical without fighting that buttery, coconut-rich base.

I’ve made butter mochi in more variations than I can count, and the fruit-forward ones are some of my favorites. Want another fruity riff? My chewy banana butter mochi leans on ripe banana for a mellow, banana-bread vibe, while this mango version stays bright and jammy.

What Is Butter Mochi?

Butter mochi is a Hawaiian baked dessert made from sweet rice flour (mochiko), butter, sugar, coconut milk, and eggs. Here’s the thing that trips people up: unlike the pounded, filled mochi you see in Japanese wagashi, butter mochi is poured as a batter and baked, which gives it that dense, chewy, cake-like bite. It’s a true Hawaiian-Japanese fusion born in island home kitchens, and this butter mochi primer from Onolicious Hawaii is a great look at its roots.

Pale mochi batter poured from a bowl into a parchment-lined baking pan

What Makes Butter Mochi Chewy?

The chew comes from sweet rice flour, also called glutinous rice flour or mochiko, which turns naturally sticky and stretchy once cooked. Regular wheat flour just won’t give you the same result, so don’t swap it. As it bakes, the starch in the sweet rice flour sets into that signature bouncy, mochi-like texture, and because there is no wheat, butter mochi is naturally gluten-free. Nice little bonus.

If that stretchy chew is your thing, you’ll love how the same glutinous rice flour behaves in these Air Fryer Sweet Potato Sesame Balls, where it gets mixed with roasted sweet potato and air-fried until the outside is crispy and the center stays chewy.

Mango pieces folded into the mochi batter in a lined pan

Tips for Making Mango Butter Mochi

Use a ripe, well-flavored mango jam

The jam is doing most of the flavor work here, so pick one that actually tastes like ripe mango. I used a mango jam from a small Hawaii-based maker and loved how bright it was, but any good-quality mango jam or preserve will do the trick.

Melt the butter fully before adding it

Give the butter a quick zap in the microwave until it is completely liquid, then whisk it in. Fully melted butter blends into the batter nice and smooth instead of leaving greasy streaks. Don’t skip the full melt.

Do not overbake it

Pull the mochi when the edges are golden and the center is just set. It firms up as it cools, so a little softness in the middle at 60 minutes is exactly what you want. Resist the urge to leave it in longer. For more on nailing that texture, The Kitchn has a helpful Hawaiian butter mochi walkthrough.

Serve it with fresh mango on the side

A few slices of ripe, fragrant mango alongside each square doubles down on that tropical vibe. If you love fresh mango and mochi together, my whole mango mochi wraps soft, ripe mango slices in a quick microwave mochi with no baking required.

Cool completely before slicing

Warm butter mochi tears instead of cutting cleanly, so patience pays off here. Let it rest for about 2 hours, then slice with a knife you wipe between cuts for nice neat squares.

Knife slicing the baked golden mochi into squares on a wooden board

How Do You Store Butter Mochi?

Store butter mochi in an airtight container at room temperature for up to 2 days, or in the fridge for up to 5. It is chewiest at room temp, so if you refrigerate it, let a piece sit out for a few minutes or warm it for a few seconds in the microwave to bring back that soft texture. These squares travel well too, which makes them great for potlucks. If you’re building a tropical dessert spread, my mango sticky rice spring rolls make a fun, handheld companion.

Equipment

Ingredients

  • 1 bag Hawaii’s Best Hawaiian Butter Mochi Mix
  • 1 cup water
  • 2 Eggs
  • 4 tbsp Unsalted Butter, melted
  • 3 oz mango jam (such as Dip into Paradise)
  • 6 to 8 tsp mango jam, for dolloping

Instructions

  1. Preheat your oven to 350 F. In a large mixing bowl, whisk together the eggs and water until smooth.
  2. Pour in the whole bag of butter mochi mix and whisk until a smooth batter forms.
  3. Melt the butter in a microwave-safe bowl, then pour it into the batter and whisk until fully combined.
  4. Whisk in 3 oz of mango jam until evenly blended.
  5. Line an 8×8 baking pan with parchment paper, then pour in the batter.
  6. Drop 6 to 8 teaspoon-sized dollops of mango jam across the top, then bake for 60 minutes.
  7. Let it cool for about 2 hours, then cut into pieces and enjoy.

The one I’m most excited about is guava. Their guava jam was hands down my favorite of the bunch, and I already know that’s the next butter mochi I’m making.

Butter mochi takes a fruit ripple better than almost any other base I’ve tried, so use whatever jam you actually like. 🙌

If you make this mango butter mochi, I would love to know how it turns out! Leave a star rating on the recipe card below and drop a comment to tell me how yours came out. It really helps other readers find the recipe.

Gloved hand holding a single mochi square showing its chewy interior
Print Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Stack of golden mango butter mochi squares on a wooden board

Mango Butter Mochi


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: nomtasticfoods
  • Total Time: 70
  • Yield: 16 pieces 1x
  • Diet: Gluten Free

Description

Chewy, buttery Hawaiian mango butter mochi made easy with a boxed butter mochi mix and a swirl of sweet mango jam. A tropical twist on a classic island dessert.


Ingredients

Units Scale
  • 1 bag Hawaii’s Best Hawaiian Butter Mochi Mix
  • 1 cup water
  • 2 Eggs
  • 4 tbsp Unsalted Butter, melted
  • 3 oz mango jam (such as Dip into Paradise)
  • 6 to 8 tsp mango jam, for dolloping

Equipment

Instacart Get Recipe Ingredients

Instructions

  1. Preheat and whisk the wet base. Preheat your oven to 350 F. In a large mixing bowl, whisk together the eggs and water until smooth.
  2. Add the mix. Pour in the whole bag of butter mochi mix and whisk until a smooth batter forms.
  3. Stir in the butter. Melt the butter in a microwave-safe bowl, then pour it into the batter and whisk until fully combined.
  4. Add the mango jam. Whisk in 3 oz of mango jam until evenly blended into the batter.
  5. Pan it up. Line an 8×8 baking pan with parchment paper, then pour in the batter.
  6. Dollop and bake. Drop 6 to 8 teaspoon-sized dollops of mango jam across the top, then bake for 60 minutes.
  7. Cool, then cut. Let it cool for about 2 hours so it sets, then cut into pieces and enjoy.

Notes

  • Use a ripe, well-flavored mango jam. It is the main flavor, so a good jam makes a big difference.
  • Melt the butter fully before adding it so it blends in smoothly instead of leaving streaks.
  • Do not overbake. Pull it when the edges are golden and set; the center firms up as it cools.
  • Let it cool completely before slicing. Warm butter mochi tears instead of cutting into clean squares.
  • Wipe your knife between cuts for the neatest edges.
  • Prep Time: 10
  • Cook Time: 60
  • Category: Dessert
  • Method: Baking
  • Cuisine: Hawaiian, Japanese

Nutrition

  • Serving Size: 1 piece
  • Calories: 185 kcal
  • Sugar: 15g
  • Sodium: 95mg
  • Fat: 6g
  • Saturated Fat: 4g
  • Unsaturated Fat: 2g
  • Trans Fat: 0g
  • Carbohydrates: 30g
  • Fiber: 1g
  • Protein: 2g
  • Cholesterol: 35mg

Leave a Reply

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

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

Like 0
Close
Nomtastic Foods © Copyright 2026. All rights reserved.
Close