Agar-Agar Rainbow Coconut Cream Cake

Featured in: Sweet Baking Moments

This layered dessert starts by dissolving agar-agar in water with sugar and vanilla, then dividing the hot mixture into six portions for coloring. Each colored layer is poured, chilled until just set, and repeated to build neat tiers. A coconut milk mix with a touch of agar forms a silky top layer. Chill fully (about 2 hours) before slicing; warm the knife for clean cuts and garnish with diced fruit if desired.

Updated on Mon, 01 Jun 2026 08:25:15 GMT
Vibrant agar-agar rainbow jelly cake glistening with creamy coconut topping. Save Pin
Vibrant agar-agar rainbow jelly cake glistening with creamy coconut topping. | tirzamoments.com

The first time I made an Agar-Agar Rainbow Jelly Cake, the kitchen was alive with laughter and bursts of color, my hands stained faintly blue and red from the food coloring. The humming of the refrigerator reminded me to be patient with each layer, but my curiosity made me sneak peeks every few minutes. There's a wild sense of anticipation as ribbons of jelly stack atop each other, glossy and bright. I remember the gentle scent of coconut wafting through the air and my friend’s delighted gasp seeing the jelly cross-section for the first time. It’s a dessert that feels like a little celebration every time you unmold it.

Last summer, I brought this cake to a picnic and watched as kids argued (politely) over who got the biggest slice of purple. The sun made the colors glow like stained glass, and the coconut cream layer stayed cool and velvety even after an hour outside. Passing around sticky forks and giggling at jiggly jelly ‘races’ instantly made it the MVP of the dessert table.

Ingredients

  • Agar-agar powder: Essential for that signature jiggle. I’ve found sifting it in slowly prevents clumps and gives a glass-like finish.
  • Granulated sugar: Go with the full amount for sparkle and a pleasant sweetness throughout—skimping can make the jelly bland.
  • Vanilla extract: Just a little softens the sweetness and perfumes the layers. Try adding it off the heat to keep the flavor strong.
  • Gel food coloring: The more vibrant, the better! Gel colors don’t dilute the liquid and stay true when chilled.
  • Fruit juice (optional): Pops of pineapple or grape juice add a natural twist—just remember to match the color to the flavor.
  • Coconut milk (full-fat): The creamy top layer makes this cake feel luscious and tropical. I always use full-fat for the richest taste.
  • Salt: A pinch in the coconut cream brings out the flavors—you’ll notice if it’s missing!

Tired of Takeout? 🥡

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

One email. No spam. Unsubscribe anytime.

Instructions

Get the Jelly Base Bubbling:
Pour water and agar-agar powder into a large saucepan. Stirring constantly, bring it up to a gentle boil; you’ll see the powder dissolve and the liquid turn slightly translucent.
Sweeten and Scent:
Add the sugar and keep stirring until it’s absolutely clear—no graininess left behind. Take off the heat and stir in the vanilla, inhaling that familiar, cozy aroma.
Divide and Color:
Quickly pour the hot jelly into six bowls kept over warm water. Drop the food colors in, swirling until bold hues appear, and add fruit juice if you want extra zing.
Layer Up:
Pour the first colored jelly into your pan. Slide it into the fridge for about 10 minutes—poke the top gently, and if it doesn’t stick, you’re ready for the next color; repeat the process layer by layer, enjoying the reveal each time.
Mix the Coconut Cream:
In a separate saucepan, whisk the coconut milk, agar-agar, sugar, and salt. Let it bubble gently until completely smooth, then cool for a few minutes while you marvel at how creamy it looks.
Finish with Creamy Top:
Carefully pour the coconut layer over your finished jelly stack. Pop it in the fridge to set for at least two hours—the hardest part is waiting.
Slice and Celebrate:
Run a thin knife around the chilled cake and flip it onto a plate. Each slice reveals a spectacular rainbow, ready to be devoured cold.
Jewel-toned agar-agar rainbow jelly cake, perfect for a festive vegan dessert. Save Pin
Jewel-toned agar-agar rainbow jelly cake, perfect for a festive vegan dessert. | tirzamoments.com

I’ll never forget the surprised smile on my aunt’s face when she tasted the cake after years of avoiding ‘jelly desserts’—she went back for seconds, won over by the creamy coconut finish and playful colors. It’s those moments, when a recipe changes someone’s mind, that make all the stirring and layering worthwhile.

Avoiding Layer Mishaps

One evening, I got distracted and let a colored layer set too firmly—when I poured the next, they slipped apart like toy blocks. I learned to check for just-set tops, not longer, and brush very lightly with a fork to ‘roughen’ the surface for extra grip. Paying attention to timing keeps those rainbow bands perfectly stacked every time.

Small Tweaks for Big Flavor

Substituting a splash of lychee or passionfruit juice into a layer changes the personality of the cake in the most delightful way. I sometimes tuck in diced mango between two colors for a surprise bite, or use pandan essence to flavor the green layer. Playing with flavors keeps each jelly cake unique, especially for gatherings where everyone likes something different.

Finishing Touches That Impress

The glass-like finish can pick up fingerprints fast, so unmold the cake just before serving and handle with a piece of wax paper. Try slicing with a hot, damp knife for sharp, clean edges—each cut becomes a mini rainbow window. Chilling the serving plates keeps slices perfectly firm, even on hot days.

  • Line the pan with plastic wrap for easy unmolding if you’re nervous.
  • Decorate the top with edible flowers or citrus zest for a festive look.
  • Remember, the cake tastes just as joyful with a few wobbles or quirks.
A visually stunning agar-agar rainbow jelly cake with distinct, chilled fruity layers. Save Pin
A visually stunning agar-agar rainbow jelly cake with distinct, chilled fruity layers. | tirzamoments.com

This rainbow jelly cake always brings a sense of accomplishment and playfulness to the table. Enjoy every colorful slice and the stories that come with it.

Recipe Help & FAQs

How do I ensure agar-agar fully dissolves?

Bring the agar-agar and water to a rolling boil while stirring constantly, then simmer 2–3 minutes until fully dissolved. Small clumps can remain if not stirred thoroughly, so whisk well and keep the mixture hot until dividing.

Can I flavor the colored layers with juice?

Yes. Add up to 1/2 cup of fruit juice per color for natural flavor, but reduce added sugar if the juice is sweet. Strain pulpy juices to keep layers clear and bright.

How do I prevent colors from bleeding between layers?

Chill each layer until just set (surface not sticky), typically 10–12 minutes in a refrigerator. Pour subsequent layers gently and avoid hot liquid contact with the layer beneath; keep bowls warm only enough to prevent setting before coloring.

What is the best way to get a smooth coconut cream top?

Make the coconut layer by heating full-fat coconut milk with a small amount of agar and sugar, simmer until dissolved, then cool 3–5 minutes before pouring gently over the final set layer so it spreads evenly without melting the colors below.

How do I slice neat, even pieces?

Loosen edges with a thin knife and invert onto a plate. For clean slices, warm a long knife under hot water, dry it, then slice in a single downward motion, wiping the blade between cuts.

How long will this keep in the fridge?

Store covered in the refrigerator for up to 3–4 days. Keep chilled to maintain texture; avoid freezing, which can change the jelly’s structure and make the coconut layer grainy.

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.

Agar-Agar Rainbow Coconut Cream Cake

Vibrant agar-agar rainbow layers finished with silky coconut cream—vegan, gluten-free and chilled for serving.

Prep Time
40 minutes
Time to Cook
20 minutes
Total Duration
60 minutes
Created by Keith Holloway


Skill Level Medium

Cuisine Southeast Asian

Makes 8 Portions

Diet Preferences Vegan-friendly, No Dairy, No Gluten

Ingredient List

Jelly layers

01 Water — 8 1/2 cups
02 Agar-agar powder — 2 tablespoons
03 Granulated sugar — 2 cups
04 Vanilla extract — 1/2 teaspoon
05 Gel food coloring — red, orange, yellow, green, blue, purple (as needed)
06 Fruit juice (optional, for flavor) — 1/2 cup per color

Coconut cream layer

01 Full‑fat coconut milk — 1 2/3 cups
02 Agar-agar powder — 1/2 tablespoon (1 1/2 teaspoons)
03 Granulated sugar — 3 tablespoons plus 1 teaspoon
04 Salt — pinch

How-To Steps

Step 01

Prepare agar-agar base: In a large saucepan, combine 8 1/2 cups water and 2 tablespoons agar-agar powder. Bring to a vigorous simmer over medium heat, stirring constantly until the agar-agar is fully dissolved and the mixture begins to bubble. Whisk in 2 cups granulated sugar until dissolved, then remove from heat and stir in 1/2 teaspoon vanilla extract.

Step 02

Divide and color the jelly: Immediately divide the hot agar-agar solution evenly among six heatproof bowls. Keep bowls warm over a pan of hot water to prevent setting. Add a few drops of gel food coloring to each bowl to achieve the desired hues; if using, stir 1/2 cup of a chosen fruit juice into each bowl to introduce flavor.

Step 03

Layer and chill colors: Pour the first colored portion into a greased 9x13‑inch rectangular pan. Refrigerate for 10–12 minutes, or until the surface is just set and not sticky. Gently pour the next colored layer over the set surface and return to the refrigerator. Repeat this process for all remaining colors, chilling between each pour to ensure distinct layers.

Step 04

Prepare coconut cream: Wipe out the saucepan and combine 1 2/3 cups full‑fat coconut milk with 1/2 tablespoon agar-agar powder, 3 tablespoons plus 1 teaspoon granulated sugar and a pinch of salt. Heat over medium, bringing to a simmer while whisking, then simmer gently for 2–3 minutes until the agar-agar is dissolved and the mixture is smooth. Remove from heat and let cool for 3–5 minutes.

Step 05

Top with coconut cream and set: Carefully pour the slightly cooled coconut cream over the final colored layer, spreading gently with a thin spatula to avoid disturbing the layers. Return the pan to the refrigerator and chill at least 2 hours, or until the entire assembly is firm.

Step 06

Release and serve: To unmold, run a thin knife around the pan edges to loosen, invert onto a serving platter and lift off the pan. Slice with a sharp knife and serve chilled. Store leftovers refrigerated.

Gear Needed

  • Large saucepan
  • Heatproof mixing bowls (at least six)
  • Measuring cups and spoons
  • 9x13‑inch rectangular pan or silicone molds
  • Whisk
  • Thin spatula or knife
  • Pan for warm water bath (to keep bowls warm)

Allergy Info

Please review ingredients for allergens and talk to a healthcare expert if you're unsure.
  • Contains coconut (tree nut)
  • Dairy-free and gluten-free, but check labels for cross-contamination if highly sensitive

Nutrition Info (per serving)

Shared for general guidance—always check with your health professional for nutrition advice.
  • Energy (Calories): 180
  • Fat content: 7 g
  • Carbohydrates: 30 g
  • Protein amount: 1 g

Cooking Shouldn't Be Hard ❤️

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

Free forever. Unsubscribe anytime.