• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Christie at Home
  • Asian Recipes
    • Recipe Index (Search)
    • By Region
      • Chinese
      • Filipino
      • Indonesian
      • Japanese
      • Korean
      • Malaysian
      • Taiwanese
      • Thai
      • Vietnamese
    • By Course
      • Mains
      • Appetizers/Sides
      • Breakfast
      • Snacks
      • Dessert
      • Beverages
  • Shop
  • Subscribe
  • ABOUT ME
    • Work with Me
    • Copyright Policy
    • Facebook
    • Instagram
    • Pinterest
    • TikTok
    • YouTube
menu icon
go to homepage
search icon
Homepage link
  • Asian Recipes
  • Shop Kitchenware
  • About Me
  • Subscribe
  • Work with Me
    • Facebook
    • Instagram
    • Pinterest
    • TikTok
    • YouTube
  • ×
    Home » Recipes » Dessert

    Pandan Coconut Jelly

    Modified: Sep 26, 2024 · Published: Nov 17, 2023 by Christie Lai · This post may contain affiliate links · 4 Comments

    Jump to Recipe

    A light, refreshing and delicious layered jelly dessert packed with sweet coconut and pandan flavors! A simple Vietnamese dessert made with only 5 ingredients and it's visually appealing. This is vegan and dairy-free.

    featured image of pandan coconut jelly
    Jump to:
    • Ingredients & Substitutes
    • Suggested Topping Ideas
    • Expert Tips
    • Instructions
    • Storage
    • Pairing Suggestions
    • FAQ
    • 📖 Recipe
    • 💬 Reviews

    Coconut pandan jelly cakes are made of whole fat coconut milk, pandan extract, agar agar powder, water and sugar. It's a delicious dessert to enjoy during hot summer months!

    Pandan Coconut Jelly (Thạch Rau Câu Lá Dứa) originates from Vietnam. Coconut milk and pandan are very popular ingredients in this country and in South-East Asia.

    pandan coconut jelly

    Pandan extract is made from water and ground up pandan leaves, which are long and pointy vibrant green leaves. It's an herbaceous tropical plant grown in South-East Asia that is fragrant and has a vanilla and floral grass scent.

    The leaves are used in many Vietnamese and South-East Asian dishes or desserts to add a wonderful floral vanilla taste, like in Pandan Crepes, Pancakes or French Toast

    Pandan is sold as an extract (or essence), paste or powder and can be found at select Asian grocery stores or online, like on Amazon.

    pandan coconut jelly

    This pandan jelly cake is a fun dessert to make at home, especially if you're a jello lover like me! It's also fantastic to make ahead for guests as you can keep it chilled up to 2 days in advance.

    Ingredients & Substitutes

    Please scroll down to below recipe card for exact measurements. 

    For the Pandan Layer

    • Pandan Extract (aka Pandan Essence): I recommend using pandan extract for this recipe to make it easier. Or make your own pandan extract by blending three pandan leaves (washed, dried and chopped) with ¼ cup or 60 ml of cold water in a blender until smooth. Then run the pandan liquid through a fine sieve or clean cheese cloth to strain out the pulp. Use as much of this liquid as instructed in the recipe amounts.
    • White Granulated Sugar: or substitute with finely chopped palm sugar, coconut palm sugar or maple syrup.
    • Cold Water
    • Agar agar powder: this is a vegan powder to set jellos. Or substitute with 3x the amount of non-vegan gelatin powder as it’s not a 1:1 ratio. 

    For the Coconut Milk Layer

    • Coconut milk: it must be full fat coconut milk. Avoid using light coconut milk.
    • White Granulated Sugar: or substitute with finely chopped palm sugar, coconut palm sugar or maple syrup.
    • Agar agar powder: or substitute with 3x the amount of non-vegan gelatin powder as it’s not a 1:1 ratio. 

    Suggested Topping Ideas

    Here are some suggested toppings ideas:

    • Sweetened condensed milk or condensed coconut milk
    • Evaporated milk or coconut milk
    • Fresh fruit

    Expert Tips

    • Make sure to whisk the coconut milk, so the coconut fat and coconut liquids are completely incorporated.
    • Ensure the pandan liquid and coconut liquid come to boiling point for at least 60 seconds or it won't activate the agar agar powder.
    • Always keep the liquids covered to keep them warm or they will quickly set in the pot.
    • Make sure each layer sets at room temperature before pouring the next layer by checking to see if it's firm or you won't have separate layers.
    • The warmth in each layer helps the next layer stick to it.
    • Do not try to cheat by quickly setting each layer in the fridge or the layers will easily peel apart.
    • Rest your silicone molds on a baking sheet, so you can easily transfer it to the fridge without spilling or disturbing the jellies.
    • Be gentle when removing the jellies from the molds. Clean hands with short nails work best so you don't pierce the jelly.

    Instructions

    Below are step-by-step instructions on how to make pandan coconut jelly:

    1. First open the canned coconut milk and pour the coconut fat and the clear liquids into a small bowl. Whisk it together until well combined. Set aside.
    2. To make the pandan layer: in a small pot, whisk together the pandan extract, sugar, cold water and agar agar powder. Set aside.
    3. To make the coconut layer: in a separate small pot, whisk together the coconut milk, sugar and agar agar powder.
    4. Simultaneously bring both pots to boiling point on medium-high heat for 60 seconds while stirring with separate whisks, to activate the agar agar powder. Once they both reach boiling point, remove both pots off heat and quickly cover with a lid.
    5. Place six 2-inch wide silicone molds on a baking sheet.
    6. Pour 1 tablespoon of the warm pandan liquid into each mold. Let this set for 3 minutes at room temperature until firm to touch. Keep the remaining pandan mixture warm by covering it with a lid. Then pour 1 tablespoon of the warm coconut liquid into each mold. Let this set until firm to touch. Keep the remaining coconut mixture warm by covering with a lid.
    7. Repeat the above process until you have multiple layers and all the liquid is used.
    8. Refrigerate for 1 hour until they are fully set.
    9. Remove from the fridge and carefully pop them out of the molds with clean hands. Transfer to a serving plate. Serve with suggested topping ideas in blog post and enjoy!

    Storage

    • Leftovers can be stored for up to 2 days in the fridge in an airtight container.
    • Freezer-friendly? I don't recommend freezing pandan coconut jellies as this will change the texture of them.

    Pairing Suggestions

    Pandan coconut jelly serves well with:

    • fresh tropical fruit like pineapple, lychee, dragon fruit, star fruit, rambutan and more
    • sago desserts like Coconut Mango Sago, Strawberry Sago, or Mango Sago
    • jelly desserts like Mango Coconut Jelly, Fruit Jelly Cake, or Lychee Jelly
    • shaven ice, ice cream, popsicles or frozen yogurt

    FAQ

    Can I make this in advance?

    Pandan coconut jelly can be made up to 2 days in advance and stored into an airtight container in the fridge.

    📖 Recipe

    featured image of pandan coconut jelly

    Easy Pandan Coconut Jelly

    Christie Lai
    A light, refreshing and delicious layered jelly dessert packed with sweet coconut and pandan flavors! A simple South-East Asian dessert made with only 5 ingredients and it's visually appealing. This is vegan and dairy-free.
    5 from 4 votes
    Print Recipe Pin Recipe
    Prevent your screen from going dark
    Prep Time 25 minutes mins
    Cook Time 1 minute min
    Resting Time 1 hour hr
    Total Time 1 hour hr 26 minutes mins
    Course Dessert
    Cuisine Asian, Vietnamese
    Servings 6 jellies
    Calories per serving 119 kcal

    Ingredients
     
     

    For the Pandan layer:

    • 1 tablespoon pandan extract store-bought (or see Notes below on how to make your own pandan extract)
    • 1 cup water cold
    • 1 ½ teaspoon agar agar powder
    • ¼ cup white granulated sugar or coconut palm sugar or maple syrup

    For the Coconut layer:

    • 1 cup coconut milk full fat kind
    • 1 ½ teaspoon agar agar powder
    • ¼ cup white granulated sugar or coconut palm sugar or maple syrup

    Instructions
     

    • First open the canned coconut milk and pour the coconut fat and the clear liquids into a small bowl. Whisk it together until well combined. Set aside.
    • To make the pandan layer: in a small pot, whisk together the pandan extract, sugar, cold water and agar agar powder. Set aside.
    • To make the coconut layer: in a separate small pot, whisk together the coconut milk, sugar and agar agar powder.
    • Simultaneously bring both pots to boiling point on medium-high heat for 60 seconds while stirring with separate whisks, to activate the agar agar powder. Once they both reach boiling point, remove both pots off heat and quickly cover with a lid.
    • Place six 2-inch wide silicone molds on a baking sheet.
    • Pour 1 tablespoon of the warm pandan liquid into each mold. Let this set for 3 minutes at room temperature until firm to touch. Keep the remaining pandan mixture warm by covering it with a lid. Then pour 1 tablespoon of the warm coconut liquid into each mold. Let this set until firm to touch. Keep the remaining coconut mixture warm by covering with a lid.
    • Repeat the above process until you have multiple layers and all the liquid is used.
    • Refrigerate for 1 hour until they are fully set.
    • Remove from the fridge and carefully pop them out of the molds with clean hands. Transfer to a serving plate. Serve with suggested topping ideas in blog post and enjoy!

    Notes

    To make Pandan Extract

    1. In a blender, blend three pandan leaves (washed, dried and chopped) with ¼ cup or 60 ml of cold water until smooth.
    2. Then run the pandan liquid through a fine sieve or clean cheese cloth to strain out the pulp. Use as much of this liquid as instructed in the recipe amounts.
    Enjoyed my recipe?Please leave a 5 star review (be kind)! Tag me on social media @christieathome as I'd love to see your creations!

    Suggested Equipment & Products

    • Small pot
    • Measuring Set
    • Whisk
    • 8-Cavity Round Silicone Mold with Silicone Spatula
    • Kitchen Scale
    • Santoku Knife
    • Cutting Board
    Nutrition
    Calories: 119kcal | Carbohydrates: 13g | Protein: 1g | Fat: 8g | Saturated Fat: 7g | Polyunsaturated Fat: 0.1g | Monounsaturated Fat: 0.3g | Sodium: 33mg | Potassium: 84mg | Sugar: 9g | Vitamin C: 0.4mg | Calcium: 8mg | Iron: 1mg

    More Delicious Dessert Recipes

    • coconut mango sago dessert
      Coconut Mango Sago Dessert
    • Kuih Seri Muka
      Kuih Seri Muka
    • protein chocolate chip blondie
      Protein Chocolate Chip Blondie
    • featured image of dairy-free vanilla bundt cake
      Dairy-Free Vanilla Bundt Cake

    Reader Interactions

    Comments

      Did you enjoy my recipe? Cancel reply

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

      Recipe Rating




    1. Molly

      March 24, 2020 at 4:53 pm

      5 stars
      This is soooo beautiful! I can't wait to give them a try! I bet it's super easy to make like your coffee ones!

      Reply
    2. Katerina

      March 19, 2020 at 7:40 pm

      5 stars
      Why is it that I am already searching for pandan extract online? Ever since I saw these in your Instagram feed, I've been amazed by the beauty of those layers - they are so perfect! What a fabulous and impressive recipe, Christie!

      Reply
    3. Sherri

      March 19, 2020 at 11:19 am

      5 stars
      I've never had pandan but I will definitely have to try it. This dessert is absolutely gorgeous! I'm always on the look out for more vegan desserts and this one sounds delicious! 🙂

      Reply
    4. Katherine | Love In My Oven

      March 17, 2020 at 12:00 am

      5 stars
      This green is so gorgeous!!! These are so vibrant. My kids will love helping me with this while we're stuck inside for the next little while! 🙂

      Reply

    Primary Sidebar

    Christie

    Christie is an Recipe Blogger with an expertise on Asian recipes! She makes Asian cooking approachable with step-by-step pictures, ingredient & recipe tips and a helpful cooking video. Her quick and easy recipes have been featured on BuzzFeed Tasty, Food52, The Kitchn, The FeedFeed, Sur La Table, Yummly and more! With a following of over 1M+, her recipes are made repeatedly by her loyal readers.

    More about me →

    Footer

    Follow Me

    • Facebook
    • Instagram
    • Pinterest
    • TikTok
    • YouTube

    Footer

    ↑ back to top

    Home

    • Home
    • Asian Recipes
    • Shop
    • Privacy Policy
    • Copyright Policy

    Contact

    • About
    • Work with Me

    As an Amazon Associate I earn from qualifying purchases.

    Copyright © 2023 Christie at Home