Pandan chocolate cake is a dream come true for dessert lovers seeking a unique twist on classic chocolate cake. With its striking green and dark swirled layers, this pandan chocolate cake is an aromatic, ultra-moist showstopper that blends the floral, vanilla-grassy essence of fresh pandan with deep chocolate richness. Whether you’re introducing friends to Southeast Asian-inspired bakes or treating your family to something new, this cake is special for its visual wow-factor, crowd-pleasing flavor, and utterly tender crumb. Despite its bakery-worthy look, this pandan chocolate cake recipe is beginner-friendly, comes together in under 90 minutes, and requires only simple pantry ingredients with a bottle of pandan extract (no specialty shopping trips needed!). Expect big “How did you make this?!” energy—let’s bake!
🍽️ Recipe At A Glance
- Prep Time: 25 minutes
- Cook Time: 40-45 minutes
- Difficulty: Easy
- Servings: 10-12 slices
- Why This Recipe Works
- Ingredients You’ll Need
- Step-by-Step Cooking Instructions
- Recipe Variations & Dietary Modifications
- Serving Suggestions & Pairings
- Storage & Meal Prep Tips
- Nutritional Information
- Conclusion
- FAQ Section
Why This Recipe Works
This pandan chocolate cake works because it balances a lush, aromatic pandan sponge with a silky, bittersweet chocolate batter—both ultra-moist and deeply flavorful. The magic is in the swirl: every slice is a visual masterpiece of vibrant green and deep cocoa. Pandan, sometimes called “Asian vanilla,” lends an almost coconutty, floral note, which perfectly enhances chocolate’s richness. The cake itself bakes tall and fluffy with the help of coconut milk and oil for extra tenderness—no dry, crumbly slices here!
Unlike most novelty cakes, this pandan chocolate cake is simple: just one bowl for each color, no fussy layers, and you don’t have to hunt down fresh pandan leaves (high-quality extract brings real impact). The swirl method means every bake is a surprise and a delight! The flavors are grown-up enough to impress, but sweet and comforting for kids.

Ingredients You’ll Need
- All-Purpose Flour: 2 cups (240g)
- Granulated Sugar: 1 1/4 cups (250g)
- Baking Powder: 2 1/2 tsp
- Salt: 1/2 tsp
- Coconut Milk (full fat): 1 cup (240ml) – well shaken
- Vegetable Oil (or melted coconut oil): 3/4 cup (180ml)
- Large Eggs: 3, at room temperature
- Pandan Extract: 2 1/2 tsp (adjust to taste/brand strength)
- Vanilla Extract: 1 1/2 tsp
- Unsweetened Cocoa Powder: 1/3 cup (35g), sifted
- Hot Water: 1/3 cup (80ml)
- Optional Toppings: Chocolate ganache, shredded coconut, chocolate chips, or fresh berries
Step-by-Step Cooking Instructions
-
- Prep: Preheat your oven to 350°F (175°C). Grease and line a 9-inch round or 8-inch square cake pan with parchment.
- Mix dry ingredients: In a large bowl, whisk together the flour, sugar, baking powder, and salt until evenly combined.
- Combine wet ingredients: In another bowl, whisk together coconut milk, oil, eggs, vanilla, and pandan extract until smooth.
- Make the batter: Pour the wet mixture into the dry ingredients. Gently whisk till you have a smooth, lump-free batter. Don’t over-mix!
- Divide & flavor: Pour half the batter into a second bowl. To one bowl, add sifted cocoa powder and hot water—whisk until well blended for the chocolate layer. The other bowl will stay as pandan.
- Create the swirl: Spoon large dollops of chocolate and pandan batter alternately into the pan—work in layers. Use a chopstick or butter knife to swirl gently for a marbled effect (don’t overdo it, or the colors will muddle!).

- Bake: Bake for 40-45 minutes, or until a skewer inserted in the center comes out with just a few moist crumbs. The surface will be glossy and may crack a little (that’s normal).
- Cool: Let the pandan chocolate cake rest in the pan for 10 minutes, then turn out onto a wire rack to cool completely before glazing or slicing.
- Optional – Ganache topping: Warm 1/2 cup heavy cream and pour over 4 ounces chopped chocolate. Let sit 2-3 minutes, then stir until melted and glossy. Pour gently over the cooled cake and let it set.
- Serve & enjoy: Slice, top with shredded coconut, chocolate curls, or fresh berries. Breathe in that pandan aroma and serve with a smile!
Recipe Variations & Dietary Modifications
- Keto/Low-Carb Version: Swap all-purpose flour for ultra-fine almond flour (1:1), and replace sugar with granulated erythritol. Opt for unsweetened almond milk instead of coconut milk and use sugar-free chocolate chips.
- Vegan/Vegetarian Version: Replace each egg with a flaxseed egg (1 tbsp milled flaxseed + 2.5 tbsp water per egg). Use canned coconut milk and check your chocolate is dairy-free.
- Gluten-Free Version: Substitute flour with a 1:1 gluten-free baking blend with xanthan gum. Watch the bake time and check for doneness a few minutes early, as gluten-free cakes sometimes set quicker.
- Extra Rich/Decadent Version: Add 3 tbsp melted butter to the batter for a buttery crumb, or fold in mini chocolate chips to both layers before swirling for pockets of melted chocolate.
- Nut-Free Version: Ensure your coconut milk and chocolate are nut-free. If allergic to coconut, substitute full-fat oat milk and use vanilla instead of pandan for a plain chocolate swirl cake.
Swapping out ingredients may slightly change the cake texture or color—for example, almond flour gives a moister, denser crumb, while flax eggs keep it tender.
Serving Suggestions & Pairings
For the full wow! Serve the pandan chocolate cake on a simple white platter to let those electric swirls shine. A drizzle of glossy ganache takes it over the top, but it’s equally good with a dusting of powdered sugar. Pile on fresh berries for color contrast or scatter with toasted coconut shreds for tropical flair.
Pair slices with hot tea (jasmine or genmaicha are gorgeous), fresh-brewed coffee, or a light coconut or chocolate milk. For a dinner party, a scoop of coconut gelato alongside this pandan chocolate cake is pure indulgence!

Looking for more show-stopping cakes to round out your table? Try this Chocolate Lovers Collection or make your next birthday special with the Labubu Cake Ideas Guide.
Storage & Meal Prep Tips
- Room Temperature: Keep the pandan chocolate cake covered at room temperature for up to 2 days. Use a cake dome or wrap slices tightly with plastic wrap to keep them moist and fragrant.
- Refrigerator: For longer storage, refrigerate (wrapped well) for 4-5 days. Allow slices to come to room temp or gently microwave for 10-15 seconds for best texture.
- Freezing: This pandan chocolate cake freezes beautifully! Wrap individual slices in parchment then plastic wrap, place in a zip-top bag, and freeze for up to 2 months. Thaw slices at room temperature before serving.
- Make Ahead: Bake and cool the cake a day in advance—wrap tightly and store in the fridge. Add toppings or ganache just before serving for the freshest look.
For more tips on long-term cake storage and prepping ahead, check out storage practices at EatRight.org.
Nutritional Information
Nutrition Facts (per serving):
Calories: 310 kcal | Protein: 5g | Carbs: 38g | Fat: 16g | Fiber: 2g
For more in-depth nutrition details or substitution guidance, try the recipe calculator at MyFitnessPal.
Conclusion
If you’re craving a bake that’s as stunning as it is delicious, this pandan chocolate cake delivers every time. It brings together tender, cloud-like pandan sponge and rich, dreamy chocolate, with an aroma that turns any kitchen into a celebration. Friends and family will be wowed by the vibrant swirls, and the flavor is pure joy—never dry, never boring. Whether for birthdays, holidays, or that “just because” weekend treat, pandan chocolate cake is a guaranteed hit.
Don’t forget to snap a photo when you slice into your pandan chocolate cake—those marbled colors are made for bragging rights! Share your creations, leave a comment below, or tag us on social with your own wild flavor twists. Happy baking!
FAQ Section
Can I use fresh pandan leaves instead of extract for pandan chocolate cake?
Absolutely! If you have access to fresh pandan leaves, blend 8-10 leaves with 1 cup coconut milk, strain, and use this liquid for the cake. The green won’t be as intense, but the flavor in your pandan chocolate cake will be heavenly.
What can I use if I don’t have coconut milk?
Whole milk, oat milk, or almond milk all make fine substitutes—coconut milk adds extra richness but is not required for a great pandan chocolate cake.
How do I prevent the colors from blending too much when swirling?
To keep your pandan chocolate cake swirls defined, use a spoon or scoop to layer batters in thick dollops, swirl gently with a skewer, and avoid over-mixing. Stop swirling once you see the pattern emerge!
Can I make this pandan chocolate cake in advance?
Yes! Bake the cake a day ahead, wrap well, and apply ganache or toppings right before serving. The flavor of pandan chocolate cake grows even better as it rests overnight.
Can I double this recipe for a party?
You sure can! Double all ingredients, bake in a 9×13-inch pan, and add 5-10 minutes to the bake time, checking with a skewer for doneness. Perfect for big celebrations.
What is the difference between pandan chocolate cake and matcha chocolate cake?
While both cakes are visually striking, pandan chocolate cake features a floral, vanilla-grassy flavor and bright lime-green color, while matcha chocolate cake uses green tea powder for a more earthy, bold flavor and emerald hue.