Rainbow Jelly Cake Agar-Agar

Featured in: Simple Sweet Treats

This multi-layered jelly uses agar-agar to set six tinted layers, poured and partially chilled to build clean rainbow stripes. Once the colored strata are firm, a warm coconut-cream agar mix is gently poured on top and chilled until fully set. Allow at least an hour of refrigeration before unmolding and slicing; serve cold for best texture and refreshing flavor.

Updated on Fri, 08 May 2026 05:53:41 GMT
Vibrant rainbow jelly cake creation with luscious coconut cream topping. Pin this
Vibrant rainbow jelly cake creation with luscious coconut cream topping. | terrawhisk.com

Standing at my kitchen counter one summer afternoon, the air heavy with tropical humidity, the thought of a cool, breezy dessert led me to experiment with agar-agar for the first time. The packets of food coloring lined up like eager artists' paints, and every swirl of the whisk sent sweet vanilla clouds into the sunlight. Making this Rainbow Jelly Cake wasn't about tradition or nostalgia—it was the promise of slicing into a chilled, jewel-toned slab that could brighten even the stickiest day. Somewhere between boiling and layering, I accidentally splattered blue dye on my sleeve, but it felt somehow perfectly appropriate for a dessert as playful as this. Whenever I see those vibrant layers, I'm reminded that a little mess in the kitchen is a small price for magic.

The first time I made this for a backyard potluck, my neighbor's daughter watched each new colored layer set with growing excitement, clapping every time another stripe appeared. There was something quietly satisfying about the waiting—measuring minutes with conversation and laughter in between pours. By the time I unmolded the cake, the kids had gathered around like I'd revealed a hidden treasure. Their delighted cheers confirmed what I already suspected: this cake is pure joy in edible form.

Ingredients

  • Agar-agar powder: This plant-based gelling agent gives the jelly its signature texture; I learned to dissolve it fully for the smoothest layers.
  • Water: The backbone for both jelly and coconut layers; filtered water keeps the colors clear and the flavor fresh.
  • Granulated sugar: Balances any subtle bitterness from the agar-agar and allows each hue to shine with just the right sweetness.
  • Food colorings: Use a light hand and go vivid—it’s easy to go from subtle pastels to electric rainbow, and natural options work too.
  • Vanilla extract: Optional, but a splash adds an inviting bakery note to the jelly.
  • Coconut cream: The creamy finale, lending tropical richness; get a good quality, thick coconut cream for best results.
  • Salt: Just a small pinch sharpens the coconut and keeps it from tasting flat.

Tired of Takeout? 🥡

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

One email. No spam. Unsubscribe anytime.

Instructions

Create the Jelly Base:
Stir agar-agar powder into water in a saucepan, then bring to a gentle boil while whisking so it dissolves fully and turns translucent.
Sweeten and Scent:
Add sugar and vanilla, stirring until you can no longer feel any granules at the bottom of the pan.
Dye and Divide:
Split the hot mixture equally among six bowls, then tint each one with its own vibrant color, swirling gently to avoid bubbles.
Layer and Set:
Pour the first colored jelly into your mold and let it just set to the touch before adding the next; the anticipation builds with each new layer.
Make Coconut Cream Layer:
In a clean pot, gently heat coconut cream, water, and agar-agar mixture until smooth, then sweeten with sugar and round out with a bit of salt.
Finish the Cake:
Once the rainbow is complete and set, carefully pour the warm coconut cream over it—watch for the way it shimmers over the layers.
Chill Completely:
Let the whole cake cool, then slide it into the fridge to firm up until your finger bounces gently off the surface.
Unmold and Serve:
Loosen the edges with a wet knife or spatula and flip onto a plate; slice into wedges or cubes and serve fridge-cold for the dreamiest texture.
Silky, layered rainbow jelly cake, perfect for a refreshing summer dessert. Pin this
Silky, layered rainbow jelly cake, perfect for a refreshing summer dessert. | terrawhisk.com
Silky, layered rainbow jelly cake, perfect for a refreshing summer dessert. Pin this
Silky, layered rainbow jelly cake, perfect for a refreshing summer dessert. | terrawhisk.com

Watching the faces at my table light up as the first glistening rainbow slice was served, I realized this cake does more than cool you off on a hot day—it turns dessert into a shared celebration. Somehow, everyone leans in for a look before they ever take a bite.

Best Ways to Layer Colors

I've discovered that pouring the jelly from just a couple inches above the mold keeps bubbles at bay and prevents the new layer from disturbing the one beneath. If your kitchen is warm, work quickly but stay patient—every minute counts for that seamless rainbow effect.

Using Natural Colors and Flavors

Experimenting with natural colors like beet for red or matcha for green resulted in softer, earthy shades that still looked dreamy layered between creamy coconut. A whisper of pandan or rose added subtle perfume without overwhelming the clean, bright coconut flavor beneath.

Make-Ahead and Serving Ideas

Rainbow Jelly Cake is at its very best after a long chill, so I often prepare it the evening before a gathering and unmold it right before serving to preserve the glossy finish. Leftovers make cheerful next-day treats, and a quick drizzle of fresh tropical fruit puree gives every slice extra color.

  • Try small individual molds for party-ready minis.
  • Use a hot, wet knife for the cleanest slices.
  • Don’t rush the chilling—firm jelly is key for the perfect reveal.
Show-stopping rainbow agar-agar cake, elegantly topped with creamy coconut goodness. Pin this
Show-stopping rainbow agar-agar cake, elegantly topped with creamy coconut goodness. | terrawhisk.com
Show-stopping rainbow agar-agar cake, elegantly topped with creamy coconut goodness. Pin this
Show-stopping rainbow agar-agar cake, elegantly topped with creamy coconut goodness. | terrawhisk.com

Chill the cake, take a breath, and watch the colors brighten your table—it’s almost too pretty to slice, but sharing is half the fun.

Recipe FAQs

How do I prevent the colors from bleeding between layers?

Let each colored layer partially set until it is just firm to the touch but still warm beneath the surface. Pour subsequent layers gently and avoid adding very hot mixtures on top of fragile layers; brief cooling between pours helps maintain crisp separations.

Can I use powdered gelatin instead of agar-agar?

Gelatin sets differently and is animal-derived; if you substitute, reduce the liquid and follow gelatin bloom instructions. Texture and chilling time will change, so expect softer, less springy layers compared with agar-agar.

How can I add subtle flavor without affecting color?

Use light extracts such as pandan, vanilla, or rose in small amounts; floral or citrus zests can be infused into the clear base before coloring. Add concentrated flavors sparingly to avoid altering hue or setting behavior.

What’s the best way to get even, neat layers?

Measure equal volumes for each layer and pour with a ladle at the same spot to spread evenly. Allow each layer to set to a thin skin before adding the next and chill briefly to firm edges for clean lines when sliced.

How should I store the finished cake?

Cover and refrigerate for up to three days. Keep it chilled until serving to maintain a firm texture; bring to serving temperature briefly if you prefer a slightly softer mouthfeel.

Any tips for making the coconut layer silky?

Warm the coconut cream mixture gently and stir constantly until fully dissolved. Strain before pouring to remove any solids and pour while still warm but not boiling for a smooth, even finish.

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.

Rainbow Jelly Cake Agar-Agar

Multi-layer agar-agar jelly in rainbow hues topped with creamy coconut layer — light, chilled, gluten- and dairy-free.

Time to prep
35 min
Time to cook
15 min
Overall time
50 min
Created by Naomi Carter


Skill level Medium

Cuisine Southeast Asian Fusion

Makes 8 Portions

Dietary notes Vegetarian-friendly, No dairy, No gluten

What you need

Agar-Agar Jelly Layers

01 2 tablespoons agar-agar powder (about 16 g)
02 900 ml water
03 200 g granulated sugar
04 Food colorings: red, orange, yellow, green, blue, purple
05 1 teaspoon vanilla extract (optional)

Coconut Cream Layer

01 400 ml coconut cream
02 200 ml water
03 2 tablespoons agar-agar powder (about 16 g)
04 100 g granulated sugar
05 Pinch of salt

Directions

Step 01

Prepare Jelly Base: In a saucepan, combine 2 tablespoons agar-agar powder with 900 ml water. Bring to a boil over medium heat, stirring constantly until agar-agar dissolves completely (about 3 minutes). Add 200 g sugar and vanilla extract, stirring until dissolved.

Step 02

Divide and Tint: Remove from heat and divide the clear agar mixture into 6 bowls. Add a few drops of each food coloring to create red, orange, yellow, green, blue, and purple.

Step 03

Layer Mold: Pour the red layer into a rectangular or round mold (about 20 cm diameter). Let it cool for 5–8 minutes, until just set but not too firm. Repeat with orange, yellow, green, blue, and purple, allowing each layer to set before adding the next.

Step 04

Prepare Coconut Cream Layer: In a clean saucepan, mix 2 tablespoons agar-agar powder with 200 ml water and 400 ml coconut cream. Bring to a gentle simmer, stirring well. Add 100 g sugar and pinch of salt, stir until dissolved.

Step 05

Pour Coconut Layer: Once the last jelly color has set, gently pour the warm coconut cream mixture over the rainbow layers. Allow to cool to room temperature.

Step 06

Chill: Refrigerate for at least 1 hour or until completely firm. Gently loosen edges and invert onto a serving plate.

Step 07

Slice and Serve: Cut into neat slices or cubes. Serve cold.

Tools needed

  • Medium saucepan
  • Whisk
  • Heat-proof bowls
  • Measuring cups and spoons
  • 20 cm mold (rectangular or round)
  • Offset spatula or knife

Allergens

Review ingredients for allergies and speak with your healthcare provider if you're unsure.
  • Contains coconut (tree nut allergen).
  • Gluten-free and dairy-free.
  • Always check food colorings and agar-agar packages for additional allergens.

Nutrition details (each serving)

This info is a reference and doesn’t replace advice from your doctor.
  • Energy: 190
  • Lipids: 7 g
  • Carbohydrates: 32 g
  • Proteins: 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.