Rainbow Jelly Cake with Agar-Agar

Featured in: Kitchen Daily Picks

This vibrant multi-layered dessert builds silky agar-agar jelly in six rainbow colors, set layer by layer, then finished with a warm coconut cream agar layer. Each thin layer is cooled until just set before pouring the next to keep sharp edges. Chill until fully firm, loosen the mold and invert for neat slices. Ideal for summer gatherings; use natural colorings and try pandan or rose for subtle flavor twists.

Updated on Thu, 07 May 2026 04:11:24 GMT
Beautiful Rainbow Jelly Cake with Agar-Agar and Coconut Cream, ready to serve. Pin It
Beautiful Rainbow Jelly Cake with Agar-Agar and Coconut Cream, ready to serve. | akalbites.com

The first time I made a Rainbow Jelly Cake, a kaleidoscope of colors instantly lifted the mood in my kitchen. The faint, tropical aroma of coconut cream greeted me as I hovered over the simmering saucepan. There’s something strangely meditative about slowly layering the shades, waiting for each hue to set while stealing glances at how the stripes transformed. I even caught my neighbor’s kids peeking in through the window, giggling over the parade of bowls lined up on the counter. It’s the kind of dessert that turns a regular afternoon into an unexpected celebration.

I remember assembling this cake for a summer potluck—sticky fingers and all—while a chorus of “oohs” and “wows” erupted as I unmolded it. Nothing brings people together like the suspense of revealing perfectly stacked, shimmering rainbow layers.

Ingredients

  • Agar-agar powder: Essential for that firm, elegantly bouncy texture that sets each layer beautifully; whisk briskly to avoid tiny clumps.
  • Granulated sugar: Brings subtle sweetness but keep stirring until all the grains dissolve for a clear jelly finish.
  • Water: Acts as the canvas, so measure carefully for the right firmness—too much, and it won’t hold the shape.
  • Food colorings: Choose bold gel or natural tints, and use a light hand at first—it’s easier to deepen than to reverse a color.
  • Vanilla extract (optional): Adds a whisper of warmth if you want a gentle backdrop for the fruity shades.
  • Coconut cream: The thick, creamy layer is what makes every slice memorable—shake the can well before using to ensure consistency.
  • Salt: Just a pinch sharpens the coconut flavor so it’s never flat or overly sweet.

Tired of Takeout? 🥡

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

One email. No spam. Unsubscribe anytime.

Instructions

Make the jelly base:
Combine agar-agar powder and water in a saucepan, stirring as the mixture heats until it’s clear and no specks remain. The kitchen fills with a floral aroma—add sugar and vanilla extract, stirring until glossy and smooth.
Color and divide:
Remove from heat, then divide equally into six bowls. Tint each with a different food coloring, swirling gently so the colors gleam without bubbles.
Layer the rainbow:
Pour one colored bowl at a time into the mold starting with red. Wait for each to just set—touch it, and if it barely gives, you’re ready for the next color.
Create the coconut cream:
In a clean pan, mix agar-agar powder, water, and coconut cream, bringing to a gentle simmer. Stir in sugar and a pinch of salt until everything melds together and the coconut scent deepens.
Top the cake:
After the final jelly layer has set, slowly pour over the warm coconut cream mixture—move the mold a little to even out the surface. Let it cool and finish setting on the counter.
Chill and unmold:
Refrigerate at least one hour. Run a thin spatula around the edge before inverting onto a plate for that satisfying moment of reveal.
Serve it up:
Slice carefully with a sharp knife, letting each piece show off its layers. Serve the slices ice-cold for the most refreshing texture.
Vibrant, layered Rainbow Jelly Cake topped with creamy coconut, a visually stunning dessert. Pin It
Vibrant, layered Rainbow Jelly Cake topped with creamy coconut, a visually stunning dessert. | akalbites.com
Vibrant, layered Rainbow Jelly Cake topped with creamy coconut, a visually stunning dessert. Pin It
Vibrant, layered Rainbow Jelly Cake topped with creamy coconut, a visually stunning dessert. | akalbites.com

The first time my friend tasted this, she honestly just stared at her plate for a good minute before taking a bite—sometimes, a dish becomes a memory all on its own.

When to Serve Rainbow Jelly Cake

This cake has made appearances on humid afternoons, kids’ birthdays, and as a cool finish to fiery curries at family get-togethers. I’ve learned it’s just as welcome on casual picnics as at fancier dinner parties—serve it anywhere smiles are needed.

Making Layers Without Stress

Here’s my favorite trick: set a timer for each layer and tidy up between pours. Pause to wipe out drips, and it becomes almost a meditative process rather than a rush to the finish.

Ingredient Substitutions and Fun Extras

Swapping in rose or pandan extract for the vanilla completely changes the mood of the cake, and I love experimenting with natural color powders like beetroot or spirulina. Sometimes I tuck in a berry or edible flower just before the coconut layer for a little surprise inside.

  • Remember to use food-safe colors if little ones will be enjoying the cake.
  • If you don’t have coconut cream, coconut milk works—just expect a softer bite.
  • Let each layer set fully on the counter before chilling so condensation doesn’t cloud the colors.
Silky Rainbow Jelly Cake with Agar-Agar, highlighted by a creamy, white coconut topping. Pin It
Silky Rainbow Jelly Cake with Agar-Agar, highlighted by a creamy, white coconut topping. | akalbites.com
Silky Rainbow Jelly Cake with Agar-Agar, highlighted by a creamy, white coconut topping. Pin It
Silky Rainbow Jelly Cake with Agar-Agar, highlighted by a creamy, white coconut topping. | akalbites.com

No matter how many times I make this, revealing those neat, cheerful stripes never fails to make me grin. Here’s to sharing slices of pure color and a bit of wonder.

Recipe FAQs

How do I ensure clean, even layers?

Pour each colored agar mixture into the mold and let it cool until just set but still slightly tacky (about 5–8 minutes). This helps the next layer adhere without melting the previous one. Work quickly and level each layer with a spatula if needed.

Can I substitute agar-agar with gelatin?

Agar-agar sets firmer and at room temperature, producing a slightly different texture from gelatin. If using gelatin, expect a softer, more wobbly set and adjust quantities per package instructions; chilling requirements also differ.

How do I get vibrant yet natural colors?

Use concentrated natural food colorings or vegetable-based colors sparingly—start with a few drops and increase to taste. Beet for red, carrot or turmeric for orange/yellow, spinach for green and butterfly pea for blue provide vivid hues without artificial additives.

What keeps the coconut cream layer from seeping into the jelly?

Allow the final colored layer to fully firm in the fridge before pouring the warm coconut cream agar. Pour gently and from a low height to avoid disturbing the surface; a slightly cooled but still pourable coconut mix helps maintain defined layers.

How should I store leftovers?

Cover the finished cake and refrigerate for up to 3 days. Keep it chilled to maintain firmness; return slices to the fridge between servings to preserve texture and clean edges.

Any tips for slicing and serving?

Loosen edges with a thin knife and invert onto a plate. For neat slices, chill until very firm, then use a hot, dry knife wiped between cuts to get clean edges and prevent smearing of layers.

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 rainbow agar-agar layers topped with coconut cream—dairy- and gluten-free, chilled for clean slices.

Prep Time
35 minutes
Time to Cook
15 minutes
Total Duration
50 minutes
Recipe by Ethan Jacobs


Skill Needed Medium

Cuisine Southeast Asian Fusion

Makes 8 Portions

Diet Preferences Vegan-Friendly, 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

How-To

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.

What You'll Need

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

Allergy Details

Review each ingredient for possible allergens and speak to your healthcare provider if unsure.
  • Contains coconut (tree nut allergen).
  • Gluten-free and dairy-free.
  • Always check food colorings and agar-agar packages for additional allergens.

Nutrition (per portion)

Details here are just for reference and not a substitute for professional advice.
  • Kcal: 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.