Sweet Mouth Joy

  • Home
  • About
  • Bars & Slices
  • Breads & Muffins
  • Brownies & Blondies
  • Cakes
  • Cakesicles & Cake Pops
  • Cheesecakes
  • Cookies & Biscuits
  • Frostings & Decorations
  • Sauces & Condiments
  • Contact
  • Blog
menu icon
go to homepage
  • Summer Recipes
  • Recipes
  • About
  • Contact
  • Subscribe
subscribe
search icon
Homepage link
  • Summer Recipes
  • Recipes
  • About
  • Contact
  • Subscribe
×
Home » Cakes

Ube Cake

Modified: Aug 12, 2023 · Published: Dec 18, 2022 by Kachina · This post may contain affiliate links · 4 Comments

↓ Jump to Recipe
Pin the Recipe
↓ Jump to Video

This easy ube cake has four layers of soft ube sponge cake with a simple ube buttercream frosting. Made using ube extract for an easy purple yam ube dessert recipe with a delicious hint of coconut too.

purple yam ube cake with four layers of ube sponge and an ube frosting and filling.
Jump to:
  • ✏️ Recipe creation
  • 🥘 Ingredients
  • ♻️ Substitutions / Variations
  • 📖 Method
  • 🎥 Recipe video
  • 💭 Top tips
  • ❔ Recipe FAQs
  • 🧁 Other goodies
  • 📖 Recipe
  • 💬 Comments

✏️ Recipe creation

I love ube, it’s such a popular Filipino flavour for desserts and sweet treats, like in these best ube dessert ideas.

Ever since I tasted Red Ribbon’s ube chiffon cake, I’ve always wanted to make my own easy version of the classic purple Filipino cake using a more western-style sponge with that same great ube taste.

This moist purple yam cake makes one of the best ube desserts. It uses ube extract for an easy ube cake rather than faffing with real ube puree or mashing the purple yams yourself. It’s also a gorgeous purple colour and an ube dream!

A homemade ube layer cake is great served after a family dinner, taking to potlucks or serving for parties and special occasions. Personally, I love it as an easy ube birthday cake!

🥘 Ingredients

purple yam ube cake recipe ingredients in bowls with labels

This ube cake recipe calls for the following ingredients:

1. Ube cake:

  • Unsalted butter: room temperature for a softened butter that’s easier to mix.
  • White sugar: finely granulated such as caster sugar.
  • Vegetable oil: or other neutral flavoured oil.
  • Eggs
  • Coconut milk (or other milk)
  • Ube extract: this can be found online or from specialist Asian grocery stores.
  • All-purpose plain flour: sieve for a smooth cake batter.
  • Baking powder: always check the expiry date before use or the cake won’t rise.

2. Ube buttercream:

  • Unsalted butter: room temperature for a softened butter that’s easier to beat.
  • Powdered icing sugar: sieve your confectioners’ sugar for a smooth frosting.
  • Ube extract
  • Coconut milk (or other milk)
  • Salt

See the recipe card for quantities.

Top tip: For accuracy, it’s best to weigh your ingredients rather than using cups.

♻️ Substitutions / Variations

Ingredient substitutions

You can swap the all-purpose plain flour for self-raising flour and reduce the baking power to using only 1 teaspoon instead.

Coconut milk gives the best flavour for this ube cake, but you can swap this for another milk of your choice in both the cake batter and frosting.

For a richer coconut flavour and creamier texture, you can swap the coconut milk for coconut cream instead for both the cake mix and buttercream.

Flavour options

For a stronger purple yam ube flavour, you can add a few tablespoons of ube halaya (ube jam or halayang ube) as a cake filling between the cake layers along with the ube frosting.

You can also use coconut macapuno as a cake filling and topping idea too.

purple yam ube sponge cake with purple ube frosting and shredded coconut topping.

📖 Method

Ube cake

how to make purple yam ube cake recipe method steps 1 to 4.

Preheat oven: 180°C / 160°C (fan) / Gas Mark 4 / 350°F

Step 1: For the sponges, cream together the butter, sugar and oil using a spatula, electric hand mixer or stand mixer, until light and pale.

Step 2: In a separate bowl, beat the eggs, milk and ube extract until combined.

Step 3: Beat half of the wet ingredients mix into the butter mix.

Step 4: Sieve in half of flour and beat in until smooth.

how to make purple yam ube cake recipe method steps 5 to 8.

Steps 5 - 6: Stir in the remaining wet mix and then sieve in the remaining flour and the baking powder, folding in until only just combined.

Step 7: Divide the batter evenly between two greased and lined 8-inch cake tins and bake in the oven for 25-30mins until risen and skewer comes out clean from the middle of the cakes.

Step 8: Allow the cakes to cool in the tins for 20mins before removing and transferring them to a wire rack while you make the frosting.

Ube buttercream

how to make purple yam ube cake recipe method buttercream steps 9 to 12.

Step 9: Beat the butter (either by hand, using an electric mixer or stand mixer) until pale, light and fluffy. This could take several minutes.

Step 10: Sieve half of the icing sugar into the butter and beat until combined, then repeat this with the remaining half of the icing sugar.

Steps 11 - 12: Add in the ube extract, milk and salt (if using) mixing until only just smooth.

Assembly

how to make purple yam ube cake recipe method assembly steps 13 to 16.

Step 13: Once the cake sponges have cooled, cut each layer in half so that you have 4 thin layers in total.

Step 14: Place one onto a flat plate or cake board and spread roughly ⅕ of the frosting on top.

Step 15: Sandwich another cake layer on top and frost, repeat until you’ve stacked and frosted all four layers. Cover the cake in the rest of the frosting, smoothing lightly with a spatula.

Step 16: Add the remaining frosting to a piping bag and swirl the frosting on top. Sprinkle with shredded coconut and enjoy!

🎥 Recipe video

Check out the recipe video below for how to make the best ube cake!

💭 Top tips

  • For a soft and fluffy ube cake sponge, try not to overmix your cake batter once you’ve added the baking powder.
  • Position your cake pans in the centre of the oven for an even bake and don’t open mid-bake to prevent sinkholes.
  • Your sponges are cooked once they’re risen and springy to the touch. An inserted toothpick or skewer should also come out clean from the middle.
  • For creamy frosting, beat your butter until it’s pale, light and fluffy first. This could take several minutes with an electric mixer.
  • Decorate your ube cake with shredded coconut, toasted coconut flakes or a generous helping of sweet macapuno.

❔ Recipe FAQs

How long does homemade ube cake last?

Your ube cake should last for up 4 days stored in an airtight container at room temperature. If it’s hot where you live, store your cake in the fridge instead.

Can you freeze ube cake?

Yes! You can freeze your frosted or unfrosted ube cake cut into pieces and wrapped in two layers of cling film and a layer of foil for up to 3 months. Defrost in the fridge and enjoy!

What is ube?

Ube is a purple yam that is popular in Filipino cuisine.

What does ube taste like?

Ube tastes like a slightly nutty and vanilla sweet potato. It has a distinctive flavour and a strong purple colour.

Is cake flour the same as plain flour or self-raising flour?

No, cake flour is actually different to both plain flour and self-raising flour. It has a different composition and your cake will have a different consistency if you use it.

How can I thicken my ube frosting?

If your ube frosting is too thin, you can try chilling it in the fridge for 10-20mins before use. Alternatively, you can beat in a few more tablespoons of butter to thicken it.

How can I thin my ube frosting?

If your ube frosting is too thick to spread easily, then you can stir some more coconut milk or coconut cream (½ tablespoon at a time) to thin the consistency.

slice of purple yam ube cake with four layers of ube sponge and an ube frosting and coconut topping.

🧁 Other goodies

Looking for some more easy desserts?

If you’re a fan of Asian-inspired desserts like this purple ube cake, you might also like these best ube recipes and these tasty desserts:

  • Ube no-bake cheesecake using ube extract
  • Ube buttercream (just like the one in this ube cake recipe!)
  • Fudgy ube brownies
  • Easy matcha green tea brownies
  • Green tea matcha no-bake cheesecake
  • Green tea cupcakes - uses this tasty matcha buttercream!

Check out these easy layer cake recipes for more delicious dessert ideas for birthday and special occasions:

  • Matcha layer cake with white chocolate ganache
  • Raspberry white chocolate cake
  • Lemon curd cake
  • Vanilla cake with strawberry filling and frosting

For more tasty cakes check out my full collection of the best cake recipes.

Other Related Recipes:

  • purple ube cheesecake with a coconut graham cracker base and shredded coconut topping with ube extract.
    No-Bake Ube Cheesecake
  • purple ube buttercream frosting in a piping bag on a cake
    Ube Buttercream Frosting
  • fudgy ube brownies squares with white chocolate chips.
    Ube Brownies
  • easy matcha green tea cake with white chocolate ganache frosting and matcha powder dusting
    Easy Matcha White Chocolate Cake

Looking forward to some new recipes? Check out my Youtube, Facebook, Instagram and Pinterest pages for a few sneak peeks and some sweet inspiration!

Or if you’d like to hear about our latest recipes, why not subscribe to our newsletter?

📖 Recipe

purple yam ube cake with four layers of ube sponge and an ube frosting and filling.

Ube Cake

Kachina
An easy ube layer cake with ube buttercream frosting. Made with ube extract for a simple purple yam cake!

Rate this recipe here:

5 from 11 votes
Print Recipe Pin Recipe
Prep Time 50 minutes mins
Cook Time 25 minutes mins
Chill Time 20 minutes mins
Total Time 1 hour hr 35 minutes mins
Course Dessert, Snack
Cuisine Fusion
Servings 12 servings

Equipment

  • 2 8inch (20cm) round cake tin

Ingredients
 

Ube cake

  • 270 g (1 ¼ cups) unsalted butter room temp.
  • 285 g (1 ½ cups) white sugar finely granulated or caster
  • 1 ½ tablespoon vegetable oil
  • 5 eggs large
  • 5 tablespoon coconut milk
  • 3 teaspoon ube extract
  • 285 g (2 ⅓ cups) all-purpose plain flour
  • 3 ½ teaspoon baking powder

Ube buttercream

  • 325 g (1 ½ cups) unsalted butter room temp.
  • 675 g (5 ⅔ cups) powdered icing sugar
  • 3 ½ teaspoon ube extract
  • 1 - 2 tablespoon coconut milk
  • ⅛ teaspoon salt

Instructions
 

Ube cake

  • Preheat oven: 180°C / 160°C (fan) / Gas Mark 4 / 350°F
  • For the sponges, cream together the butter, sugar and oil using a spatula, electric hand mixer or stand mixer, until light and pale.
  • In a separate bowl, beat the eggs, milk and ube extract until combined.
  • Beat half of the wet ingredients mix into the butter mix.
  • Sieve in half of flour and beat in until smooth, then stir in the remaining wet mix.
  • Sieve in the remaining flour and the baking powder, folding in until only just combined.
  • Divide the batter evenly between two greased and lined 8-inch cake tins and bake in the oven for 25-30mins until risen and skewer comes out clean from the middle of the cakes.
  • Allow the cakes to cool in the tins for 20mins before removing and transferring to a wire rack while you make the frosting.

Ube buttercream

  • Beat the butter (either by hand, using an electric mixer or stand mixer) until pale, light and fluffy. This could take several minutes.
  • Sieve half of the icing sugar into the butter and beat until combined, then repeat this with the remaining half of icing sugar.
  • Add in the ube extract, milk and salt (if using) mixing until only just smooth.

Assembly

  • Once the cake sponges have cooled, cut each layer in half so that you have 4 thin layers in total.
  • Place one onto a flat plate or cake board and spread roughly ⅕ of the frosting on top.
  • Sandwich another cake layer on top and frost, repeat until you’ve stacked and frosted all four layers.
  • Cover the cake in the rest of the frosting, smoothing lightly with a spatula.
  • Add the remaining frosting to a piping bag and swirl the frosting on top. Sprinkle with shredded coconut and enjoy!

Video

Notes

Storage: Keep ube cake in an airtight container (or use cling film) in the fridge. It should keep for up to 4 days.
Freezing: You can cut your frosted ube cake into pieces and freeze it for up to 3 months. Wrap in cling film and foil first!
Top tips:
  • Use softened room temperature butter for ease of mixing.
  • Your sponges are cooked once they’re risen and springy to the touch. An inserted toothpick or skewer should also come out clean from the middle.
  • For creamy frosting, beat your butter until it’s pale, light and fluffy first. This could take several minutes with an electric mixer.
  • Decorate your ube cake with shredded coconut, toasted coconut flakes or a generous helping of sweet macapuno.
Substitutions:
  • Swap your plain flour for self-raising flour and reduce the baking powder to only 1 tsp.
  • You can swap the coconut milk for coconut cream or another type of milk.
  • You can use any neutral-flavoured oil for the cake batter.

Nutrition

Calories: 799kcal | Carbohydrates: 99g | Protein: 5g | Fat: 44g | Saturated Fat: 28g | Polyunsaturated Fat: 2g | Monounsaturated Fat: 11g | Trans Fat: 2g | Cholesterol: 175mg | Sodium: 183mg | Potassium: 86mg | Fiber: 1g | Sugar: 79g | Vitamin A: 1339IU | Vitamin C: 0.1mg | Calcium: 97mg | Iron: 2mg

Nutritional information is an estimate based on an online nutritional calculator, actual values may vary.

Tried this recipe?Mention @sweetmouthjoy or tag #sweetmouthjoy!

More Tasty Cakes & Cupcakes Recipes

  • rich chocolate cupcakes with piped pink buttercream frosting swirl topping.
    Chocolate Cupcakes with Pink Frosting
  • baileys chocolate mud layer cake with baileys chocolate ganache frosting and filling.
    Baileys Chocolate Mud Cake
  • halloween disney dusky pink and chocolate maleficent cupcake with edible black horns topper and dried rose petals scattered.
    Maleficent Cupcakes
  • pink halloween cake with a purple ganache drip decorated with sprinkles and pink monsters.
    Pink Halloween Cake

Comments

  1. Deborah Edwards says

    November 06, 2024 at 2:56 pm

    Hello, Can I fold in some Ube jam into the sponge cake mix to give a more concentrated Ube flavour? If so do I need to reduce the amount of sugar?
    Thank you.

    Reply
    • Kachina says

      November 13, 2024 at 7:00 am

      Hiya! To keep your sponge light and fluffy, I'd recommend adding the ube jam between the cake layers as a filling instead. Happy baking!

      Reply
  2. Natalie says

    June 11, 2024 at 5:57 am

    Hi! I've never worked with Ube before and I intend to make it as a cake for a birthday. Is there a way to modify the ingredients to make a tiny cake for a taste test?

    Reply
    • Kachina says

      June 11, 2024 at 8:50 am

      Hiya! If you divide the cake recipe ingredients by 5 and times it by 2 (so you'll only be using 2 eggs) you can make a single layer 6 inch cake to try it out the flavours. You'll only need to bake it for around 15mins too. Happy baking!

      Reply
5 from 11 votes (11 ratings without comment)

Leave a Reply Cancel reply

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

Recipe Rating




Kachina from Sweet Mouth Joy

Hi there! I'm Kachina, and I'm a smidge obsessed with baking. I love making all things sweet and I hope I can convince you to join in my addiction by sharing some of my favourite dessert recipes with you.

Happy baking!

More about me →

Summer Desserts

  • lemon raspberry loaf pound cake sliced topped with lemon glaze and fresh raspberries
    Lemon Raspberry Loaf Cake
  • matcha green tea cheesecake with matcha powder dusted on top and oreos in front with a bowl of matcha on the side
    Matcha Green Tea No-Bake Cheesecake
  • baby pink frosting buttercream icing piped onto a pink buttercream cake.
    Pink Buttercream Frosting
  • purple yam ube cake with four layers of ube sponge and an ube frosting and filling.
    Ube Cake
  • strawberry cake filling sauce being spread onto a cake layer with a jar of strawberry filling behind
    Strawberry Cake Filling
  • orange buttercream being frosted onto a cupcake
    Orange Buttercream Frosting with Orange Extract

See more Summer recipes →

Popular Recipes

  • purple ube buttercream frosting in a piping bag on a cake
    Ube Buttercream Frosting
  • homemade golden syrup in a jar with sugar and lemon behind and a drizzling spoonful
    Golden Syrup
  • Pink Starbucks copycat vanilla birthday cake pops with white mini pearl sprinkles
    Starbucks Copycat Vanilla Cake Pops
  • apple syrup poured from spoon into mason jar with real apples and brown sugar
    Apple Syrup

See more Dessert recipes →

Footer

↑ back to top

About

  • About
  • Privacy Policy
  • Accessibility Policy

Newsletter

  • Sign Up! for emails and updates

Contact

  • Contact

As an Amazon Affiliate I earn from qualifying purchases.

Copyright © 2025 Sweet Mouth Joy

easy purple ube celebration cake with ube buttercream frosting topped with coconut.
easy purple yam ube layer cake with four layers of ube sponge and ube buttercream frosting topped with coconut.
easy purple ube layer cake with layers of ube sponge and ube buttercream frosting topped with coconut.
purple ube cake with layers of ube sponge and ube buttercream frosting topped with coconut.

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.