Chocolate Butter Mochi Cake

Inspired by our travels to Maui, this chocolate butter mochi cake features a chewy brownie topped with peanut butter frosting and a generous amount of rainbow sprinkles. 

Chocolate Butter Mochi Cake. Gluten free brownie alternative made with glutinous sweet rice flour.

Looking for a gluten-free brownie alternative? Or maybe you’re searching for a super moist and chewy chocolate cake?

Try this easy to make chocolate butter mochi cake!

Chocolate Butter Mochi Cake. Gluten free brownie alternative made with glutinous sweet rice flour.

Tin Roof Chocolate Birthday Bibingka

This fun and festive chocolate butter mochi cake was inspired by the Birthday Cake Bibingka dessert sold at Tin Roof in Maui. It consists of chocolate mochi cake topped with peanut butter frosting and a whole lot of rainbow sprinkles!

I fell in love with this chocolate treat during my babymoon vacation in Maui last October 2019. I’ve been thinking about these since then! 

What is bibingka? 

Bibingka (pronounced bee-bing-kah) refers to a wide range of Filipino foods made with rice flour and coconut milk. There are many variations of bibingka, ranging from bibingka with salted egg to bibingka made with cassava

Bibingka is most popularly eaten during the holiday season around Christmastime. It is often translated into “sweet coconut rice cake.” 

You can find “bibingka mix” at Filipino and Asian supermarkets. It’s a mixture of rice flour, sugar, and baking powder. It is similar to a pancake mix or an all-purpose baking mix like Bisquik.

The mixture of ingredients serves as the base for many desserts, baked goods, steamed goods, and other sweet treats. 

Gluten Free Brownie Alternative

Is butter mochi a cake or a brownie? It’s a little bit of both.

This gluten-free brownie alternative uses glutinous sweet rice flour instead of all-purpose flour. The lack of gluten creates a soft, chewy, and spongy cake like texture.

Chocolate Butter Mochi Cake Ingredients

Chocolate Bibingka Ingredients

Mochiko

Mochiko is the Koda Farms brand of sweet rice flour. Other brands label the same product as glutinous sweet rice flour.

If you opt for a different brand, be sure to use SWEET rice flour, not regular rice flour. 

Sweet rice flour is made from glutinous rice or sticky rice. Its high starch content gives mochi butter cake that iconic chewy texture.

Whereas, regular rice flour is made from medium or long-grain rice. 

Sugar

Use plain granulated sugar for best results. You may also substitute in light brown sugar, if desired. 

I would stay away from sugar substitutes or sugar alternatives. It will affect the texture of the butter mochi cake. 

Cocoa Powder and Chocolate Chips

Unsweetened cocoa powder and chocolate chips gives these butter mochi cake its chocolate flavor.

I recommend the unsweetened cocoa powder from Trader Joe’s. Recipe calls for semi-sweet or dark chocolate chips. Use milk chocolate chips for sweeter brownies. 

Butter

The unsalted butter is melted along with the chocolate chips. After slightly cooling, the liquid chocolate butter mixture is added to batter.

You could substitute margarine or other butter alternatives. But, this recipe tastes best with real deal butter! 

Evaporated Milk

Evaporated milk is shelf stable milk that has been cooked to remove much of its water content. It is sometimes called “unsweetened condensed milk.”

Evaporated milk is slightly sweeter and thicker than regular milk. Whole milk or 2% milk may be used in place of canned evaporated milk.

Coconut Milk

Use full-fat canned unsweetened coconut milk. Check the label to ensure coconut is the first ingredient.

Do not use light coconut milk. Do not use the refrigerated coconut milk sold in cartons. These lighter coconut milks will not produce the same creamy results.

However, if you’d like your butter mochi even creamier… use canned coconut cream. (Stay away from cream of coconut which is a different product loaded with sugar.) 

Eggs

I always use large eggs for consistency purposes. I have not tested this recipe using egg substitutes. 

Baking Powder

Baking powder provides leavening. There is no alternative. Do not omit this ingredient!

Salt

Believe it or not, but a pinch of kosher salt makes desserts taste a little better! Even, a little sweeter!  

How to make chocolate butter mochi cake

How to mix chocolate butter mochi cake

All you need are a couple bowls and good old fashioned whisk and spatula to mix this chocolate butter mochi cake batter together.

How to Make Chocolate Butter Mochi Cake

  1. Whisk together the dry ingredients: sweet rice flour, sugar, cocoa powder, baking powder, and salt.
  2. In another bowl, combine wet ingredients (coconut milk, evaporated milk, and eggs). Pour into mixing bowl filled with dry ingredients.
  3. Melt together chocolate chips and butter in the microwave until smooth. Cool slightly. Then pour into mixing bowl with remaining batter ingredients.
  4. Once batter is thoroughly mixed together, pour in prepared baking pan. Bake for about an hour until toothpick inserted in center of cake comes out clean!

Chocolate Butter Mochi Cake

Butter Mochi Cake Puffs Up During Baking

Do not be alarmed. The chocolate butter mochi cake will puff up and rise during baking. 

This is normal. Once you take it out of the oven, the cake will settle and fall. Once again, totally normal. 

Don’t worry if the chocolate mochi cake cracks on top. You will be covering it with peanut butter frosting!

Chocolate Butter Mochi Cake with Peanut Butter Frosting

Peanut Butter Frosting

The frosting is a simple mixture of butter, peanut butter, and powdered sugar. For best results, use a self-stable homogenous smooth peanut butter like Jif or Skippy. 

Natural peanut butters that require stirring before use may separate in this recipe.

I use the same peanut butter frosting for these Peanut Butter Cupcakes

Rainbow sprinkles chocolate mochi cake

Rainbow Sprinkles

Choose your favorite rainbow sprinkles to make these chocolate butter mochi cake bites super fun and festive. Go the traditional route with these rainbow jimmes like the one photographed above. 

Opt for these pastel rainbow sprinkles made without artificial coloring for a more subtle looking cake. Rainbow nonpereil sprinkles also work. 

Chocolate Butter Mochi Cake

Chocolate Bibingka. Chocolate Butter Mochi Cake

Baking Pan Choices for Chocolate Butter Mochi Cake

Can you make this butter mochi in a different size baking pan?

Yes! The recipe listed below can be baked in one 8-inch square baking pan or one 9 x 13-inch baking dish.

This can be baked in standard aluminum/metals baking pans or glass baking dishes.

The 8-inch square pan will create a thicker chocolate butter mochi cake, while the larger 9×13-inch dish will result in a thinner cake. Regardless of the pan size, the butter mochi will be chewy.

Chocolate Butter Mochi Cake choice of thick or thin brownies

The 8-inch square pan will create a thicker chocolate butter mochi cake, while the larger 9×13-inch dish will result in a thinner cake. Regardless of the pan size, the butter mochi will be chewy.

Chewy gluten free chocolate brownies

Making a large batch for a party

Double the recipe to make a large batch of thick mochi cakes. A doubled version will use one 1-pound (16 oz) box of mochiko flour, one 12-oz can evaporated milk, and one 14-oz can coconut milk. 

Chocolate Butter Mochi Cake with Peanut Butter Frosting

Inspired by the chocolate birthday bibingka from Maui's Tin Roof, this gluten free brownie alternative is topped with peanut butter frosting and a generous amount of rainbow sprinkles.

Yield: 8-in square pan for thick cake, 9x13-inch pan for thin cake

Servings 16 pieces
Author Maryanne Cabrera

Ingredients

Chocolate Butter Mochi Cake:

  • 142 grams (about 3/4 cup) semi-sweet or dark chocolate chips
  • 85 grams (6 Tbsp) unsalted butter
  • 227 grams (about 1 ½ cup + 3 Tbsp) Mochiko sweet rice flour
  • 300 grams (1 ½ cup) granulated sugar
  • 20 grams (¼ cup) unsweetened cocoa powder
  • 6 grams (½ Tbsp) baking powder
  • 1/4 teaspoon kosher salt
  • 2 large eggs, room temp
  • 6 fl oz (¾ cup or 177ml) canned evaporated milk, well shaken
  • 7 fl oz canned coconut milk, full fat, well shaken

Peanut Butter Frosting:

  • 57 grams unsalted butter, softened, room temp
  • 135 grams smooth peanut butter*
  • 128 grams confectioners sugar
  • 1 Tbsp milk
  • 1/2 teaspoon pure vanilla extract
  • pinch kosher salt
  • rainbow sprinkles, as needed for topping

Instructions

Chocolate Butter Mochi Cake:

  1. Preheat oven to 350°F. Line square 8-inch baking dish with parchment paper. Generously butter parchment paper. Set aside.

    *Alternatively, use a 9x13-inch glass baking dish for a thinner cake. No need for parchment. Generously butter dish and set aside.

  2. Place butter and chocolate chips in a microwave safe bowl. Heat for 30 second intervals on 50% power until ingredients are melted and mixture is smooth. Stir often to ensure even melting. Set aside to cool slightly.

  3. In a large bowl, whisk together sweet rice flour, sugar, cocoa powder, baking powder, and salt.

  4. In a separate bowl, whisk together eggs, evaporated milk, and coconut milk. Pour liquid mixture into dry ingredients. Whisk or stir together until there are no longer any dry steaks of flour and mixture is smooth.

  5. Pour in slightly cooled chocolate butter mixture. Stir until well distributed. Pour mixture into prepared baking pan. Bake in the center of oven for 50-55 minutes until toothpick inserted in center comes out clean.

  6. Allow mochi butter cake to cool before unmolding.

Peanut Butter Frosting:

  1. Use electric hand mixer to beat together butter and peanut butter until smooth. Add confections sugar, milk, vanilla, and salt. Mix until thoroughly combined and frosting is smooth and creamy.

Assembly:

  1. Spread peanut butter frosting over cooled chocolate butter mochi cake. Immediately top with sprinkles. Slice into desired portions. Enjoy immediately!

Recipe Notes

Ingredient Notes:

  • I recommend using Koda Farms Mochiko. Otherwise, look for glutinous sweet rice flour or sweet rice flour. DO NOT USE plain rice flour.
  • Whole milk or 2% milk may be used in place of evaporated milk.
  • Use milk chocolate chips for sweeter chocolate mochi cake.
  • Use any kind of unsweetened cocoa powder. Natural or Dutch-process cocoa powder will work.

Peanut Butter Frosting:

Double frosting recipe if using 9x13-inch baking pan

Storage and Leftovers:

Keep in an airtight container at room temperature for up to three days. 

Newsletter
cake
Never Miss a Recipe!

Plus, get exclusive recipes, tips, and previews through our weekly newsletter.

Daily Blog Posts
Weekly Updates

Leave a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

cake
Never Miss a Recipe!

Plus, get exclusive recipes, tips, and previews through our weekly newsletter.

Daily Blog Posts
Weekly Updates