• 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 | 82 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 69 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. Angie

      September 26, 2024 at 11:31 am

      5 stars
      We love ube and the kids love ube mochi especially! It’s become our go-to snack/dessert. I can’t always find Mochiko so when I do let’s just say I buy waaaay more than I need lol.

      Reply
      • Jolina

        September 27, 2024 at 9:00 am

        LOL same! Happy to hear you and the kids love ube mochi!

        Reply
        • Lee

          October 22, 2024 at 10:57 pm

          5 stars
          This came out so good! The texture and the taste is perfect! My family loves it. Thank you!
          My only question is, how do I store this? Because the recipe makes enough to bring to a party

          Reply
          • Jolina

            October 23, 2024 at 8:25 am

            Hi Lee, that’s great! You can store them covered on your counter. They should be good for up to 3 days. If you need to keep them for longer, you can transfer them to the fridge. This isn’t ideal because the texture will change, but you can get some of that chewiness back by microwaving them before serving. Enjoy!

            Reply
    2. Liza Madayag

      September 11, 2024 at 3:24 pm

      4 stars
      I followed this recipe step by step, mine didn’t turn out as purple as yours. Did you use food coloring?

      Reply
      • Jolina

        September 12, 2024 at 10:47 am

        Hi Lisa, no I didn’t. All that color comes from the ube extract (I use McCormick).

        Reply
    3. Liza Madayag

      September 10, 2024 at 7:03 pm

      Hello 2 tablespoon of ube extract? Please confirm before I go to the store LOL
      Thank you!

      Reply
      • Jolina

        September 12, 2024 at 10:46 am

        Yes 2 baking tablespoons 🙂 Enjoy!

        Reply
    4. Susan Roque

      August 19, 2024 at 9:39 am

      5 stars
      Ube mochi was delicious! My grandkids loved them and they asked that I make them again. Thank you Jolina.

      Reply
      • Jolina

        August 20, 2024 at 12:00 pm

        That’s great Susan! You’re most welcome 🙂

        Reply
    5. Lorigay Laskin

      August 04, 2024 at 1:53 pm

      3 stars
      While it was very simple to make and fun to look at, the end result was – to quote my baking testers – the flavor is wonderful but there’s something off with the texture.
      The texture was gummy and while we use ube a lot, and I won’t stop experimenting, I do not think I’ll be doing this recipe again.
      Thank you for sharing and will post the final results on Facebook – tagging you of course!
      Thanks again.

      Reply
      • Jolina

        August 06, 2024 at 9:25 am

        Hi! Thanks for trying the recipe. Mochi is supposed to be chewy and stretchy 🙂 You did it correctly!

        Reply
        • Phyllis

          November 21, 2024 at 8:25 pm

          4 stars
          Just made this using exact ingredients called for. Mine didn’t turn out quite as stretchy/gummy. Texture was similar to a brownie. Still yummy though

          Reply
          • Jolina

            November 22, 2024 at 12:54 pm

            Hi Phyllis, that’s strange when using Mochiko. In any case, glad you still found them delicious!

            Reply
    6. Anna

      July 24, 2024 at 1:40 pm

      5 stars
      We love butter mochi! And the addition of ube takes it to the next level. My kids can’t get enough.

      Reply
      • Jolina

        July 25, 2024 at 8:51 am

        We love butter mochi too! Watch out for more mochi recipes in the coming weeks 🙂

        Reply
    7. Marie

      July 18, 2024 at 12:08 pm

      5 stars
      I found this recipe on Pinterest and just had to try it because it looks so good. And it didn’t disappoint! So easy and delicious. It’s great for snacking.

      Reply
      • Jolina

        July 19, 2024 at 8:48 am

        Glad you liked them Marie!

        Reply
    8. Julianne

      July 04, 2024 at 9:25 am

      5 stars
      This was great and very easy to make, thank you! Can’t wait to make your other ube recipes.

      Reply
      • Jolina

        July 09, 2024 at 11:27 am

        Happy to hear that Julianne! Enjoy!

        Reply
    9. S. Gwizdak

      May 26, 2024 at 12:35 am

      5 stars
      I made these. They are amazing. I cut the sugar down by about 2/3 though. I will never bother with brownies without mochi flour. Will try with matcha next, what is your favorite ube extract?

      Reply
      • Jolina

        May 28, 2024 at 10:28 am

        Glad you liked them! I always use the McCormick brand.

        Reply
    10. Agnes

      May 17, 2024 at 5:47 pm

      Mine is still runny after an hour baking and I followed the recipe

      Reply
      • Jolina

        May 28, 2024 at 10:20 am

        Hi Agnes, just continue baking until set. Enjoy!

        Reply
    11. AQ

      May 12, 2024 at 7:25 pm

      5 stars
      I had my kids make this, and it’s definitely fool proof. Turned out so yummy! Do you think the Ube extract can be substituted with a different flavor, such as Pandan extract?

      Reply
      • Jolina

        May 14, 2024 at 6:49 pm

        Hi AQ, happy to hear the kids liked it! And yes, I think pandan would work wonderfully 🙂

        Reply
    12. Rose

      May 10, 2024 at 6:56 pm

      5 stars
      Hi Jolina,

      Thank you for sharing this recipe. I made it recently and it turned out great. It was a hit with my co-workers. I will definitely make it again!

      Reply
      • Jolina

        May 14, 2024 at 6:45 pm

        That’s awesome Rose. Glad you guys liked them!

        Reply
    13. Leng

      April 23, 2024 at 9:13 am

      Hello there!

      I’m excited to give this recipe a try and I was wondering if there will be a big difference using the Mochiko brand vs the regular glutinous rice flour? Thank you!

      Reply
      • Jolina

        April 25, 2024 at 2:03 pm

        Hi Leng, nope there shouldn’t be 🙂 Enjoy!

        Reply
    14. Gretchen C

      April 04, 2024 at 8:18 pm

      Hi! I’ve baked ube mochi in the past but the top, sides and bottom always turns out brown. How do you get yours to be a completely purple color?

      Reply
      • Jolina

        April 08, 2024 at 10:46 am

        Hi Gretchen, if you look at the first photo in the post, you’ll see the edges of the mochi are brown too. This is normal since it touches the pan. The bottom stays purple since the pan is lined with parchment, and if your tops are getting too brown, you can loosely cover with aluminum foil. Hope this helps!

        Reply
        • Mons

          October 25, 2024 at 5:40 pm

          5 stars
          So I don’t have the extract but I have a can of ube condensed milk. Think I can use that instead of the sugar?

          Reply
          • Jolina

            October 28, 2024 at 8:58 am

            Hi Mons, unfortunately you can’t sub condensed milk for the sugar.

            Reply
    15. Ambie

      April 01, 2024 at 7:42 pm

      Can I use regular milk in replacement of coconut milk?

      Reply
      • Jolina

        April 02, 2024 at 8:50 am

        Hi Ambie, I haven’t tried so I can’t say for sure. Just note that the coconut milk gives mochi a coconut-y flavor that regular milk won’t have.

        Reply
    « Older Comments
    Newer Comments »
    4.92 from 69 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

    Pin for Ube Butter Mochi.
    Pin for The Best Ube Mochi Recipe.
    Pin for Ube Butter Mochi.

    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

    Pin for Ube Butter Mochi.
    Pin for The Best Ube Mochi Recipe.
    Pin for Ube Butter Mochi.

    ↑ 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.