Color-Changing Butterfly Pea Coconut Jelly
A wobbly two-tone coconut jelly layered with butterfly pea blue and creamy white — finished with a lemon drizzle that magically blushes the blue layer toward purple.
This dessert turns butterfly pea's signature color trick into something you can serve on a plate. A layer of blue, lightly sweetened butterfly pea jelly sits beneath a creamy coconut layer, and a final lemon drizzle transforms the blue surface into shimmering shades of purple right at the table.
Butterfly pea contributes vivid color and the gentlest earthy note, while coconut milk brings richness and a tropical sweetness that suits the flowers perfectly. The two layers set into a soft, jiggly jelly that feels light and refreshing — a popular style of sweet across Southeast Asia.
Setting the layers separately is the only fussy part, and even that is simple: pour the blue layer, let it firm up, then pour the white. Take your time and you'll be rewarded with a clean line between the two colors that makes the dessert look professional.
Serve chilled, and let everyone add their own squeeze of lemon to watch the magic happen. It's the kind of dessert that earns gasps from kids and adults alike — proof that natural ingredients can be every bit as fun as artificial ones.
Ingredients
- 20 dried butterfly pea flowers (or 2 tbsp)
- 2 cups water
- 1 1/4 cups coconut milk
- 1/3 cup sugar, divided
- 2 1/2 tsp agar-agar powder (or unflavored gelatin per package directions)
- Pinch of salt
- 1 tsp vanilla extract
- 1 lemon, cut into wedges (to serve)
How to make it
- 1Steep the butterfly pea flowers in 2 cups hot water for 10 minutes until deep blue, then strain out and discard the flowers.
- 2For the blue layer: heat the blue infusion with half the sugar, a pinch of salt, and half the agar-agar, whisking until dissolved; simmer 2 minutes, then pour into glasses or a mold to fill halfway. Chill until set, about 20 minutes.
- 3For the white layer: heat the coconut milk with the remaining sugar, remaining agar-agar, and vanilla, whisking until dissolved; simmer 2 minutes and let cool slightly.
- 4Gently pour the coconut mixture over the set blue layer. Chill until fully firm, at least 1 hour.
- 5Serve cold with lemon wedges on the side.
- 6Invite guests to squeeze lemon over the top and watch the blue layer blush toward purple.
Want to learn more about Flor de guisante de mariposa? Visit its full profile.
Back to Flor de guisante de mariposaYou might also like
What to Eat with Butterfly Pea Flower Tea
Butterfly pea's mild, earthy, faintly sweet character pairs beautifully with Southeast Asian rice dishes, coconut sweets, and light citrusy bites that play off its color-changing magic.
Thai Blue Rice (Khao Dok Anchan) with Butterfly Pea
Fragrant jasmine rice tinted a stunning natural blue with butterfly pea flowers — the signature base of Malay nasi kerabu and a showstopping side for any Southeast Asian meal.