Easy Pandan Cupcakes Recipe (with Coconut Vanilla Frosting)

Soft and fluffy Pandan Cupcakes topped with delicious frosting, coconut shreds, and coconut sugar syrup (gula melaka). It tastes just like an ondeh-ondeh (klepon) in a cupcake form! The pandan base is not too sweet and has just the right amount of pandan flavor, which pairs well with the delicious sweet toppings. It’s naturally vegetarian, but can easily be made vegan!
RELATED: Purple Sweet Potato Klepon (Indonesian Sweet Rice Ball)
I remember those after-school days growing up when I would buy all the delicious ondeh-ondeh (aka klepon) from the small bakery near my school. Sometimes, I wonder if the bakery still exist all these years later. It was definitely a childhood highlight! Anyways, these pandan cupcakes taste just like ondeh-ondeh, but in fluffy cupcake form!
RELATED: Get a FREE trial of Amazon Prime to get access to 2-day grocery deliveries!
What You Need to Make Pandan Cupcakes Recipe
For the Pandan Cupcakes
- 3/4 cups unsalted butter, room temperature
- 1/3 cups caster sugar
- 2 eggs, lightly beaten
- 3/4 Tablespoon pandan extract (I like this one)
- 1/4 cup coconut milk
- 1 3/4 cups self-raising flour or cake flour
- 1 tsp baking powder
To Garnish
- frosting of your choice (I love adding a few drops of coconut extract to a basic vanilla frosting)
- unsweetened coconut shreds
- coconut sugar syrup, or date syrup
How to Make Pandan Cupcakes Recipe
- Preheat oven to 325 F. Line a 12-cavity muffin pan with cupcake liners or lightly grease with melted coconut oil.
- In a large bowl, cream the butter and sugar until light and fluffy. Slowly add in the eggs and beat with an electric mixer on medium speed, until fluffy.
- Add in the flour, baking powder, coconut milk, and pandan extract. Mix evenly until well-combined.
- Pour the pandan batter into the prepared muffin pan.
- Bake for about 16-20 minutes, or until cooked. You’ll know the pandan cupcakes are done when a toothpick inserted into the middle of the cupcake comes out clean.
- Allow the cupcakes to cool, then pipe on the frosting. Then sprinkle some coconut shreds and drizzle the coconut sugar syrup.
- Eat immediately, or store in an airtight container for a few days in the refrigerator. ENJOY!

Looking for More Easy Baking Recipes?
- Matcha Granola Clumps (GF, DF)
- Balinese Milk Tarts (Pie Susu)
- Señorita Bread Recipe (Filipino Spanish Bread)
- Super Easy Quaker Cornbread
- Dunkin Donuts Blueberry Muffin Copycat Recipe
- Easy Sweet Potato Pone
- Dark Chocolate Coconut Granola (GF, DF, V)
- The BEST Copycat Chick Fil A Cookie Recipe
- Cinnamon Swirl Pound Cake
- Almond Flour Carrot Muffins (GF, Paleo Options)
- Maple Pumpkin Oat Bars (GF, DF, V)
- Super Moist Banana Date Bread (Refined Sugar-Free)
Subscribe to DWELL and get new recipes delivered straight to your inbox! In addition, follow along on Pinterest, Facebook and Instagram to get all the latest updates!
If you make this Pandan Cupcakes recipe, please drop a comment below! I’d LOVE to know what you think! Or take a picture and share it on Instagram by tagging @dwellbymichelle so I can repost it on my stories!

Pandan Cupcakes
Ingredients
For the Pandan Cupcakes
- ¾ cups unsalted butter, room temperature
- ⅓ cups caster sugar
- 2 eggs , lightly beaten
- ¾ tbsp pandan extract (I like this one)
- ¼ cup coconut milk
- 1¾ cups self-raising flour or cake flour
- 1 tsp baking powder
To Garnish
- frosting of your choice (I love adding a few drops of coconut extract to a basic vanilla frosting)
- unsweetened coconut shreds
- coconut sugar syrup, or date syrup
Instructions
- Preheat oven to 325 F. Line a 12-cavity muffin pan with cupcake liners or lightly grease with melted coconut oil.
- In a large bowl, cream the butter and sugar until light and fluffy. Slowly add in the eggs and beat with an electric mixer on medium speed, until fluffy.
- Add in the flour, baking powder, coconut milk, and pandan extract. Mix evenly until well-combined.
- Pour the pandan batter into the prepared muffin pan.
- Bake for about 16-20 minutes, or until cooked. You'll know the pandan cupcakes are done when a toothpick inserted into the middle of the cupcake comes out clean.
- Allow the cupcakes to cool, then pipe on the frosting. Then sprinkle some coconut shreds and drizzle the coconut sugar syrup.
- Eat immediately, or store in an airtight container for a few days in the refrigerator. ENJOY!
The frosting paired really well with the pandan cupcakes, we loved it!