Cakes, Fine Desserts

Mango Butter Mochi Recipe

4.73 from 11 votes
Delight in luscious Mango Butter Mochi, a heavenly fusion of refreshingly sweet tropical flavors and richness with a silky chewy texture.
Golden luscious Mango Butter Mochi is piled on a light teal-blue plate, with silky soft texture on top and crispy crust at the bottom.

This post may contain affiliate links. Please see my full disclosure for details.

Hi Bold Bakers!

WHY YOU’LL LOVE THIS RECIPE: This Mango Butter Mochi Recipe is really special because it brings you the tropical taste and sunny vibes of Hawaii, where butter mochi was first developed. It delivers the ripe sweetness, fruity tanginess, and slightly floral flavor of fresh mango along with rich and chewy butter mochi. It’s an irresistible cake that’s perfect for summer or anytime you want to be transported by island flavors.

This lovely Mango Butter Mochi is a vibrant addition to our mochi recipe collection which includes Gorgeous Hawaiian Butter Mochi, Chewy Mochi Brownies, Matcha Butter Mochi, Mochi Donuts, Japanese Mochi Ice Cream Recipe, and Chocolate Mochi Ice Cream Recipe. I never get tired of the special sweet flavor and springy texture of mochi, and it’s been so fun developing new and exciting flavors to share with you!

Table of Contents

Golden luscious Mango Butter Mochi is piled on a light teal-blue plate, with silky soft texture on top and crispy crust at the bottom.

What is Mango Butter Mochi?

  • Mango Butter Mochi is a uniquely-textured, pleasantly gooey sweet rice cake bursting with the vibrant tropical flavor, juiciness, and zingy color of mango puree.
  • Butter Mochi is a favorite home-baked treat in Hawaii. About 100 years ago, bakers had the great idea to combine Japanese mochi dough made with sweet rice flour with buttery cake, and created a new dessert! See this recipe for Gorgeous Hawaiian Butter Mochi for a basic version.
  • Serve Mango Butter Mochi as you would brownies or blondies. Just let it cool a bit, cut it up, and you’re good to go!

Tools You Need

Key Ingredients and Why

  • Sweet rice flour

    • Sweet rice flour is the crucial ingredient that gives butter mochi its signature springy, bouncy texture. There is no substitute for it in this recipe.
    • It’s also known as mochiko flour, which means “sticky rice flour” or “glutenous rice flour” in Japanese.
    • Buy it at Asian grocery stores or you can order mochiko flour here
  • Mango puree

    • Mango puree gives this cake its distinct tropical, fruity flavor.
    • The smooth, juicy puree provides moisture and contributes to the butter mochi’s plush texture.
    • It gives the Mango Butter Mochi a bright and sunny color and a delightful fragrance.
  • Granulated sugar

    • Sugar not only sweetens butter mochi but also is key to creating the dessert’s moist, pleasantly gooey texture.
    • Also, sugar in the recipe gives butter mochi its irresistibly caramelized golden-brown top.
  • Baking powder

    • Once mixed with liquid, baking powder causes a quick chemical reaction that creates carbon dioxide, creating bubbles in the batter and forming an airier crumb.
    • Baking powder gives the Mango Butter Mochi a lighter texture, contributing to its unique chewy, springy quality.
    • Read my post, How to Make Baking Powder and Baking Soda Explained to learn how to make your own homemade version!
  • Eggs

    • Eggs act as a binder and help hold the butter mochi batter together and give it structure.
    • They also add moisture to the batter and are crucial to give Mango Butter Mochi its slightly custardy quality.
  • Whole milk

    • Whole milk adds creaminess, richness, and flavor to Mango Butter Mochi.
  • Full-fat coconut milk

    • The sweet, nutty taste of coconut milk adds another tropical flavor to Mango Butter Mochi.
    • Velvety full-fat coconut milk helps create butter mochi’s plush texture.
  • Lemon juice

    • Lemon juice gives the cake a refreshing hint of citrus, and it balances the sweetness.
    • It works with the baking powder to create the butter mochi’s tender texture.

How to Make Mango Butter Mochi


  1. Bring eggs to room temperature. For quick and easy ways to do this, read my post, How to Get Room Temperature Eggs.
  2. Preheat the oven and line a 9×13-inch pan with parchment paper.
  3. Melt the butter and let cool to room temperature.

Mix the batter

  1. Whisk the mochiko flour, sugar, and baking powder together in a large bowl.
  2. Combine the wet ingredients in a separate bowl. Whisk the eggs first, and then whisk in the milk, coconut milk, melted butter, mango puree, and lemon juice. (Check out my article Why Do You Mix Dry Ingredients and Wet Ingredients Separately for more info on why this technique is so important!)
  3. Combine the wet and dry ingredients until the mixture is well-blended.

Bake and serve

  1. Pour the batter into the prepared pan.
  2. Bake until the top is golden brown and a toothpick inserted in the center of the cake comes out clean.
  3. After the cake is cooled completely, cut into 16 squares.

Can I Make Mango Butter Mochi in Advance?

For best results, mix up the Mango Butter Mochi right before baking. This is a no-fuss recipe and takes just 10 minutes to come together.

How to Store Mango Butter Mochi

  • You can store leftover Mango Butter Mochi in an airtight container for up to two days at room temperature.
  • It will keep in the refrigerator for up to five days. Bring to room temperature an hour before eating.
  • You can also freeze leftovers for up to one month. Wrap the pieces individually before freezing.


  • Can I substitute another type of flour for the mochiko flour?

    • No. Mochiko flour, a glutinous/sweet rice flour, is butter mochi’s signature ingredient, and no substitute will achieve the same result.
    • Glutinous/sweet rice is a different type of grain. It has virtually no amylose, and it contains just one component of starch, amylopectin, which is responsible for the sticky quality of glutinous rice.
  • Can I make my own mango puree?

    • Yes, you can make your own mango puree by blending chunks of ripe mango in a food processor or blender. Strain the puree if you want it to have an extra-smooth consistency. You need enough puree to yield
  • Can I make this recipe dairy-free?

    • You can replace whole milk with a dairy-free milk of your preference in this recipe. But just note that the result may be different in terms of flavor.
  • Can I use an egg substitute in this recipe?

    • Yes, but note that your result will not be the same in texture and flavor.
  • Can I make this with less sugar?

    • Sugar is important to not only the taste but the moist texture of butter mochi. That said, you can try to reduce the amount of sugar, but I wouldn’t recommend reducing it by more than 25%.
    • If you’re looking for a sugar substitute, check out my post on Baking Without Sugar and Baking With Sugar Substitutes. Note that allulose, a naturally occurring sugar from figs and raisins, is a zero-calorie sweetener that can caramelize to yield the closest result to sugar.
  • What would be good to mix into Mango Butter Mochi?

Diced mango, coconut flakes, berries, or white chocolate chips would all add flavor and visual and textural interest to Mango Butter Mochi.

A close shot at a pile of golden luscious Mango Butter Mochi on a light teal-blue plate. A bite has taken from the front piece, showing the silky soft texture on top and crispy crust at the bottom.

Gemma’s Pro Chef Tips

  • There is no replacement for glutinous rice flour. Do not try this recipe with regular rice flour!
  • For more mango flavor, you can add mango slices on top before baking.
  • For added texture, you can sprinkle a ½ cup (1½ oz/43 g) shredded coconut on top before baking.
  • Try replacing the mango with pumpkin puree and a teaspoon of cinnamon for a cozy fall treat! 
  • For longer storage, you can freeze butter mochi: Cut and wrap in individual servings before freezing.

More Tropical Dessert Recipes

Mango Butter Mochi Recipe

4.73 from 11 votes
Delight in luscious Mango Butter Mochi, a heavenly fusion of refreshingly sweet tropical flavors and richness with a silky chewy texture.
Author: Gemma Stafford
Servings: 16 servings
Prep Time 10 minutes
Cook Time 1 hour
Delight in luscious Mango Butter Mochi, a heavenly fusion of refreshingly sweet tropical flavors and richness with a silky chewy texture.
Author: Gemma Stafford
Servings: 16 servings


  • 1 box (16 oz/450 g) Mochiko Flour (sweet glutinous rice flour)
  • 2 cups (16 oz/454 g) granulated sugar
  • 1 teaspoon baking powder
  • 4 large eggs, at room temperature
  • 1 can (13 fl oz/400 ml) full fat coconut milk
  • 1 cup (8 fl oz/225 ml) whole milk
  • 1 cup (8 oz/225 g) mango puree (canned or from about 4 large, very ripe mangos)
  • ¾ cup (6 oz/170 g) butter, melted
  • 2 teaspoons fresh lemon juice


  • Preheat the oven to 350°F (180°C) and line a 9x13-inch (23x33cm) baking pan with parchment paper. Set aside.
  • In a large bowl, mix together the Mochiko Flour, sugar and baking powder together.
  • In a separate bowl, whisk the eggs, then add in the coconut milk, milk, mango puree, butter and lemon juice and mix until smooth.
  • Combine the wet and dry ingredients until well mixed and smooth, then pour into your prepared pan.
  • Bake for 50-60 minutes, until golden brown on top and a toothpick inserted in the center comes out clean.
  • Let cool completely before cutting into 16 squares. Store in an airtight container at room temperature for 2 days or in the refrigerator for up to 5 days. Bring to room temperature for about an hour before eating.
Notify of

most useful
newest oldest
Inline Feedbacks
View all comments
1 month ago

Hey! I made this and even after baking for 60 minutes my squares were not solid at all. They are sticky and goopy.. any ideas on what I did wrong?

2 months ago

Hi Gemma, I’ve been craving these for a couple of days and I was wondering if I can use other fruits along with the mangoes like pineapple and passionfruit, pureed of course. What are your recommendations in this regard? Also, do you recommend adding zest to the batter? Because I’d like to lime juice instead of lemon juice for more tropical freshness and I wouldn’t want to waste good zest by adding just the juice.

5 months ago

Is the butter salted?

6 months ago

Can I use Mango juice instead of a puree?

Jenn Manzella
Jenn Manzella
7 months ago

I just made it and it’s delicious! I halved the recipe because it’s just me and it’s still more then enough and I’ll quarter it next time! FYI… I used Goya frozen Mango pulp.

Gary McGuire
Gary McGuire
11 months ago

Since August is national peach month – can the mango purée be replaced by peach purée? If so any tips in doing so

About Us

Meet Gemma

About Us

Meet Gemma

Hi Bold Bakers! I’m Gemma Stafford, a professional chef originally from Ireland, a cookbook author, and the creator of Bigger Bolder Baking. I want to help you bake with confidence anytime, anywhere with my trusted and tested recipes and baking tips. You may have seen one of my 500+ videos on YouTube & TikTok or as a guest judge on Nailed It! on Netflix or the Best Baker in America on Food Network. No matter your skills, my Bold Baking Team & I want to be your #1 go-to baking authority.


Weeknight Family Favorites Chapter from the Bigger Bolder Baking Every Day Cookbook