• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
The Unlikely Baker®
  • Home
  • Ice Cream
  • Recipes
    • Cakes
    • Cupcakes and Muffins
    • Cookies
    • Brownies and Bars
    • Pies and Tarts
    • Bread and Biscuits
    • Breakfast and Brunch
    • No Bake Desserts
    • Ice Cream and Frozen Treats
    • Filipino Desserts and Kakanin
    • Filipino Cuisine
    • Other Sweet Treats
    • Video Recipes
    • Ube Recipes
    • Lemon and Citrus Recipes
    • Savoury Recipes
    • Drink Recipes
    • Recipe Collections
  • Contact
  • About Me
    • Hello
    • Terms of Use
  • Recipe Index
menu icon
go to homepage
  • Home
  • Berry Desserts
  • Recipes
  • About Me
  • Contact
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • subscribe
    search icon
    Homepage link
    • Home
    • Berry Desserts
    • Recipes
    • About Me
    • Contact
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • ×
    Home » Recipes » Ube Recipes

    Ube Mochi Recipe (Hawaiian Butter Mochi)

    by Jolina | Published: September 27, 2023 | Last Updated: September 27, 2023 | 84 Comments
    This site contains affiliate links. As an Amazon Associate I earn from qualifying purchases. See Terms of Use for more information.

    • Share
    • Flip
    • Tweet
    • Share
    • Send
    Jump to Recipe Jump to Video
    Pin for Ube Butter Mochi.
    Pin for The Best Ube Mochi Recipe.
    Pin for Ube Butter Mochi.

    Ube mochi is tender, chewy and one of the most delicious ways to enjoy ube or purple yam. Based on the widely popular Hawaiian butter mochi, it’s one of the easiest recipes to make too! 1 bowl, less than 10 ingredients, done in less than an hour, happiness in every bite.   

    (Love everything ube? Check out this collection of the best ube dessert recipes. And if you’d like to try the Filipino version of mochi, check out this espasol recipe.)

    Freshly baked ube butter mochi.
    Jump To hide
    What is ube mochi
    Why you’ll love it
    How to make
    Expert baking tips
    Recipes FAQs
    Ube recipe ideas
    Ube Mochi Recipe

    Ube mochi has been making the rounds ever since Trader Joe’s introduced their Ube Mochi Pancake & Waffle Mix.

    It was such an amazing product that people started using it to make ube mochi cakes, cookies, muffins, bread and more.

    This recipe is different in that it doesn’t use a pre-made mix but it’s just as easy to make. And even more amazing. 

    Let’s get to it.

    What is ube mochi

    A stack of ube mochi bars.

    The word “mochi” refers to two different treats — the Hawaiian snack we have here, and Japanese mochi, which is shaped like a bun and filled with red bean paste, matcha, chocolate and more.

    Both are made of Mochiko, a Japanese sweet rice flour made from cooked mochigome, a glutinous variety of short-grain rice. 

    In addition to mochiko, ube butter mochi is also made with coconut milk for a perfectly tropical treat.

    It’s then baked until deliciously tender and chewy. There’s nothing quite like it!

    Why you’ll love it

    Freshly baked ube butter mochi.

    Ube butter mochi is one of the easiest ube treats you can make. It’s similar to ube brownies (some people call it ube mochi brownies) but way chewier.

    I love making it, hope you do, too.

    • 1-bowl recipe. Don’t you just love recipes that only use 1 bowl? Makes for easy cleanup! And you’ll need less than 10 ingredients too.
    • Straightforward steps. Each step is simple and straightforward. No special techniques or tools needed.
    • Makes a big batch. This recipe makes a big batch of 36 bars (more, depending on how you slice them), making it perfect for potlucks, picnics, and more.
    • Foolproof. Best of all, it’s an easy, no-fail recipe. Hard to go wrong with this one!

    (Looking for mochi perfect for Thanksgiving? Try pumpkin mochi! And mochi muffins and chocolate butter mochi are perfect everyday grab-and-go snacks.)

    How to make

    Ube mochi ingredients with text overlay.
    (Featured products are not sponsored.)

    To make ube mochi, all you’ll need to do is combine all ingredients and bake. It’s that easy.

    Ingredient notes

    You’ll need pantry staples like butter, sugar, eggs and baking powder. A few things to note about the other ingredients:

    • Ube extract — we use ube extract to flavor the mochi in this recipe. Unfortunately, you can’t substitute ube jam, ube halaya or ube powder. You can find ube extract in Asian supermarkets or on Amazon.
    • Mochiko flour — while any brand of glutinous rice flour can work (sometimes also called sweet rice flour), I’ve had best results using Mochiko. You can find it in the international aisle of your supermarket, in Asian grocery stores and on Amazon.
    • Evaporated milk — you’ll want to use full-fat evaporated milk for the richest and creamiest texture.
    • Coconut milk — also best to use full-fat coconut milk. And make sure you’re using coconut milk and not coconut cream. I’ve found that coconut cream makes the mochi very oily.

    (Got extra butter and ube extract? Make some ube butter! And if you love ube and coconut together, you’ll enjoy this ube tres leches cake.)

    Baking tools

    As far as baking tools, you’ll need:

    • 9×13 inch baking pan
    • Electric hand mixer — you can choose to mix the batter by hand but I like using my mixer for the smoothest mixture. And happily, since glutinous rice flour is actually gluten-free, there’s no risk of over-mixing the batter.
    • Sharp knife or bench scraper — to slice the baked mochi.

    Step-by-step photos

    Preheat your oven to 350F. Line a 9×13 inch baking pan with parchment paper and set aside.

    Melted butter and sugar in a bowl.

    Place melted butter and sugar in a large bowl.

    Creamed butter and sugar in a bowl.

    Mix until combined.

    Eggs added to creamed butter.

    Add eggs one at a time.

    Egg butter and sugar mixture.

    Ensure each addition is incorporated well.

    Ube extract added to egg mixture.

    Add ube extract.

    Butter mixture with ube extract.

    Stir until evenly blended.

    Mochiko flour mixture added to ube mixture.

    Add mochiko and baking powder.

    Glutinous rice flour ube mixture in a bowl.

    Stir until about 80-90% combined.

    Coconut milk added to mochi batter.

    Add evaporated milk and coconut milk.

    Ube butter mochi batter in a bowl.

    Stir until incorporated. Ensure your batter is perfectly smooth and has no lumps.

    Ube mochi batter in a pan.

    Transfer the batter to your prepared pan.

    Freshly baked ube mochi in a pan.

    Bake for 45 minutes or until a tester inserted in the center comes out with minimal dry crumbs.

    Remove from oven and allow to cool completely in the pan before slicing into bars.

    Expert baking tips

    Easy, right? Here are more tips for perfect ube butter mochi every time.

    • Don’t be afraid to stir the batter until very smooth because there is no risk of over-mixing here. Despite its name, glutinous rice flour or mochiko is gluten-free.
    • Ube mochi is delightfully chewy and sticky. For the cleanest slices, ensure the mochi is completely cool before cutting into bars. I prefer not to put it in the fridge though as I find that chilling changes the texture of the mochi dramatically.
    • You’ll know your mochi is done when the sides begin to firm up and when a tester inserted in the middle comes out with minimal dry crumbs. I don’t wait until the tester comes out completely clean. Minimal dry crumbs is when I get the perfect mochi texture.

    Recipes FAQs

    Slices of ube mochi brownies on a plate.
    What is ube?


    For those of you who aren’t familiar with ube, it’s the Filipino word for purple yam. 

    Ube is common in Asian cooking and has been a staple in Filipino cuisine for generations. It’s most often used in making desserts.

    A lot of people mistake ube for taro, Okinawan sweet potato and purple sweet potato but they’re all different kinds of root vegetables and have different flavor profiles as well.

    Different people describe ube flavor differently — from nutty and earthy to sweet with notes of vanilla.

    Everybody agrees on one thing though — ube is delicious!

    Can I make ube mochi ahead?


    Yes! You can make ube mochi up to 2 days ahead of when you’re planning to serve them.

    How do I store ube mochi?


    Ube mochi is best stored covered on your counter. They should be good for up to 3 days.

    I don’t recommend storing them in the fridge because they will get tough and even warming them up won’t get that chewy texture back.

    Ube recipe ideas

    Want to explore more ube recipes? Try these:

    • Ube Cake (Filipino Purple Yam Cake)
      Ube Cake (Filipino Purple Yam Cake)
    • A stack of crispy ube turon on a plate.
      Cheesy Ube Turon Recipe
    • Ube Halaya Recipe
      Ube Halaya Recipe
    • Ube crinkles in a bowl.
      The Best Ube Crinkles Cookie Recipe

    Happy baking!

    Did you make this ube butter mochi recipe? I’d love to hear all about it! Leave a comment or a star rating below. You can also tag me on Instagram or Facebook. I’d love to see your creations!

    You can also find me on Pinterest, Twitter and YouTube.

    Slices of ube mochi on a plate.

    Ube Mochi Recipe

    Author: Jolina
    Ube mochi is tender, chewy and a delicious way to enjoy ube or purple yam. It’s very easy to make too! 1 bowl, less than 10 ingredients, done in less than an hour, happiness in every bite.  
    5 from 70 votes
    Print Recipe Pin Recipe
    Prep Time 15 minutes mins
    Cook Time 45 minutes mins
    Cooling Time 1 hour hr
    Total Time 2 hours hrs
    Course Dessert, Snack
    Cuisine Filipino, Hawaiian
    Servings 36 bars
    Calories 55 kcal

    Equipment

    • 9×13 Baking Pan
    • Hand Mixer

    Ingredients
     
     

    • ½ cup unsalted butter melted and allowed to cool slightly
    • 1½ cups granulated sugar
    • 4 pieces large eggs room temperature
    • 2 tbsp ube extract
    • 1 16-oz box Mochiko flour can also use glutinous rice flour
    • 2 tsp baking powder
    • 1 12-oz can evaporated milk
    • 1 14-oz can coconut milk

    Instructions
     

    • Preheat your oven to 350F. Line a 9×13 inch baking pan with parchment paper and set aside.
    • In a large bowl, stir melted butter and sugar until combined.
      ½ cup unsalted butter, 1½ cups granulated sugar
      Creamed butter and sugar in a bowl.
    • Add eggs one at a time. Ensure each addition is incorporated well.
      4 pieces large eggs
      Egg butter and sugar mixture.
    • Add ube extract and stir until evenly blended.
      2 tbsp ube extract
      Butter mixture with ube extract.
    • Add mochiko and baking powder and stir until about 80-90% combined.
      1 16-oz box Mochiko flour, 2 tsp baking powder
      Glutinous rice flour ube mixture in a bowl.
    • Add evaporated milk and coconut milk. Stir until incorporated. Ensure your batter is perfectly smooth and has no lumps.
      1 12-oz can evaporated milk, 1 14-oz can coconut milk
      Ube butter mochi batter in a bowl.
    • Transfer the batter to your prepared pan and bake for 45 minutes or until a tester inserted in the center comes out with minimal dry crumbs.
      Freshly baked ube mochi in a pan.
    • Remove from oven and allow to cool completely in the pan before slicing into bars.
      Freshly baked ube butter mochi.

    Video

    Notes

    1. The yield depends on how big or small you slice your mochi. The estimated nutrition information is based on 36 bars.
    2. Don’t be afraid to stir the batter until very smooth because there is no risk of over-mixing here. Despite its name, glutinous rice flour or mochiko is gluten-free.
    3. For the cleanest slices, ensure the mochi is completely cool before cutting into bars. 
    4. You’ll know your mochi is done when the sides begin to firm up and when a tester inserted in the middle comes out with minimal dry crumbs. 
    5. See post for more tips, FAQs and step-by-step photos.

    Nutrition

    Calories: 55kcalCarbohydrates: 8gProtein: 0.05gFat: 3gSaturated Fat: 2gPolyunsaturated Fat: 0.1gMonounsaturated Fat: 1gTrans Fat: 0.1gCholesterol: 7mgSodium: 1mgPotassium: 24mgFiber: 0.01gSugar: 8gVitamin A: 79IUCalcium: 11mgIron: 0.03mg

    Nutritional information are estimates only.

    Tried this recipe? Leave a star rating today!Also tag @iamtheunlikelybaker I’d love to see your creations.

    More Ube Recipes

    • A slice of ube tres leches cake.
      Ube Tres Leches Cake
    • A slice of ube cake flan on a plate.
      Ube Cake Flan
    • Basque cheesecake showing the vibrant purple ube filling.
      Ube Basque Cheesecake
    • Ube pie with whipped coconut cream topping.
      Ube Pie (Filipino Purple Yam Pie)
    • Share
    • Flip
    • Tweet
    • Share
    • Send

    Reader Interactions

    Comments

    1. chris

      March 29, 2024 at 1:00 pm

      Can you substitute the evaporated milk with coconut cream and substitute the melted butter with non-dairy butter? Trying to convert this to a non-dairy recipe. We have an allergy in our house. Hoping to make 1 batch instead of 2.

      Thanks!

      Reply
      • Jolina

        April 02, 2024 at 8:40 am

        Hi Chris, unfortunately I haven’t tried so I can’t say for sure. If you’d like to sub the evaporated milk though, I would suggest coconut milk instead of cream. Cream would make your mochi oily.

        Reply
    2. Danny K

      March 10, 2024 at 6:12 pm

      5 stars
      I wanted to make something for our after worship service luncheon at church instead of buying cookies or something, especially since everyone seems to bring in homemade things. Since my church is 98% Filipino and most of the food they bring is definitely Filipino, I wanted to make something to complement the meal. I seen this recipe and knew I could make it quickly and easily. The test would be, would they like it. Well, that answer would be an outstanding yes! Even though I had to explain at first it was ube butter mochi and not brownies before they tried them, they loved them! I had no leftovers. They couldn’t believe I made them and didn’t have them made. I explained the recipe is super simple and very quick to make. If I could give this recipe 10 stars, I would. Definitely a keeper!

      Reply
      • Jolina

        March 11, 2024 at 1:11 pm

        That’s awesome Danny! Filipino-approved 🙂

        Reply
    3. Maria

      February 10, 2024 at 12:04 pm

      Hello, can I omit the sugar?

      Reply
      • Jolina

        February 12, 2024 at 10:33 am

        Hi Maria, you cannot. It’s an integral ingredient in the recipe.

        Reply
    4. Ruby

      February 08, 2024 at 12:55 am

      5 stars
      I’ve tried a handful of Ube mochi recipes but this was the best one. It has just the right amount of sweetness and it came out perfectly. Thanks!

      Reply
      • Jolina

        February 09, 2024 at 10:12 am

        That’s awesome Ruby! Glad you like them!

        Reply
    5. Lauri

      December 23, 2023 at 2:45 pm

      Have u tried using actual ube? Just wondering. I know you would have to redo the entire recipe since it’s completely different.

      Reply
      • Jolina

        December 28, 2023 at 12:16 pm

        Hi Lauri, I haven’t. If you do, would love to hear how it goes!

        Reply
    6. Debbie

      December 01, 2023 at 9:13 am

      5 stars
      Everyone loved the ube mochi! I often make a butter mochi with flaked coconut but this is a great addition to my recipes to offer something a little different. Thank you!

      Reply
      • Jolina

        December 04, 2023 at 9:08 am

        Happy to hear that Debbie!

        Reply
    7. SJ

      November 22, 2023 at 4:16 pm

      5 stars
      This recipe was simple and super easy to follow!!! I’m teaching myself to bake and this was my first attempt at ube mochi, so happy I tried this recipe. Leaving a review as it’s my second time coming back to make it and I wanted to sing its praises.

      As was mentioned, this yielded a ton of servings and I didn’t pay it mind until I nearly overfilled my baking dish–luckily this doesn’t rise too much and it didn’t overflow! Definitely a me issue.

      10/10 would reccommend!

      Reply
      • Jolina

        November 23, 2023 at 8:29 am

        That’s awesome SJ! Glad you liked them! Happy baking 🙂

        Reply
    8. Victoria

      October 31, 2023 at 1:50 pm

      Wondering how the other brand of ube extract will affect this recipe? (It’s what I have.) As I understand, the McCormick has a stronger taste (sometimes too strong?) but I guess the McCormick color is more vibrant.

      Reply
      • Jolina

        November 01, 2023 at 8:38 am

        Hi Victoria, I’ve only ever used McCormick so I can’t say for sure.

        Reply
    9. BT

      October 17, 2023 at 12:04 pm

      This ube mochi makes me think of brownie bars, I’m so curious about the texture. I’ll have to try this treat out!

      Reply
    10. Lisa

      October 17, 2023 at 3:33 am

      I think my kids would love to try this recipe! They really do look like brownies

      Reply
    11. Melissa

      October 16, 2023 at 9:08 pm

      Wow, that shade is amazing and this sounds so good. I am going to have to give this one a shot, came here to save it so I don’t forget. I hope mine comes out looking as good as yours because this is so beautiful, thanks for sharing it!

      Reply
    12. MELANIE E

      October 16, 2023 at 1:48 pm

      These mochi sound so yummy. The kids will love them!

      Reply
    13. Anita Fonte

      October 16, 2023 at 1:34 pm

      I was wondering how it got the purple color and then saw the ube extract. This looks delicious and a perfect compliment to Halloween with the color.

      Reply
    14. Amy

      October 15, 2023 at 5:06 pm

      Hi Jolina can I use ube powder?

      Reply
      • Jolina

        October 18, 2023 at 11:58 am

        Hi Amy, no you can’t use ube powder. You will need ube extract for this recipe.

        Reply
    15. Camie

      October 15, 2023 at 11:15 am

      5 stars
      My ube mochi came out perfect and my boys inhaled them!! They were so good and the texture was perfect. Recipe definitely a keeper.

      Reply
      • Jolina

        October 16, 2023 at 8:14 am

        That’s awesome Camie! 🙂

        Reply
      • Richelle Milar

        October 18, 2023 at 9:43 am

        This is making me crave! I want to try this recipe.

        Reply
    Newer Comments »
    4.92 from 70 votes (46 ratings without comment)

    Leave a Reply Cancel reply

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

    Rate the Recipe




    Primary Sidebar

    Hi, I'm Jolina! And I'm definitely a late bloomer, a thoroughly unexpected baker.

    More about me →

    Popular

    • Pecan Bars Recipe
      Bourbon Pecan Pie Bars with Shortbread Crust

    • Ube Cake (Filipino Purple Yam Cake)
      Ube Cake (Filipino Purple Yam Cake)

    • Best Lemon Cheesecake
      The Best Lemon Cheesecake. Ever.

    • Classic Buttermilk Scones
      Classic Buttermilk Scones – Easy, Delicious, Done in 15 Minutes

    Spring Desserts

    • Strawberry Rhubarb Galette
      Strawberry Rhubarb Galette

    • A stack of raspberry white chocolate cookies on a plate.
      Raspberry White Chocolate Cookies

    • Photo of ricotta cake showing juicy blueberries within.
      Lemon Blueberry Ricotta Cake

    • Slice of strawberry ricotta cake with whipped cream and strawberries.
      Strawberry Ricotta Cake (Easy No-Fail Recipe)

    Footer

    ↑ back to top

    About

    • About
    • Terms of Use

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Contact

    As an Amazon Associate, I earn from qualifying purchases.

    Copyright © 2016-2025 The Unlikely Baker ™

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.