• Facebook
  • Instagram
  • Pinterest
  • YouTube
  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
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
  • Fall Desserts
  • Recipes
  • About
  • Contact
  • Subscribe
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • subscribe
    search icon
    Homepage link
    • Fall Desserts
    • Recipes
    • About
    • Contact
    • Subscribe
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • ×
    Home » Cakes

    Ube Cake

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

    Jump to 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 9 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

    Reader Interactions

    Comments

    No Comments

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    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 →

    Fall Treats

    • apple syrup poured from spoon into mason jar with real apples and brown sugar
      Apple Syrup
    • Pumpkin cake pops
      Pumpkin Cake Pops
    • Pecan brownies cut into squares with scattered pecans and chocolate chips
      Pecan Brownies
    • caramel buttercream frosting swirls on cupcakes with a bowl of store-bought caramel behind
      Caramel Buttercream with Store-Bought Caramel
    • Black sesame shortbread with a matcha dip recipe
      Black Sesame Matcha Shortbread
    • Pumpkin spice cheesecake with pecan praline topping side view with pecans in front and pumpkin behind
      No-Bake Pumpkin Pecan Cheesecake

    More Fall recipes→

    Popular Recipes

    • golden syrup dripping off spoon
      Best Substitutes for Golden Syrup
    • 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
    • orange buttercream being frosted onto a cupcake
      Orange Buttercream Frosting with Orange Extract
    • lemon raspberry loaf pound cake sliced topped with lemon glaze and fresh raspberries
      Lemon Raspberry Loaf Cake
    • lemon white chocolate ganache no cream
      Easy No-Cream Lemon White Chocolate Ganache

    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 © 2023 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.