Rainbow Jelly Cake with Coconut

Featured in: Warm Weekend Brunch Plates

This layered jelly cake uses agar-agar to set six thin, colorful jelly tiers, each poured and allowed to partially set before adding the next. A warm coconut-cream gel is poured over the finished rainbow stack and chilled until firm. Expect bright, silky slices with a springy bite; total active time is under an hour plus chilling. Ideal for gatherings; can be tinted naturally and kept refrigerated up to 3 days.

Updated on Thu, 23 Apr 2026 07:40:57 GMT
Vibrant rainbow jelly cake with agar-agar layers and creamy coconut cream topping, perfect for colorful dessert spreads. Save
Vibrant rainbow jelly cake with agar-agar layers and creamy coconut cream topping, perfect for colorful dessert spreads. | wheatkettle.com

An unexpected craving for something cheerful led me to create this Rainbow Jelly Cake one humid afternoon, the curtains casting colored stripes across my kitchen. I remember the gentle fizz of agar-agar simmering and the way the scent of sweet coconut floated through the room. Every layer turned into a conversation with myself about color, patience, and a little bit of play. As the cake chilled, it became a centerpiece as much for its vibrant look as its bouncy, creamy promise. Making it felt oddly meditative—even if I did end up with food coloring on nearly every fingertip.

This jelly cake first made an appearance at my friend’s summer potluck, where every guest paused in front of it, wide-eyed with smiles. I remember the moment someone asked, “Did you really make that?”, and the bashful pride that bubbled up as rainbow slices disappeared faster than I’d ever seen a dessert vanish.

Ingredients

  • Agar-agar powder: This plant-based gelling agent is the secret to those satisfyingly firm layers—dissolve it thoroughly or the texture will be uneven.
  • Water: Acts as the canvas for both jelly and coconut layers; use filtered water if possible for a clean finish.
  • Granulated sugar: Balances the earthiness of agar and brings each hue to life—taste as you go for your preferred sweetness.
  • Food colorings (red, orange, yellow, green, blue, purple): The magic behind the rainbow—just a drop or two goes far, and swirling gently creates even, jewel-bright colors.
  • Vanilla extract (optional): Adds gentle warmth; I sometimes skip it to let the coconut and colors take the lead.
  • Coconut cream: Makes the final layer rich and creamy—whisk well to prevent lumps for perfect smoothness.
  • Salt: One pinch is all you need to lift the sweetness and round out the flavors—don’t forget it!

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:
Pour agar-agar powder into your saucepan and mix with water, then bring to a lively simmer while stirring, listening for the gentle sizzle and watching the powder dissolve.
Sugar and Scent:
Once the agar-agar melts completely, stir in granulated sugar and vanilla, savoring how the liquid turns glossy and aromatic.
Colorful Divide:
Take the pan off the heat, dividing the glowing liquid into six bowls; add a drop of color to each and swirl until they’re vivid and bright.
Layer and Wait:
Pour your red layer gently into the mold—the surface will quiver slightly—then set a timer and let it almost firm up before you add orange, then yellow, green, blue, and finally purple.
Make Coconut Cream Layer:
In a fresh saucepan, whisk together coconut cream, water, and agar-agar powder; watch as steam puffs up, then stir in sugar and salt, keeping the heat low for a smooth mix.
Top it Off:
When your last color layer feels springy but not hard, pour the warm coconut layer over all, filling in every color contour.
Chill:
Pop the mold into the fridge—the hardest part is waiting for it to set completely, which takes about an hour.
Unmold and Serve:
With a small offset spatula, loosen the cake's edge and invert it with a deep breath; slice into jewel-like pieces to serve cold on a hot day.
Save
| wheatkettle.com

Once, while slicing into the finished jelly cake, a neighbor’s child wandered into my kitchen, transfixed by the swirling rainbow. Their absolute delight, eyes wide with giddy anticipation, made every extra minute spent perfecting my layers feel entirely worth it.

Getting Your Layers Just Right

Patience is your best sous chef here—the difference between sharp, defined colors and a blurred rainbow is often just three minutes between pours. Keep an eye on the surface: it should be set enough to hold the next layer, but still a touch tacky for that seamless finish.

Choosing the Perfect Mold

I usually reach for a round mold for a softer, cloud-like look, but rectangular pans make slicing easier and show off those striated layers beautifully. If you want to unmold without stress, a quick dip of the base in warm water loosens the cake in seconds.

Troubleshooting Rainbow Mishaps

Mistakes happen—once, I forgot to dissolve the sweetener fully and found crunchy crystals in one slice, so now I double-check each mixture before layering. Slight surface bubbles? Skim them with a spoon for a glassy top. Even if one layer goes wonky, the whole cake still tastes like a celebration.

  • Rest your agar-agar between layers so it doesn’t harden before pouring.
  • If coconut cream forms lumps, a quick whisk over low heat smooths it out.
  • Never skip chilling time for the neatest, cleanest slices.
Layered agar-agar rainbow jelly cake in red, orange, yellow, green, blue, and purple, finished with silky coconut cream. Save
Layered agar-agar rainbow jelly cake in red, orange, yellow, green, blue, and purple, finished with silky coconut cream. | wheatkettle.com

No matter how many times I make this, watching each rainbow slice catch the light makes me smile. I hope your kitchen is filled with as much color and laughter as mine was the day I first pulled this from the fridge.

Common Recipe Questions

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

Let each layer cool 5–8 minutes until it is just set but still slightly warm to the touch. This ensures the next layer adheres without melting the lower layer; if a layer firms too much, warm the mold slightly or pour more slowly.

Can I use natural food colorings for the jelly?

Yes. Concentrated plant extracts and powders (like beet, turmeric, butterfly pea, spinach or carrot reductions) work well. Natural colors may be less intense, so use stronger infusions or reduce water slightly to deepen hue.

How do I avoid color bleeding between layers?

Allow each layer to reach a soft set before adding the next. Pour the next color gently over the back of a spoon or along the mold wall to reduce impact. Avoid pouring hot gel directly onto a chilled surface, and keep pouring temperature moderate.

What can I use instead of coconut cream?

Use full-fat coconut milk for a lighter top layer (reduce added water), or a neutral plant cream if you want less coconut flavor. For a richer finish, use thicker canned coconut cream. Avoid dairy if you want to keep it non-dairy.

How should I slice the set cake for clean pieces?

Chill the cake until completely firm, then use a sharp knife warmed in hot water and wiped dry between cuts. Clean the blade after each slice for neat edges and consistent portions.

How long will the finished cake keep?

Stored covered in the refrigerator, the cake keeps well for up to 3 days. Avoid freezing, as freezing can change the texture of agar-agar and cause weeping when thawed.

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

Silky agar-agar jelly layers in rainbow colors topped with rich coconut cream. Dairy- and gluten-free, ideal for summer.

Prep Duration
35 minutes
Cook Duration
15 minutes
Overall Time
50 minutes
Created by Lillian Roberts


Skill Level Medium

Cuisine Type Southeast Asian Fusion

Makes 8 Portions

Diet Info Meat-Free, No Dairy, No Gluten

What You Need

Agar-Agar Jelly Layers

01 Agar-agar powder — 2 tablespoons
02 Water — 3 3/4 cups
03 Granulated sugar — 1 cup
04 Red food coloring — a few drops
05 Orange food coloring — a few drops
06 Yellow food coloring — a few drops
07 Green food coloring — a few drops
08 Blue food coloring — a few drops
09 Purple food coloring — a few drops
10 Vanilla extract — 1 teaspoon (optional)

Coconut Cream Layer

01 Coconut cream — 1 2/3 cups
02 Water — 3/4 cup plus 1 1/2 tablespoons
03 Agar-agar powder — 2 tablespoons
04 Granulated sugar — 1/2 cup
05 Salt — pinch

Steps

Step 01

Prepare clear agar base: Combine 2 tablespoons agar-agar powder and 3 3/4 cups water in a medium saucepan. Bring to a boil over medium heat, stirring constantly until the agar dissolves completely (about 3 minutes). Reduce heat if the mixture foams.

Step 02

Sweeten the base: Stir 1 cup granulated sugar and 1 teaspoon vanilla extract (if using) into the hot agar mixture until the sugar is fully dissolved. Remove the pan from heat.

Step 03

Divide and tint: Pour the clear agar liquid into six heatproof bowls, dividing evenly. Add a few drops of red, orange, yellow, green, blue and purple food coloring to each bowl and mix until the color is uniform.

Step 04

Build the rainbow layers: Pour the red mixture into an 8-inch round or similarly sized rectangular mold. Let the layer cool 5–8 minutes at room temperature until it is just set but still slightly tacky. Repeat with the orange, yellow, green, blue and purple colors, allowing each layer to become just set before adding the next so layers adhere cleanly.

Step 05

Prepare coconut cream gel: Wipe the saucepan clean. Combine 2 tablespoons agar-agar powder with 3/4 cup plus 1 1/2 tablespoons water and 1 2/3 cups coconut cream. Warm gently over medium-low heat, stirring until the agar dissolves and the mixture reaches a gentle simmer. Add 1/2 cup sugar and a pinch of salt, stirring until dissolved.

Step 06

Top with coconut layer: When the final colored layer is fully set, very gently pour the warm coconut cream mixture over the rainbow layers, distributing it evenly to avoid disturbing the colors. Allow the assembled cake to cool to room temperature.

Step 07

Chill until firm: Refrigerate the mold for at least 1 hour, or until completely firm. To unmold, run a thin knife around the edges, invert onto a serving plate and ease the cake out carefully.

Step 08

Portion and serve: Slice into neat wedges or cut into cubes and serve chilled. Store any leftovers covered in the refrigerator.

Essential Gear

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

Allergy Notice

Read each ingredient label for allergens and talk to a professional if you're unsure.
  • Contains coconut (tree nut allergen)
  • Check food colorings and agar-agar packaging for possible cross-contact with other allergens

Nutrition Details (per serving)

Details here are for general info and aren't meant as medical advice.
  • Kcal: 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.