Rainbow Jelly Cake Coconut Cream

Featured in: Seasonal Kitchen Routines

This layered dessert uses agar-agar dissolved in water and sugar, divided and tinted into six rainbow colors, then poured and allowed to set layer by layer. Let each layer reach a soft set (about 5–8 minutes) before adding the next to avoid blending. Prepare a warm coconut-cream agar mix and gently pour it over the top. Chill until fully firm, about 1 hour; yields 8 servings. Store covered in the fridge up to 3 days.

Rainbow Jelly Cake with Agar-Agar and Coconut Cream: Vibrant, silky agar-agar jelly layers in rainbow colors, topped with creamy coconut cream for a stunning dairy-free dessert. Save to Pinterest
Rainbow Jelly Cake with Agar-Agar and Coconut Cream: Vibrant, silky agar-agar jelly layers in rainbow colors, topped with creamy coconut cream for a stunning dairy-free dessert. | griddlepocket.com

When I first tried making Rainbow Jelly Cake, it was during a restless summer evening punctuated with the hum of the fridge and the chatter of old friends in the other room. The kitchen soon filled with a gentle, sweet scent and flashes of color as I hurriedly lined up bowls of liquid jelly, quietly hoping each layer would set neatly. It felt like a small science experiment with a dash of playfulness, and watching the colors stack up was unexpectedly satisfying. By the time the coconut cream was simmered and poured, my hands were tinged with a little food coloring and a lot of excitement. There's a little thrill to unmolding a dessert that's as beautiful as it is delicious.

I remember the soft clatter of spoons and the excited squeal from my niece the first time I brought this jelly cake out for a birthday picnic. She paused mid-bite just to examine if the rainbow went all the way through—and I realized in that moment it’s as much about the taste as it is about the delight in sharing bright, unexpected food with people you love.

What's for Dinner Tonight? 🤔

Stop stressing. Get 10 fast recipes that actually work on busy nights.

Free. No spam. Just easy meals.

Ingredients

  • Agar-Agar Powder: The secret to that famous jelly texture—make sure to stir thoroughly to avoid hidden granules.
  • Water: Precise measurement gives you those clean, vivid layers without watering down the flavor.
  • Granulated Sugar: Not just for sweetness: the right amount keeps the jelly pleasingly tender and not brittle.
  • Food Colorings (Red, Orange, Yellow, Green, Blue, Purple): Use gel or liquid drops—just a touch!—for bold, non-muddied shades.
  • Vanilla Extract (optional): A tiny splash mellows the flavors and rounds out the sweetness; don't overdo, or the color clarity gets cloudy.
  • Coconut Cream: Thick, rich, and fragrant—shake the can well before opening for even texture.
  • Pinch of Salt: Just enough to wake up the coconut and balance the sugars.

Instructions

Swirl Up the Jelly Base:
Combine agar-agar powder and water in a saucepan, stirring constantly as the powder swirls and softens, then bring to a gentle boil. Wait until the lumps vanish and add the sugar and a dash of vanilla, inhaling the warm, comforting scent as everything dissolves.
Tint and Divide:
Take the clear jelly off the heat and pour it carefully into six bowls—each will soon become a playful stripe of the rainbow. Stir in just a drop or two of food coloring per bowl and watch as the kitchen counter transforms into a painter’s palette.
Layer and Set:
Pour the red jelly into your mold, watching as it spreads glass-smooth. Pause for a few minutes—let it just barely set—then layer on orange, then yellow, green, blue, and finally purple, being patient as each layer chills to that perfect jiggle.
Prepare the Coconut Cream:
In a clean saucepan, blend agar-agar with water and coconut cream, whisking over a low flame until velvety and steamy. Add sugar and a whisper of salt, stirring until the smell turns warm and rich—your kitchen will become a little nap-worthy.
Cloak the Rainbow:
As soon as the purple layer has fully set, gently pour the warm (not hot) coconut cream mix over the top. Let the whole mold cool on the counter before nudging it into the fridge.
Chill and Unmold:
Let your cake chill for at least an hour; press your finger to test for firmness before gently running a knife around the edge and inverting it onto a plate. Unmolding is like a quiet magic trick—hold your breath, then lift.
Serve and Savor:
Slice into it with a sharp knife, wiping between cuts for those crisp stripes. Serve chilled cubes to giddy guests or just yourself—either way, joy is almost guaranteed.
Agar-Agar Rainbow Jelly Cake with Coconut Cream: Six colorful jelly layers glisten with vanilla notes, finished with luscious coconut cream for an eye-catching summer treat. Save to Pinterest
Agar-Agar Rainbow Jelly Cake with Coconut Cream: Six colorful jelly layers glisten with vanilla notes, finished with luscious coconut cream for an eye-catching summer treat. | griddlepocket.com
Agar-Agar Rainbow Jelly Cake with Coconut Cream: Six colorful jelly layers glisten with vanilla notes, finished with luscious coconut cream for an eye-catching summer treat. Save to Pinterest
Agar-Agar Rainbow Jelly Cake with Coconut Cream: Six colorful jelly layers glisten with vanilla notes, finished with luscious coconut cream for an eye-catching summer treat. | griddlepocket.com

On a lazy Sunday, my friends and I found ourselves eating leftover rainbow jelly cake straight from the platter in the fridge—no plates or ceremony, just laughter and sticky fingers. I realized then that even the most beautiful desserts sometimes taste best when shared in the quiet chaos of real life.

Making Perfect Layers Every Time

I've learned to keep a tiny stash of ice packs in the freezer—placing the mold atop one helps each layer set faster, and I can time every pour to avoid impatience. It also keeps the colors from blurring together, which is especially helpful in summer when my kitchen warms up fast.

How to Unmold Without the Drama

Running an offset spatula or thin knife around the edge with a gentle hand has saved many cakes; I also dip the bottom of the mold in hot water for a few seconds. The jelly usually slides out with a gentle wobble and applause from anyone watching.

Switching Up Flavors for Fun

Pandan or rose extract can be used for a new twist, and swapping in natural fruit and vegetable colorings makes the recipe feel surprisingly festive at spring or autumn gatherings. A little experimentation never hurt anyone—just keep the coconut cream layer classic for best results.

  • Let each jelly color cool until barely set before adding the next.
  • Layering goes faster with a cold mold.
  • Vivid colors show best when sliced with a wet, sharp knife.
Coconut Cream Rainbow Agar-Agar Jelly Cake: A dazzling dessert of colorful agar-agar jelly layers crowned with rich coconut cream, perfect for festive gatherings. Save to Pinterest
Coconut Cream Rainbow Agar-Agar Jelly Cake: A dazzling dessert of colorful agar-agar jelly layers crowned with rich coconut cream, perfect for festive gatherings. | griddlepocket.com
Coconut Cream Rainbow Agar-Agar Jelly Cake: A dazzling dessert of colorful agar-agar jelly layers crowned with rich coconut cream, perfect for festive gatherings. Save to Pinterest
Coconut Cream Rainbow Agar-Agar Jelly Cake: A dazzling dessert of colorful agar-agar jelly layers crowned with rich coconut cream, perfect for festive gatherings. | griddlepocket.com

May your next rainbow jelly cake bring a splash of color and a moment of pure cheer—no special occasion required.

Recipe Q&A

How can I tell when agar-agar is fully dissolved?

Bring the agar-agar mixture to a gentle rolling simmer and stir constantly for about 2–4 minutes. The liquid should look clear and free of grainy bits before you remove it from heat.

Will gelatin work instead of agar-agar?

Gelatin sets with a softer, more custard-like texture and is not suitable for vegan diets. If using gelatin, reduce the cook time and adjust quantity—expect a different mouthfeel and melting point.

How do I prevent colors from bleeding between layers?

Allow each layer to reach a soft set before pouring the next (5–8 minutes). Pour gently and, if needed, cool the surface slightly to avoid disturbing the layer beneath. Using a spoon or offset spatula to diffuse the pour helps maintain clean lines.

Any tips for cleanly unmolding the cake?

Chill until completely firm, then run a thin knife or offset spatula around the edges. Briefly warm the outside of the mold with a towel dipped in warm water to loosen, then invert onto a plate for a smooth release.

How long will the finished dessert keep?

Keep covered in the refrigerator for up to 3 days. The texture remains best when chilled; avoid strong-smelling foods nearby as coconut can absorb odors.

Can I add other flavors to the jelly layers?

Yes—pandan, rose, or citrus zest work well in small amounts. Use water-soluble extracts or infused liquid to avoid interfering with the gelling action of agar-agar.

Rainbow Jelly Cake Coconut Cream

Silky agar-agar rainbow jelly layers topped with rich coconut cream; dairy- and gluten-free, best served chilled.

Prep Duration
35 minutes
Cook Duration
15 minutes
Overall Time
50 minutes
Created by Evan Sanders


Skill Level Medium

Cuisine Southeast Asian Fusion

Amount 8 Number of Servings

Diet Details Meat-Free, No Dairy, No Gluten

What You'll 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.

You Just Made Something Great 👏

Want more like this? Get my best easy recipes — free, straight to your inbox.

Join 10,000+ home cooks. No spam.

Tools Needed

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

Allergy Notice

Carefully review every item for allergens and speak with a healthcare expert if needed.
  • Contains coconut (tree nut allergen).
  • Gluten-free and dairy-free.
  • Always check food colorings and agar-agar packages for additional allergens.

Nutrition Information (each serving)

These figures are for reference and shouldn't replace your physician's advice.
  • Calories: 190
  • Fats: 7 g
  • Carbohydrates: 32 g
  • Proteins: 1 g