Thai Pandan Coconut Jelly Recipe: Beautiful Layered Treat with Simple Steps

 

pandan and coconut layered jelly (Thai Kanom Chan) on a clear glass plate, showing alternating translucent green and opaque white layers. Other colorful Thai desserts are blurred in the background.
This post may contain affiliate links, which means I may earn a small commission if you purchase through the links at no extra cost to you. Please read my disclosure here.

If you've ever gazed at those stunning two-toned jellies in Thai dessert shops and thought they looked too complex to make at home, I have wonderful news for you. This traditional Thai pandan coconut jelly (วุ้นใบเตย) is surprisingly straightforward, requiring just a handful of ingredients and basic kitchen skills. The gorgeous green and white layers aren't just beautiful—they represent the perfect balance of aromatic pandan and creamy coconut that Thai desserts are famous for.

Why This Recipe Works

Unlike Western gelatin desserts, Thai jelly uses agar-agar, a plant-based setting agent that holds up beautifully in tropical heat and creates a wonderfully firm yet tender texture. You don't need any special techniques or equipment—just patience to let each layer set before adding the next. The result is a dessert that looks professionally made but comes together in about 45 minutes of active time.

What to Serve It With

This refreshing jelly pairs beautifully with other Thai treats. Serve it alongside Thai Mango Sticky Rice for a complete dessert spread, or offer it with Thai Iced Tea or Thai Iced Coffee to balance the sweetness. It's also wonderful after spicy dishes like Thai Basil Chicken (Pad Krapow Gai) or Thai Green Curry—the cool, gentle sweetness cleanses your palate perfectly. For a traditional Thai dessert table, present it with Coconut Ice Cream or Bua Loi (Sticky Rice Balls in Coconut Milk).

A tray of square pieces of layered green pandan and white coconut jelly (Kanom Chan) is placed in the foreground, with several Thai savory dishes blurred in the background, including spring rolls, green curry, and Tom Yum soup.

Ingredients

For Pandan Layer (Green):

  • 6 cups water
  • 12-15 fresh pandan leaves (or 2-3 tsp pandan extract)
  • 1½ cups granulated sugar
  • 2 packets (1 oz/28g total) agar-agar powder
  • ¼ tsp salt
  • 2-3 drops green food coloring (optional, for deeper color)

For Coconut Layer (White):

  • 3 cups water
  • 1 can (13.5 oz/400ml) coconut milk
  • ¾ cup granulated sugar
  • 1 packet (0.5 oz/14g) agar-agar powder
  • ¼ tsp salt
  • 3 tbsp rice flour (or cornstarch)

Equipment You'll Need

Step-by-Step Instructions

Making the Pandan Layer

Step 1: Prepare the pandan essence. If using fresh pandan leaves, cut them into 2-inch pieces and blend with 1 cup of your measured water until completely pulverized. Strain through a fine-mesh strainer, pressing firmly to extract all the vibrant green liquid. Discard the pulp. If using extract, simply mix it with the water.

Step 2: Combine and heat. In your large pot, combine the pandan water, remaining water, sugar, agar-agar powder, and salt. Whisk thoroughly to ensure the agar-agar powder is completely dissolved with no lumps—this is crucial for smooth jelly.

Step 3: Bring to a boil. Place the pot over medium-high heat, stirring constantly. Once it begins to boil, reduce the heat to medium and continue boiling for 3-4 minutes, stirring frequently. The mixture should be completely clear with no graininess. Add food coloring if desired for a more vibrant green.

Step 4: Pour and set. Pour half of the pandan mixture into your 9x13-inch pan. Reserve the remaining half in the pot, keeping it warm over very low heat. Let the first layer set at room temperature for about 15-20 minutes, or until firm enough that it doesn't indent when gently touched.

Making the Coconut Layer

Step 5: Prepare coconut mixture. While the first pandan layer sets, make the coconut layer. In a medium bowl, whisk rice flour with ½ cup of the coconut milk until completely smooth with no lumps.

Step 6: Cook the coconut layer. In your medium saucepan, combine the water, remaining coconut milk, sugar, agar-agar powder, and salt. Bring to a boil over medium heat, stirring constantly. Once boiling, slowly drizzle in the rice flour mixture while whisking continuously. Boil for 2-3 minutes until thickened slightly.

Step 7: Layer carefully. Once your first pandan layer is set, gently reheat the reserved pandan mixture if it has started to gel (just warm it until liquid again—don't boil). Pour the coconut mixture over the set pandan layer. The rice flour helps the coconut layer sink slightly and bond with the pandan layer, creating that beautiful, distinct line.

Step 8: Final pandan layer. Let the coconut layer set for 15-20 minutes. Once firm, gently pour the remaining pandan mixture over the top. If the pandan mixture has thickened, warm it gently first.

Step 9: Chill and cut. Allow the complete jelly to set at room temperature for 30 minutes, then refrigerate for at least 2 hours (or up to overnight) before cutting. Run a knife under hot water, wipe dry, and cut into squares or diamond shapes.

A serving platter of square pandan and coconut layered jelly (Thai Kanom Chan) on a wooden table, surrounded by bowls of Thai food, including green curry, spring rolls with dipping sauce, and Tom Yum soup.

Common Problems and Solutions

Problem: Layers are mixing instead of staying separate

  • Solution: Make sure each layer is completely set before adding the next. Press gently with your fingertip—if it doesn't indent, it's ready. Also, don't pour the next layer from too high; pour close to the surface to minimize impact.

Problem: Grainy or gritty texture

  • Solution: This means the agar-agar wasn't fully dissolved. Always bring the mixture to a full boil and stir constantly. Whisk thoroughly before heating to break up any clumps.

Problem: Jelly too soft or won't set

  • Solution: You may have used too much liquid or not enough agar-agar. Make sure to boil the mixture for the full 3-4 minutes—agar-agar needs heat to activate. Also, check that your agar-agar powder hasn't expired.

Problem: White layer sinks completely or looks muddy

  • Solution: The rice flour in the coconut layer helps suspend it. Don't skip this ingredient! Also, ensure the pandan layer underneath is fully set before pouring.

Problem: Jelly stuck in the pan

  • Solution: Run hot water on the bottom of the pan for 10-15 seconds, then use an offset spatula to gently loosen the edges before cutting.

Nutritional Information

(Per serving, based on 24 pieces)

A serving tray of square pandan and coconut layered jelly (Thai Kanom Chan) on a wooden table, with bowls of Thai savory food including green curry, spring rolls, and Tom Yum soup blurred in the background.
  • Calories: 95
  • Total Fat: 2g
  • Saturated Fat: 1.5g
  • Cholesterol: 0mg
  • Sodium: 60mg
  • Total Carbohydrates: 20g
  • Dietary Fiber: 0.5g
  • Sugars: 17g
  • Protein: 0.5g

Note: This dessert is naturally vegan and dairy-free when made with plant-based agar-agar.

Expert Tips You Won't Find Elsewhere

The temperature trick: When pouring subsequent layers, test the temperature of your mixture by touching the outside of the pot. It should feel warm but comfortable to hold (around 120-130°F). Too hot will melt the layer below; too cool will create an uneven, lumpy surface.

For ultra-clear pandan layer: After blending fresh pandan leaves, let the mixture sit for 5 minutes. The clearest liquid will rise to the top—pour this off first for the most translucent green color. Use the cloudier bottom portion for cooking, where appearance matters less.

The bamboo skewer test: Before adding each new layer, poke a bamboo skewer through the previous layer. If it comes out clean and the hole doesn't fill in, your layer is properly set.

Prevent top layer dullness: The final pandan layer sometimes develops a matte finish. To keep it glossy, cover the pan loosely with plastic wrap once the jelly has cooled to room temperature but before refrigerating. This traps moisture and maintains shine.

Rice flour vs. cornstarch: While both work as thickeners, rice flour creates a slightly softer, more tender white layer that's more traditional. Cornstarch works in a pinch, but it can make the layer feel slightly more rubbery.

Professional-looking cuts: Chill the jelly until very cold (overnight is ideal). Use a long, sharp knife dipped in hot water and wiped dry between each cut. Cut with one smooth motion rather than sawing back and forth.

Storage secret: Store cut pieces in a single layer in an airtight container with parchment paper between layers. They'll keep for up to 5 days refrigerated. The jelly actually improves on day two as the flavors meld together.

Scaling the recipe: This recipe doubles perfectly if you're serving a crowd. Just use a larger pan or two 9x13 pans. However, don't halve the recipe—agar-agar sets best with certain minimum quantities.


This Thai pandan coconut jelly proves that impressive doesn't have to mean complicated. With just two simple mixtures and a little patience between layers, you'll create a dessert that tastes like vacation and looks like art. The gentle sweetness, aromatic pandan, and creamy coconut make it the perfect finale to any meal—or a lovely afternoon treat with tea.

Comments