• Skip to main content
  • Skip to primary sidebar
Hassle Free Vegan Baking
menu icon
go to homepage
  • Recipes
  • About
  • Contact Us
    • Facebook
    • Pinterest
    • TikTok
  • subscribe
    search icon
    Homepage link
    • Recipes
    • About
    • Contact Us
    • Facebook
    • Pinterest
    • TikTok
  • ×
    Home » Recipes » Cakes and Cupcakes

    Vegan Ube Coconut Cupcakes

    Published: Jan 7, 2025 · Modified: Jan 22, 2025 by Jen Cardenas

    Jump to Recipe - Print Recipe

    These vegan ube coconut cupcakes are super tasty and have a beautiful purple color.  They have a coconut cake and are topped with a fluffy ube frosting. These filipino-inspired cupcakes are easy to make using ube extract instead of the actual yam.

    Coconut cupcake with purple ube frosting and coconut shreds on a white plate with cupcakes behind it.

    Ube is one of my most favorite flavors.  I was introduced to it many years ago by my husband who is from the Philippines.  I loved it from the very first time I tried it.

    These cupcakes have that delicious ube flavor but are combined with coconut.  It’s a perfect flavor combo!

    If you love ube, try my vegan ube cake, vegan ube pancakes, and vegan ube cookies.

    Jump to:
    • Why You’ll Love This Recipe
    • Ingredient Notes
    • How To Make Vegan Ube Coconut Cupcakes
    • Expert Tips
    • Recipe and Storage FAQs
    • More Vegan Dessert Recipes
    • Recipe
    • Comments

    Why You’ll Love This Recipe

    • Flavor combination: Ube and coconut are perfect together!
    • Texture: The shredded coconut gives these cupcakes a great chew.
    • Easy to make: These cupcakes take minutes to put together.  Plus, the frosting only uses ube extract which makes it simple to make.

    Ingredient Notes

    Ingredients needed to make ube coconut cupcakes.
    • Oil: You can use any neutral oil you like such as canola, vegetable or avocado oil.
    • Non-dairy milk: You can use any kind you like - I use unsweetened soy milk.
    • Vegan butter: My favorite brand to bake with is Country Crock Plant Butter.
    • Ube extract: It can be difficult to find ube extract outside of an Asian food store.  I buy mine online.
    • Shredded coconut: Make sure you’re using sweetened coconut.

    Please see the recipe card below for the full list of ingredients and amounts needed.

    How To Make Vegan Ube Coconut Cupcakes

    Step 1: Preheat the oven to 350°. Line a muffin pan with cupcake liners.

    A measuring cup with non-dairy milk and apple cider vinegar and a glass bowl with whisked dry ingredients.

    Step 2: Combine the apple cider vinegar with the non-dairy milk and set aside. This will make a vegan buttermilk and help make the cupcakes light and fluffy.

    Step 3: In a medium bowl, whisk together the flour, sugar, baking powder and salt. 

    A bowl with batter and a whisk and a bowl with cupcake batter topped with coconut shreds.

    Step 4: Stir in the oil, coconut extract, and milk/vinegar mixture until there aren’t any big lumps.

    Step 5: Stir in the shredded coconut.

    Cupcake batter in muffin tin and 12 cupcakes cooling on a wire rack.

    Step 6: Spoon the cupcake batter into the muffin pan prepared with cupcake liners. Bake for 20-22 minutes. 

    Step 7: Take the cupcakes out of the oven and let them rest in the pan for about 10 minutes before transferring to a wire rack to cool completely.

    Two bowls with creamed vegan butter and powdered sugar with cupcakes on wire racks.

    Step 8: Meanwhile, in a bowl of a stand mixer (or using a handheld mixer), cream together the softened vegan butter, 1 cup of powdered sugar and 1 teaspoon of non-dairy milk. Start on low until combined and then turn the mixer to high for 30 seconds.

    Step 9: Add in ½ cup of powdered sugar and 2 teaspoons of milk. Start on low until combined and then turn to high for about 30 seconds. Repeat with the final ½ cup of powdered sugar and 2 teaspoons of milk.

    A bowl of purple ube frosting and 12 frosted cupcakes on a wire rack, half with coconut topping.

    Step 10: Mix in the ube extract. If the frosting is too thick, add a teaspoon of non-dairy milk. If it's a little thin, add in powdered sugar to get the right consistency.

    Step 11: Decorate the completely cooled cupcakes with ube frosting and sprinkle with shredded coconut.

    Looking for more amazing cupcake recipes?  Try out my vegan Oreo cupcakes, vegan strawberry chocolate chip cupcakes, and my vegan chai spice cupcakes.

    Expert Tips

    • Don't overmix the cupcake batter or you'll get dense cupcakes. Just mix enough so you don't have clumps of flour.
    • Be careful with the ube extract as it contains dyes and can stain.
    • Make sure you’re using sweetened coconut flakes.
    • For the coconut topping, feel free to lightly toast the coconut flakes for some added flavor.

    Recipe and Storage FAQs

    How do I store these cupcakes?

    Store these vegan cupcakes at room temperature for up to 3-4 days.  Make sure they are in an airtight container.  You can also store them in the fridge for up to 5 days.

    Where do I find ube extract?

    I buy Butterfly brand ube extract on Amazon.  You can also find it in an Asian grocery store.

    What is ube?

    Ube is a bright purple yam that’s from the Philippines.  It’s usually used in desserts and has a vanilla-like flavor.

    More Vegan Dessert Recipes

    • Plate of cookies with brown napkin.
      Vegan Miso Chocolate Chip Cookies (Soft and Chewy)
    • Piece of matcha cake on a white plate with rest of cake in background.
      Easy Vegan Matcha Cake With Frosting
    • A fully baked and decorated black forest cake.
      Easy Vegan Black Forest Cake
    • Stack of chocolate coconut bars.
      Easy No-Bake Chocolate Coconut Bars (Vegan)

    If you tried this Vegan Ube Coconut Cupcakes Recipe or any other recipe on my website, please leave a ⭐ star rating and let me know how it went in the comments below. Thanks for visiting!

    Recipe

    Coconut cupcake with purple ube frosting and coconut shreds on a white plate with cupcakes behind it.

    Vegan Ube Coconut Cupcakes

    These delicious coconut cupcakes are topped with amazing ube frosting. They are as beautiful as they are tasty.
    5 from 1 vote
    Print Pin Rate
    Course: Dessert
    Cuisine: American, Filipino
    Diet: Vegan, Vegetarian
    Prep Time: 10 minutes minutes
    Cook Time: 21 minutes minutes
    Total Time: 31 minutes minutes
    Servings: 12 cupcakes
    Calories: 322kcal
    Author: Jen Cardenas

    Equipment

    • Electric mixer
    • Muffin pan
    • cooling rack

    Ingredients

    Cupcake

    • ¾ cup non-dairy milk
    • 2 teaspoon apple cider vinegar
    • 1½ cup flour
    • ¾ cup sugar
    • 1 teaspoon baking soda
    • ½ teaspoon salt
    • ⅓ cup vegetable oil
    • 2 teaspoon coconut extract
    • ¼ cup sweetened shredded coconut

    Frosting

    • 10 tablespoon vegan butter, softened
    • 2 cups powdered sugar
    • 5 teaspoon non-dairy milk
    • ½ teaspoon ube extract
    • shredded coconut for topping you can optionally toast it
    Prevent your screen from going dark

    Instructions

    Make the cupcakes

    • Preheat the oven to 350°. Line a muffin pan with cupcake liners.
    • Combine the ¾ cup non-dairy milk with the 2 teaspoon apple cider vinegar and set aside. This will make a vegan buttermilk.
    • In a medium bowl, whisk together the 1½ cup flour, ¾ cup sugar, 1 teaspoon baking soda, and ½ teaspoon salt. Stir in the ⅓ cup vegetable oil, 2 teaspoon coconut extract, and milk/vinegar mixture until combined. Stir in the ¼ cup sweetened shredded coconut.
    • Spoon the cupcake batter into the prepared muffin pan. Bake for 20-22 minutes. Let the cupcakes rest in the pan for about 10 minutes before transferring to a wire rack to cool completely.

    Make the frosting

    • Meanwhile, in a bowl of a stand mixer (or using a handheld mixer), cream together the 10 tablespoon vegan butter, softened, 1 cup of powdered sugar and 1 teaspoon of non-dairy milk. Start on low until combined and then turn the mixer to high for 30 seconds.
    • Add in ½ cup of powdered sugar and 2 teaspoons of milk. Start on low until combined and then turn to high for about 30 seconds. Repeat with the final ½ cup of powdered sugar and 2 teaspoons of milk.
    • Mix in the ½ teaspoon ube extract. If the frosting is too thick, add a teaspoon of non-dairy milk. If it's a little thin, add in powdered sugar to get the right consistency.
    • Decorate the completely cooled cupcakes with ube frosting and sprinkle with shredded coconut.
    • Store cupcakes in an airtight container at room temperature for up to 3-4 days. You can also store in the fridge for up to 5 days.

    Notes

    • Don't overmix the cupcake batter or you'll get dense cupcakes.
    • Be careful with the ube extract as it contains dyes and can stain.

    Nutrition

    Calories: 322kcal | Carbohydrates: 46g | Protein: 2g | Fat: 15g | Saturated Fat: 4g | Polyunsaturated Fat: 6g | Monounsaturated Fat: 5g | Trans Fat: 0.1g | Sodium: 276mg | Potassium: 49mg | Fiber: 1g | Sugar: 33g | Vitamin A: 481IU | Vitamin C: 0.01mg | Calcium: 25mg | Iron: 1mg
    Tried our recipe?Let us know how it was!

    Reader Interactions

    Comments

    1. Jen says

      January 16, 2025 at 12:49 pm

      5 stars
      This is our new favorite cupcake in the house. Even my daughter who doesn't like coconut loves these cupcakes. My favorite part is the coconut shreds on top. And the ube frosting!

      Reply
    5 from 1 vote

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Hi, I'm Jen! I love all things vegan, especially baking. I'm a food blogger, recipe developer, and mom of three. My goal is to show how delicious vegan baking can be.

    More about me →

    Summer Recipes

    • A slice of peach mango pie on a plate with a scoop of ice cream, an orange napkin, and the pie plate.
      Vegan Peach Mango Pie
    • Strawberry chocolate chip cupcake with chocolate bits on top.
      Vegan Strawberry Chocolate Chip Cupcakes
    • Sliced vegan zucchini bread.
      Easy Vegan Chocolate Chip Zucchini Bread
    • 3 muffins on a plate, one with a bite taken out of it, with chocolate chips.
      Vegan Sweet Spinach Muffins
    • A s'more brownie with toasted marshmallows and 2 other brownies and mini marshmallows near it.
      Easy Vegan S'mores Brownies
    • Muffin with bite taken out and lemon and strawberry in background.
      Vegan Strawberry Lemon Muffins

    Popular Recipes

    • Slices of vegan pear banana bread.
      Easy Vegan Banana Bread With Pears
    • Muffin in halves on a plate with other muffins.
      Grape Nuts Muffins With Cranberries (Vegan)
    • Bowl of apple crisp.
      Simple Vegan Apple Crisp (No Oil)
    • Bowl of mango cobbler.
      Easy Vegan Cobbler with Mango

    Footer

    ↑ back to top

    About

    About Us

    Privacy Policy

    Accessibility

    Contact

    Contact

    Sign Up! For Our Newsletter

    Copyright © 2020 Brunch Pro on the Brunch Pro Theme

    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.