Vibrant Agar-Agar Jelly Delight

Featured in: Easy Sweet Options

This Agar-Agar Rainbow Jelly Cake is a vibrant dessert perfect for summer celebrations. Crafted with layers of fruity jelly and a creamy coconut topping, it's not only visually stunning but also vegan and gluten-free. The jelly is made by dissolving agar-agar in boiling water and sugar, then colored with natural food coloring and fruit juice for flavor. Assemble by chilling each layer, topped with a rich coconut cream that sets beautifully in the refrigerator. An exciting treat that's sure to impress your guests!

Updated on Tue, 21 Jul 2026 11:08:37 GMT
Vibrant agar-agar rainbow jelly cake with creamy coconut layers, a refreshing dessert. Save
Vibrant agar-agar rainbow jelly cake with creamy coconut layers, a refreshing dessert. | tuderteats.com

This Agar-Agar Rainbow Jelly Cake with Coconut Cream is a stunning dessert that brings a burst of color and tropical flavor to any table. Crafted with delicate layers of fruity agar-agar jelly in vibrant rainbow hues, each slice offers a chewy and refreshing bite, perfectly complemented by a smooth, creamy coconut cream topping. This vegan and gluten-free treat shines at celebrations or as a cooling summer delight.

Vibrant agar-agar rainbow jelly cake with creamy coconut layers, a refreshing dessert. Save
Vibrant agar-agar rainbow jelly cake with creamy coconut layers, a refreshing dessert. | tuderteats.com

Building this cake is as enjoyable as eating it. The process of boiling and coloring the agar-agar solution creates a multi-hued spectacle, while the creamy coconut layer beautifully crowns the final product, making each slice a celebration of texture and flavor.

Ingredients

Tired of Takeout? 🥡

Get 10 meals you can make faster than delivery arrives. Seriously.

One email. No spam. Unsubscribe anytime.

  • Jelly Layers
    • 2 liters water
    • 16 g agar-agar powder (about 2 tablespoons)
    • 400 g granulated sugar
    • 1/2 teaspoon vanilla extract
    • Gel food coloring (red, orange, yellow, green, blue, purple)
    • 1/2 cup fruit juice per color (optional, e.g., orange, pineapple, grape juice)
  • Coconut Cream Layer
    • 400 ml coconut milk (full-fat)
    • 4 g agar-agar powder (about 1/2 tablespoon)
    • 40 g granulated sugar
    • Pinch of salt

Instructions

1. Prepare the Jelly Base:
In a large saucepan, combine 2 liters of water and 16 g agar-agar powder. Bring to a boil over medium heat, stirring constantly until agar-agar is fully dissolved. Add 400 g sugar and stir until dissolved. Remove from heat, stir in vanilla.
2. Divide and Color Jelly:
Evenly divide the hot agar-agar solution into six bowls (you may keep bowls warm set over hot water to prevent setting). Add a few drops of different food coloring to each bowl for a rainbow effect. Optionally, add 1/2 cup of fruit juice to each for natural flavor.
3. Assemble Layers:
Pour the first colored layer into a rectangular cake pan (about 9x13 inches). Refrigerate for 10–12 minutes, or until just set (surface should not stick when touched). Gently pour the next color layer over the previous one. Repeat, alternating colors, chilling between each layer, until all colors are used.
4. Prepare the Coconut Cream:
In a clean saucepan, combine 400 ml coconut milk, 4 g agar-agar powder, 40 g sugar, and a pinch of salt. Stir well and bring to a boil; simmer for 2–3 minutes until agar-agar dissolves.
5. Top with Coconut Cream:
Let the coconut cream cool for 3–5 minutes, then pour gently over the final set jelly layer. Allow cake to set completely in the refrigerator, at least 2 hours.
6. Serve:
To release, gently loosen edges with a thin knife and invert onto a serving plate. Slice and serve chilled.

Zusatztipps für die Zubereitung

For the most vivid and appealing colors, use gel food colorings as they provide strong pigmentation without affecting the jelly’s texture. Keeping the agar-agar solution warm before layering prevents premature setting and ensures smooth, even layers. Patience while chilling between layers is key to clean separation without mixing colors.

Varianten und Anpassungen

You can substitute coconut milk with other plant-based milks, such as almond or soy, but adjust sweetness accordingly to maintain balance. Adding diced fresh fruit between layers offers delightful texture variations. Using silicone molds allows easy individual portioning and fun shapes for parties.

Serviervorschläge

Serve this cake chilled as a refreshing dessert on a hot day or as a vibrant centerpiece at festive occasions. Pair it with tropical fruits or a light mint garnish to elevate its presentation. It’s perfect sliced as finger food for gatherings or enjoyed on its own as a sweet, cooling treat.

Gorgeous layered agar-agar rainbow jelly cake, topped with luscious coconut cream. Save
Gorgeous layered agar-agar rainbow jelly cake, topped with luscious coconut cream. | tuderteats.com
Gorgeous layered agar-agar rainbow jelly cake, topped with luscious coconut cream. Save
Gorgeous layered agar-agar rainbow jelly cake, topped with luscious coconut cream. | tuderteats.com

With its captivating colors and luscious layers, this Agar-Agar Rainbow Jelly Cake with Coconut Cream is as delightful to prepare as it is to enjoy. Perfect for those looking to add a splash of color and tropical flair to their dessert repertoire, it invites creativity while staying true to simple, clean ingredients. Embrace the joy of making and sharing this refreshing Southeast Asian-inspired treat.

Recipe FAQs

What is agar-agar?

Agar-agar is a gelatinous substance derived from seaweed, commonly used as a vegetarian substitute for gelatin. It's used to create firm textures in various desserts.

Can I use different flavors for the jelly?

Yes! You can use different fruit juices to flavor each jelly layer. Consider citrus juices like orange or pineapple for a refreshing taste.

How long will the cake last in the fridge?

This dessert can be stored in the refrigerator for up to three days. Ensure it's covered to maintain freshness.

Is this dessert suitable for allergies?

This jelly cake is vegan and gluten-free but contains coconut. If you are sensitive to tree nuts, consider substituting with a different plant-based milk.

What can I serve with the jelly cake?

This colorful cake can be served on its own or accompanied by fresh fruit, whipped coconut cream, or a drizzle of fruit syrup for extra flavor.

20-Minute Dinner Pack — Free Download 📥

10 recipes, 1 shopping list. Everything you need for a week of easy dinners.

Instant access. No signup hassle.

Vibrant Agar-Agar Jelly Delight

A stunning dessert with layers of colorful jelly and creamy coconut.

Prep Time
40 minutes
Time to Cook
20 minutes
Overall Time
60 minutes
Recipe by Benjamin Holloway

Meal Type Easy Sweet Options

Skill Level Medium

Cuisine Southeast Asian

Portions 8 Number of servings

Special Diet Info Plant-Based, No Dairy, No Gluten

What You'll Need

Jelly Layers

01 2 liters water
02 16 g agar-agar powder (about 2 tablespoons)
03 400 g granulated sugar
04 1/2 teaspoon vanilla extract
05 Gel food coloring (red, orange, yellow, green, blue, purple)
06 1/2 cup fruit juice per color (optional, for flavor variation: e.g., orange, pineapple, grape juice)

Coconut Cream Layer

01 400 ml coconut milk (full-fat)
02 4 g agar-agar powder (about 1/2 tablespoon)
03 40 g granulated sugar
04 Pinch of salt

Steps

Step 01

Prepare the Jelly Base: In a large saucepan, combine 2 liters of water and 16 g agar-agar powder. Bring to a boil over medium heat, stirring constantly until agar-agar is fully dissolved. Add 400 g sugar and stir until dissolved. Remove from heat, stir in vanilla.

Step 02

Divide and Color Jelly: Evenly divide the hot agar-agar solution into six bowls (you may keep bowls warm set over hot water to prevent setting). Add a few drops of different food coloring to each bowl for a rainbow effect. Optionally, add 1/2 cup of fruit juice to each for natural flavor.

Step 03

Assemble Layers: Pour the first colored layer into a rectangular cake pan (about 9x13 inches). Refrigerate for 10–12 minutes, or until just set (surface should not stick when touched). Gently pour the next color layer over the previous one. Repeat, alternating colors, chilling between each layer, until all colors are used.

Step 04

Prepare the Coconut Cream: In a clean saucepan, combine 400 ml coconut milk, 4 g agar-agar powder, 40 g sugar, and a pinch of salt. Stir well and bring to a boil; simmer for 2–3 minutes until agar-agar dissolves.

Step 05

Top with Coconut Cream: Let the coconut cream cool for 3–5 minutes, then pour gently over the final set jelly layer. Allow cake to set completely in the refrigerator, at least 2 hours.

Step 06

Serve: To release, gently loosen edges with a thin knife and invert onto a serving plate. Slice and serve chilled.

Equipment Needed

  • Large saucepan
  • Mixing bowls
  • Measuring cups and spoons
  • Rectangular cake pan or silicone mold
  • Whisk
  • Thin spatula or knife

Allergens

Check every item for allergens, and reach out to a healthcare expert if you’re uncertain.
  • Contains coconut (tree nut).
  • Recipe is dairy-free and gluten-free.
  • Always check packaging for traces of allergens if highly sensitive.

Nutrition (per portion)

These nutrition details are for guidance and shouldn’t substitute for professional healthcare advice.
  • Energy: 180
  • Total Fat: 7 grams
  • Carbohydrates: 30 grams
  • Proteins: 1 grams

Cooking Shouldn't Be Hard ❤️

Get a free recipe pack that makes weeknight dinners effortless. Real food, real fast.

Free forever. Unsubscribe anytime.