Rainbow Jelly Cake with Coconut

Featured in: Soft Warm Bakes & Savory Treats

This vibrant multi-layer jelly uses agar-agar to set six tinted layers, poured one by one and briefly chilled between pours. A warm coconut-cream agar mix is gently poured over the final color, then the whole cake is chilled until firm. Simmering dissolves agar and sugar; careful timing ensures clean layers. Serves about 8 and keeps up to 3 days refrigerated.

Updated on Thu, 23 Apr 2026 11:17:40 GMT
Vibrant rainbow jelly cake with agar-agar and coconut cream, showcasing colorful layers in a chilled dessert mold. Save to Pinterest
Vibrant rainbow jelly cake with agar-agar and coconut cream, showcasing colorful layers in a chilled dessert mold. | olivefrost.com

As soon as summer starts shimmering through the kitchen window, my mind wanders to all things colorful and cool. That&aposs how I landed on making this Rainbow Jelly Cake for a backyard dinner, the kind where everyone is barefoot and humming along to old tunes. The first time I layered the jelly, I was amazed at how quickly the colors set while I scrambled to mix the next bowl. The coconut cream layer came together in a cloud of sweetness, melted over a gentle stove hum, and before I knew it the whole cake was sparkling in the fridge. There&aposs just something about unmolding a glossy, wobbly rainbow that makes you grin like a kid.

One clear memory sticks with me: I made this cake for a friend&aposs birthday when the power flickered out mid-layer, leaving us giggling in candlelight and fanning jelly trays with a folded magazine. We kept layering rainbows by feel, our hands stained faintly with food coloring, and somehow the cake turned out even more magical for the chaos. Later, slicing into it at the party, people gasped at the cheerful stripes, and it instantly felt like a celebration. Even the smallest spoonful brought smiles all around the table. Sometimes food just brings out the joyful mess in everyone.

Ingredients

  • Agar-agar powder (2 tablespoons for jelly, 2 tablespoons for coconut layer): This key ingredient sets the jelly firmly and gives that signature bounce; be sure to whisk continuously for no clumps.
  • Water (900 ml for jelly, 200 ml for coconut layer): Cold water helps agar-agar dissolve best before heating, and measuring exactly keeps textures just right.
  • Granulated sugar (200 g for jelly, 100 g for coconut layer): Play with the sugar a little—taste as you go so it&aposs sweet but not overpowering.
  • Food colorings (red, orange, yellow, green, blue, purple): Use just a drop or two per layer for vibrant but clear colors, and natural coloring works beautifully if you prefer.
  • Vanilla extract (1 teaspoon, optional): Introduces a gentle comfort behind the bold visuals; don't skip if you love nuance.
  • Coconut cream (400 ml): Choose full-fat coconut cream for that lush mouthfeel in the final layer.
  • Pinch of salt: Balances the sweetness and brings out the coconut flavor—trust me, it makes a difference.

Tired of Takeout? 🥡

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

One email. No spam. Unsubscribe anytime.

Instructions

Jelly Base Magic:
Empty agar-agar powder into a saucepan with cold water and stir vigorously as it heats; listen for that soft simmer while the mixture shifts from cloudy to clear.
Sugar and Scent:
As soon as the agar-agar dissolves, add sugar and, if you’re feeling it, a splash of vanilla—breathe in that sweet floral scent drifting upward.
Colorful Prep:
With quick hands, divide your clear jelly across six bowls and transform each with a swirl of color, marveling at the spectrum assembling before you.
Layer Up:
Pour the first color gently into your mold, watch it shimmer, and use your fingertip to test for just-set before repeating with the next color, layering each with care so the rainbows stay crisp.
Coconut Cream Caress:
Wipe out the pan, pour in coconut cream, water, and agar-agar, stirring gently so it stays silky and doesn’t catch—add sugar and salt, and simmer until smooth and rich.
Finishing Touch:
Wait until the last jelly layer feels firm, then slowly pour the warm coconut mixture over the top—it will sink in gently and form a dreamy white cap.
Chill and Reveal:
Slide the mold into the fridge and let it set completely; once firm, run a knife round the edge and flip it out for the big reveal—rainbows never fail to impress.
Serving Slices:
Cut through those vivid layers and serve cold, preferably somewhere sunny and cheerful.
Layered rainbow agar-agar jelly cake with silky coconut cream, a stunning dairy-free dessert perfect for summer celebrations. Save to Pinterest
Layered rainbow agar-agar jelly cake with silky coconut cream, a stunning dairy-free dessert perfect for summer celebrations. | olivefrost.com

The most unexpected delight came when my youngest cousin, usually skeptical of anything "healthy," declared this was the best birthday cake because it jiggled and tasted like a tropical holiday. Suddenly, we were all waving our wobbly slices in the air and laughing, the living room transformed into a little island party. I realized right then that food communicates celebration even when it&aposs simple. That's the magic of a dish like this—the joy is contagious.

Making Clean, Distinct Layers

I learned to keep a small spoon handy and gently check each layer for that sweet spot—set but sill slightly tacky. Pouring the next color too soon means your rainbows blend, but waiting too long turns layers slippy. I also tilt the mold slightly to help guide the jelly evenly along the bottom. Sometimes my first batch is uneven, but a steady hand really does wonders after a practice run. In the end, even the mistakes make pretty swirls.

Choosing the Best Coconut Cream

The rich coconut finish only shines if you use a good, creamy variety—the solid, scooped cream at the top of the can works wonders. If separating occurs, I gently whisk the cream before measuring. Full-fat versions make for ultra-silky layers, while light coconut cream can turn out watery. I once used a generic brand, and the layer lacked that dreamy flavor, so now I always taste before using. Trust your palate and don't be shy about brand loyalty here.

Color and Flavor Inspirations

Sometimes I swap vanilla for pandan or rose for a Southeast Asian twist—it takes hardly any to dramatically shift the aroma. Layering with natural coloring, like beet for pink or spirulina for green, brings a subtle depth if you want a more wholesome approach. Experimenting with shapes—like stars or domes—gets kids excited, too. There&aposs so many ways to make this dessert your own, so don’t be afraid to get creative!

  • If your agar-agar settles at the bottom, re-stir before pouring each layer.
  • Work quickly between layers, but gently: patience keeps your colors pristine.
  • Refrigerate leftovers in a sealed container so the jelly stays glossy and fresh.
Multi-colored agar-agar jelly cake with creamy coconut topping, sliced to reveal bright rainbow layers in every piece. Save to Pinterest
Multi-colored agar-agar jelly cake with creamy coconut topping, sliced to reveal bright rainbow layers in every piece. | olivefrost.com

Whether for a sunny picnic or a surprise at-home party, this Rainbow Jelly Cake always feels like a celebration waiting to happen. May every slice bring a burst of happiness to your table!

Recipe FAQs

How do I get clean, even layers?

Let each colored layer cool until just set but still tacky before pouring the next. Pour slowly and from a low height to avoid disturbing the layer below.

Can I use powdered gelatin instead of agar-agar?

Gelatin behaves differently and is not suitable for strict vegan diets; agar sets firmer and at room temperature. If substituting, adjust quantities and note the texture will be softer.

How do I prevent colors from bleeding?

Allow each layer to gel sufficiently (5–8 minutes depending on volume and temperature) before adding the next. Use concentrated coloring so only a few drops are needed.

Any tips for the coconut cream layer?

Warm the coconut cream mixture gently and pour when slightly cooled to avoid melting lower layers. Stir constantly while simmering to dissolve sugar and prevent separation.

What molds work best for slicing?

Use a shallow round or rectangular mold about 20 cm in diameter for even layers and easy slicing. Cool completely before unmolding and use a hot knife for clean cuts.

How should I store leftovers?

Keep covered in the refrigerator for up to 3 days. Chilled slices hold their shape well; bring to cool temperature before serving for best texture.

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 Coconut

Vibrant layered agar-agar jelly in rainbow colors with a silky coconut cream finish—dairy- and gluten-free.

Prep Time
35 minutes
Time to Cook
15 minutes
Overall Duration
50 minutes
Recipe by Natalie Wilson


Skill Level Medium

Cuisine Type Southeast Asian Fusion

Serves 8 Portions

Dietary Info Meat-Free, No Dairy, No Gluten

What You Need

Agar-agar jelly layers

01 2 tablespoons agar-agar powder
02 3 3/4 cups water
03 1 cup granulated sugar
04 Food coloring (red, orange, yellow, green, blue, purple), as needed
05 1 teaspoon vanilla extract (optional)

Coconut cream layer

01 1 2/3 cups full-fat coconut cream
02 3/4 cup plus 1 tablespoon water
03 2 tablespoons agar-agar powder
04 1/2 cup granulated sugar
05 Pinch of fine salt

How-To Steps

Step 01

Prepare base: Combine 2 tablespoons agar-agar powder with 3 3/4 cups water in a medium saucepan. Bring to a boil over medium heat, whisking constantly until the agar dissolves, about 3 minutes. Stir in 1 cup granulated sugar and 1 teaspoon vanilla until dissolved, then remove from heat.

Step 02

Tint portions: Divide the clear agar mixture evenly into six heatproof bowls. Add a few drops of each food coloring to create red, orange, yellow, green, blue and purple, stirring each until color is uniform.

Step 03

Build first layers: Lightly oil an 8-inch (20 cm) round or rectangular mold. Pour the red layer to cover the base and let rest 5–8 minutes until surface is just set but still tacky. Repeat sequentially with orange, yellow, green, blue and purple, allowing each layer to set until just firm before pouring the next.

Step 04

Make coconut cream: In a clean saucepan, combine 2 tablespoons agar-agar powder with 3/4 cup plus 1 tablespoon water and 1 2/3 cups coconut cream. Warm over medium-low heat, whisking until the mixture comes to a gentle simmer and the agar is fully dissolved. Add 1/2 cup granulated sugar and a pinch of salt, stirring until dissolved, then remove from heat.

Step 05

Top with coconut layer: When the last colored layer is set, gently pour the warm coconut cream mixture over the rainbow layers. Use an offset spatula or the back of a spoon to distribute evenly without disturbing the colors. Allow to cool to room temperature.

Step 06

Chill until firm: Refrigerate the assembled cake for at least 1 hour or until completely firm. To unmold, run a thin spatula around the edge, invert onto a serving plate and lift the mold away carefully.

Step 07

Portion and serve: Slice into neat wedges or cut into cubes and serve chilled. Store covered in the refrigerator for up to 3 days.

What You'll Need

  • Medium saucepan
  • Whisk
  • Heatproof bowls
  • Measuring cups and spoons
  • 8-inch (20 cm) mold, rectangular or round
  • Offset spatula or knife

Allergy Details

Be sure to check ingredients for allergens and ask your doctor if you’re not sure.
  • Contains coconut (tree nut allergen)
  • Check food colorings and agar-agar packaging for additional allergens or cross-contamination

Nutrition Details (per portion)

Intended only for informational use, not medical advice.
  • Calories: 190
  • Fats: 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.