Rainbow Jelly Cake with Agar-Agar

Featured in: Sweet-Warm Comfort Plates

This vibrant multi-layered dessert uses agar-agar to create six colorful jelly strata, each poured and partially set before the next is added. A gently simmered coconut cream layer is poured over the final color and chilled until firm. The method yields clean slices or cubes; chilling and gentle unmolding are key to neat layers. Ideal chilled for warm-weather entertaining.

Updated on Thu, 07 May 2026 05:21:09 GMT
Vibrant rainbow jelly cake with agar-agar layers in red, orange, yellow, green, blue, and purple, topped with creamy coconut cream. Pin It
Vibrant rainbow jelly cake with agar-agar layers in red, orange, yellow, green, blue, and purple, topped with creamy coconut cream. | sweetcairn.com

The first time I made a Rainbow Jelly Cake, the kitchen looked like an artist’s palette exploded on the counter. I wasn’t setting out to impress—just curious if those bright, glassy layers would really work at home. Seconds after lifting the chilled jelly from its mold, I caught a whiff of coconut mingling with hints of vanilla, the kind of scent that floats through sticky Southeast Asian markets in summer. There’s a gentle pride in slicing through those stripes, each color tumbling out like a hidden surprise. No two attempts are ever the same—sometimes the green sets faster, sometimes the blue runs a little wild, and that’s part of the fun.

On a day when my favorite cousin visited with her kids, I decided to tackle this cake as an edible activity. We took turns swirling in food coloring, holding our breath every time we poured a new layer. The excited chatter would turn to hush as we peeked in on the fridge, waiting for each band to set. It became less about perfection and more about picking favorite colors, laughing when the layers wobbled. Even the youngest, with fingers sticky from sneaking extra coconut cream, declared it their new 'birthday cake.'

Ingredients

  • Agar-agar powder: This plant-derived gelling agent is the secret to bouncy, sliceable layers—blooming it thoroughly ensures clear, even stripes.
  • Water: Cold, filtered water helps dissolve the agar properly and keeps your layers pristine.
  • Granulated sugar: Sweetens the jelly just enough, but don’t overdo it—less is more for a refreshing bite.
  • Food colorings (red, orange, yellow, green, blue, purple): Use the tiniest drop to keep shades bright but natural; swirling in too much can make layers murky.
  • Vanilla extract (optional): Adds a cozy aroma that softens the vibrancy of the jelly layers.
  • Coconut cream: Rich and smooth, it brings tropical depth—shake the can before using to catch all the creamy goodness.
  • Pinch of salt: Don’t skip it; this pinch tames the sweetness and sharpens the coconut’s flavor just right.

Tired of Takeout? 🥡

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

One email. No spam. Unsubscribe anytime.

Instructions

Bloom the Agar:
Combine agar-agar powder with cool water in a saucepan and stir constantly on medium heat until it's completely dissolved and clear—watch for the telltale thickening.
Create Rainbow Jelly:
Add granulated sugar and vanilla (if using), then split the liquid into six bowls and stir in food coloring, marveling as each hue develops before your eyes.
Layer Up:
Pour the first colored mixture into your mold, let it cool until just set, then gently repeat with each new color to build your stripes—feel that little snap as your spatula lifts and the previous layer shivers slightly.
Make Coconut Cream Layer:
Simmer agar-agar with coconut cream and water, whisking in sugar and salt till smooth and aromatic—don’t let it boil too fiercely.
Finish and Chill:
Carefully pour the warm coconut cream over set rainbow layers and cool to room temperature before refrigerating until fully firm.
Unmold and Slice:
Run a spatula or knife around the edge, invert onto a plate, and cut into neat slices or cubes—each piece reveals a full-spectrum surprise.
Serve:
Arrange on a chilled platter, serve straight from the fridge, and savor each creamy-jelly bite.
Pin It
| sweetcairn.com
Pin It
| sweetcairn.com

Slicing into this jelly cake for a backyard picnic, I caught the way the sunlight bounced off every layer. Suddenly, grown-ups circled for a peek, grabbing plates they hadn’t even planned to use. It’s the sort of treat that stops time—everyone wants just one more bright, wobbly slice.

How to Make Your Layers Even Every Time

I've learned to pour each layer by using a ladle or cup with a spout, which gives more control than pouring straight from a bowl. A steady hand, patience, and checking the layer’s surface by lightly tapping tell you when to add the next color. The good news: even if one stripe is thicker or thinner, the cake remains dazzling and delicious.

Troubleshooting Wobbly Layers

If your jelly separates or slumps to one side, it could be the fridge is too cold, or a layer was poured while still too warm. Let each hue cool long enough that it yields slightly to your finger but doesn’t stick. Don’t panic if the surface ripples; those quirks make every cake uniquely yours.

Creative Variations and Substitutions

Pandan or rose extract mixed into your layers shifts both fragrance and color, adding a homey Southeast Asian touch. Swap some coconut cream for soymilk or almond milk for a lighter profile and a different kind of creaminess. If you’re short on time or patience, make just three bands—nobody will mind a ‘mini rainbow’ slice!

  • Use a silicone mold to skip the stress of unmolding.
  • Add soft tropical fruit (like lychee or jackfruit) between layers for bursts of flavor.
  • Store leftovers in a sealed container, and serve within three days for best texture.
Layered agar-agar rainbow jelly cake with silky coconut cream, featuring bold colors and a dairy-free, gluten-free dessert perfect for summer. Pin It
Layered agar-agar rainbow jelly cake with silky coconut cream, featuring bold colors and a dairy-free, gluten-free dessert perfect for summer. | sweetcairn.com
Layered agar-agar rainbow jelly cake with silky coconut cream, featuring bold colors and a dairy-free, gluten-free dessert perfect for summer. Pin It
Layered agar-agar rainbow jelly cake with silky coconut cream, featuring bold colors and a dairy-free, gluten-free dessert perfect for summer. | sweetcairn.com

Rainbow Jelly Cake always brings out smiles—no matter if your stripes wobble or run together. Sharing it feels like serving up little slices of cheer, one shimmering color at a time.

Recipe FAQs

How do I ensure agar-agar fully dissolves?

Bring the agar-agar and water to a rolling boil over medium heat and stir constantly for about 2–3 minutes until completely dissolved. Skipping the full boil can leave grainy bits and prevent proper setting.

How long should each jelly layer set before adding the next?

Allow each layer to cool and reach a gelatinous but still tacky state, about 5–8 minutes at room temperature for shallow molds. If too soft, colors will blend; if too firm, adhesion between layers can weaken.

Can I use natural colorings without affecting texture?

Yes. Natural colors from fruit and vegetable juices or concentrates work fine but may slightly alter flavor or acidity. Test a small batch first, as some natural dyes can affect setting strength and may require minor agar adjustments.

How do I prevent the coconut layer from breaking the jelly layers?

Cool the coconut cream mixture briefly so it’s warm rather than hot before pouring. Pour slowly over the back of a spoon or an offset spatula to disperse the flow and avoid disturbing the top jelly layer.

What’s the best way to unmold without cracking the layers?

Loosen edges with a thin knife, briefly dip the mold base in warm water for a few seconds to soften the exterior, then invert onto a plate. Handle gently and chill thoroughly before slicing for clean edges.

How long does this keep and how should it be stored?

Cover and refrigerate for up to 3 days. Keep chilled to maintain texture and prevent coconut cream separation. Allow to sit a few minutes at room temperature before serving if very firm.

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 with Agar-Agar

Multi-layered agar-agar jelly in rainbow hues, finished with creamy coconut topping — light, dairy-free and gluten-free.

Prep Duration
35 minutes
Time to Cook
15 minutes
Time Needed
50 minutes
Recipe by Hunter Phillips


Level Medium

Cuisine Southeast Asian Fusion

Makes 8 Portions

Dietary Notes Vegan-friendly, No Dairy, No Gluten

Ingredient List

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

Steps

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.

Equipment Needed

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

Allergy Info

Look through each ingredient for allergens and check with a healthcare provider if you’re uncertain.
  • Contains coconut (tree nut allergen).
  • Gluten-free and dairy-free.
  • Always check food colorings and agar-agar packages for additional allergens.

Nutrition Info (each serving)

Figures are for reference only—always seek medical advice when needed.
  • Caloric Value: 190
  • Fats: 7 grams
  • Carbohydrates: 32 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.