Rainbow Jelly Cake with Agar-Agar

Featured in: Sweet Pumpkin Creations

This vibrant multilayer dessert uses agar-agar to set six tinted jelly layers, then a warm coconut cream is poured on top. Dissolve 2 tbsp agar-agar in 900 ml water, sweeten, divide and tint; pour each color and let it just set before adding the next. For the coconut layer, simmer 2 tbsp agar with 400 ml coconut cream and 200 ml water, sweeten and pour when warm. Chill at least 1 hour, then slice cold. Yields about 8 servings.

Updated on Thu, 07 May 2026 05:26:49 GMT
Vibrant rainbow jelly cake with agar-agar and coconut cream, featuring silky layers of colorful jelly topped with luscious coconut cream. Save
Vibrant rainbow jelly cake with agar-agar and coconut cream, featuring silky layers of colorful jelly topped with luscious coconut cream. | pumpkinhearth.com

The first time I made a rainbow jelly cake, my kitchen felt like a cheerful science lab—beakers of vivid colors, coconut-scented steam rising as I fussed over perfect lines. The promise of slicing into bright, glimmering layers kept me smiling through each careful pour. While I usually reserve desserts for special occasions, this one has a way of turning any afternoon into a celebration. Watching each band set was oddly meditative, almost like tending a Zen garden with a whisk in hand. Suddenly, what started as a whim became an afternoon well spent with colors and curiosity.

Once, I assembled this rainbow jelly cake to distract a group of kids on a humid summer holiday—they spent half the time peeking in the fridge, breathlessly arguing over which color would taste ‘the most magical’. The kitchen buzzed with impatient laughter, and by serving time, sticky fingers left trails of pure joy on my countertops. Those bright slices disappeared long before I managed to snap a photo. That easygoing chaos is baked right into my memory of this dessert. It’s a treat best enjoyed with a noisy, happy table.

Ingredients

  • Agar-agar powder: This plant-based setting agent yields a pristine, glassy jelly—just remember to whisk it constantly to keep things lump-free.
  • Water: Cold water helps dissolve the agar-agar at first, but the magic happens only once it’s bubbling gently on the stove.
  • Granulated sugar: A touch of sweetness brightens every shade—taste before pouring and adjust if you prefer things subtler.
  • Food colorings (red, orange, yellow, green, blue, purple): Go bold or keep it pastel; gel colors work best for intensity without thinning the mixture.
  • Vanilla extract (optional): A drop lends an extra note of warmth, but it’s entirely up to you—try pandan or rose for playful twists.
  • Coconut cream: The secret to that rich, dreamy top layer—use a good-quality, thick coconut cream for best texture.
  • Salt: Just a tiny pinch cuts through the sweetness and brightens the flavors in the coconut layer.

Tired of Takeout? 🥡

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

One email. No spam. Unsubscribe anytime.

Instructions

Boil the Agar:
In a saucepan, add agar-agar powder to water and whisk steadily over medium heat—it should fizz and look cloudy before it turns clear and thickens.
Add Sugar and Flavor:
Once dissolved, stir in sugar and, if using, the vanilla or your chosen extract; let the aroma waft up before removing from heat.
Divide and Tint:
Quickly split the liquid into six small bowls and swirl in food coloring—one drop at a time gives you perfect control.
Mold the Layers:
Pour the red jelly into your mold, tilting gently for evenness; after a few minutes, touch gently—it should just jiggle back and not stick to your finger before adding the next hue.
Repeat the Rainbow:
Layer on each color, waiting for the previous to set but not harden fully so the bonds stay seamless—feel free to chat, but watch the clock.
Coconut Cream Time:
In a clean pan, blend more agar-agar with water and coconut cream, heating slowly as the mixture thickens and starts to shimmer; don’t forget the pinch of salt.
Final Layer:
Pour the warm, fragrant coconut cream over the colorful base—go slowly as the heat can melt the top layer if rushed.
Chill Completely:
Let the cake rest at room temp, then refrigerate for at least an hour—it’ll softly spring back when ready.
Serve:
Loosen the edges with a knife or offset spatula, invert bravely onto a plate, and cut into slices or cubes—each piece is a little stained-glass treat.
Show-stopping agar-agar rainbow jelly cake with coconut cream, perfect for summer gatherings and naturally dairy-free and gluten-free. Save
Show-stopping agar-agar rainbow jelly cake with coconut cream, perfect for summer gatherings and naturally dairy-free and gluten-free. | pumpkinhearth.com
Show-stopping agar-agar rainbow jelly cake with coconut cream, perfect for summer gatherings and naturally dairy-free and gluten-free. Save
Show-stopping agar-agar rainbow jelly cake with coconut cream, perfect for summer gatherings and naturally dairy-free and gluten-free. | pumpkinhearth.com

The first time I unmolded a flawless jelly cake, it landed on the platter with a satisfying wobble, and the sunlight caught a dozen prisms inside. That table full of oohs and aahs is still one of my proudest kitchen victories, proof that small acts of patience really do pay off.

Agar-Agar Layering Secrets

If your kitchen is a bit drafty or you’re working with impatient helpers, setting times may shift. I always keep a timer handy and check the jiggle with a clean finger—if a fingerprint shows, give it another minute or two. Every layer truly rewards your attention, so don’t get distracted by your phone while pouring.

Creative Color Variations

Half the fun is picking your palette—sometimes I go for soft, watercolor shades, and other days, bright neons just look happier. Natural dyes like spirulina, beet, or turmeric are surprisingly vivid and add little flavor. If the mood strikes, try layering more than six colors, or blend two for a marbled surprise.

Tips for Unmolding and Serving

Unmolding only sounds daunting—if you run a thin knife around the edge and warm the mold briefly with your hands or a damp cloth, the cake pops free with a gentle shake.

  • Chill the cake well and peel away the sides slowly.
  • Use a sharp, thin-bladed knife for clean slices.
  • Serve extra coconut cream on the side for guests who like it extra rich.
Colorful rainbow jelly cake with agar-agar layers and creamy coconut cream, a dairy-free dessert that's as beautiful as it is delicious. Save
Colorful rainbow jelly cake with agar-agar layers and creamy coconut cream, a dairy-free dessert that's as beautiful as it is delicious. | pumpkinhearth.com
Colorful rainbow jelly cake with agar-agar layers and creamy coconut cream, a dairy-free dessert that's as beautiful as it is delicious. Save
Colorful rainbow jelly cake with agar-agar layers and creamy coconut cream, a dairy-free dessert that's as beautiful as it is delicious. | pumpkinhearth.com

Letting this cake shine on your table brings a playful burst of color and cheer—perfect for afternoons that need a little lift or a party centerpiece that gets everyone talking.

Recipe Q&A

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

Let each layer cool 5–8 minutes at room temperature until it is just set but still slightly tacky; this helps the next layer adhere without melting the one beneath.

Can I replace agar-agar with gelatin?

Agar-agar sets more firmly and is plant-based; gelatin will yield a softer texture and is not suitable for vegan or fully dairy-free needs. If using gelatin, reduce quantities and follow gelatin-specific bloom instructions.

How do I get even, vivid colors without affecting flavor?

Use concentrated natural food colorings or a few drops of gel color. Add only a small amount to keep flavors neutral; taste the base before tinting if using extracts like pandan or rose.

What mold shapes work best for neat slices?

Use a firm-sided rectangular or a 20 cm round mold for clean layers and easy slicing. A shallow, wide mold creates uniform layers and stable portions.

How long will the finished cake keep in the fridge?

Cover and refrigerate for up to 3 days. Keep it sealed to prevent drying and to protect from absorbing other fridge odors, especially due to the coconut cream layer.

Any tips to prevent bubbles in the layers?

Skim foam after boiling agar-agar and pour slowly over the back of a spoon. Tap the mold gently on the counter to release trapped air before the layer sets.

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

Silky agar-agar rainbow layers finished with coconut cream — dairy-free, gluten-free, chilled and ready to slice.

Prep duration
35 min
Time to cook
15 min
Time required
50 min
Created by Sarah Coleman


Skill required Medium

Cuisine origin Southeast Asian Fusion

Portions 8 Serves

Dietary info Plant-based, No dairy, Free from 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.

Gear Needed

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

Allergy warning

Read over each ingredient for allergies and check with your doctor when uncertain.
  • Contains coconut (tree nut allergen).
  • Gluten-free and dairy-free.
  • Always check food colorings and agar-agar packages for additional allergens.

Nutrition details per portion

This is for reference only. Contact your healthcare provider about any concerns.
  • Calorie count: 190
  • Fat content: 7 g
  • Carbohydrate: 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.