Agar-Agar Rainbow Jelly Cake

Featured in: Sweet & Toasty Treats

This Agar-Agar Rainbow Jelly Cake features stunning layers of colorful jelly made with agar-agar, complemented by a rich coconut cream layer. It's perfect for celebrations and is vegan and gluten-free. To prepare, dissolve agar-agar in water, mix in sugar, and create vibrant jelly layers by adding food coloring and fruit juice for natural flavor. Layer the jelly in a rectangular cake pan, refrigerating between each color. Top with a silky coconut cream that sets beautifully in the fridge. This cake is a visual and flavorful delight that keeps well and impresses guests!

Updated on Wed, 13 May 2026 07:22:11 GMT
Vibrant agar-agar rainbow jelly cake with creamy coconut layers, perfect served chilled. Save
Vibrant agar-agar rainbow jelly cake with creamy coconut layers, perfect served chilled. | toastytongs.com

On a particularly warm summer afternoon, the kitchen was filled with laughter and a sense of vibrant excitement as I decided to try my hand at making a colorful Agar-Agar Rainbow Jelly Cake. The idea sparked when I saw a friend's jaw drop as she served up a visually stunning dessert at a family gathering, and I knew I wanted to share a similar delight with my loved ones. The bright colors evoke joy, and the layers of fruity flavors and creamy coconut seem to dance on the plate. The process is a bit intricate, but oh, the smiles it brings are well worth every whisk and pour! And just wait until you hear the giggles from the kids as the wobbly layers jiggle on the table!

Once, during a family barbecue, I brought this dessert, and it became the star of the show. As I sliced into the rainbow cake, children gathered, wide-eyed and eager, pointing out their favorite colors and flavors. One little cousin even declared it a 'magic cake,' because it shimmered in the sunlight and brought such laughter to our outdoor picnic. That day, we not only enjoyed a delicious dessert but also shared stories and created memories that still make me smile.

Ingredients

  • 2 liters water: The base for dissolving the agar-agar, it's crucial for that perfect jelly texture.
  • 16 g agar-agar powder: This seaweed-based thickener is what helps our jelly set beautifully.
  • 400 g granulated sugar: Sweetness is key, balancing the fruity layers with just the right amount.
  • 1/2 teaspoon vanilla extract: Adds a wonderful warmth to the jelly that enhances all the flavors.
  • Gel food coloring: Choose your favorite rainbow hues to brighten up the dessert.
  • 1/2 cup fruit juice: Optional, but a lovely touch for those who want an extra burst of flavor.
  • 400 ml coconut milk: The star of the creamy layer, lending smooth richness to the cake.
  • 4 g agar-agar powder (for coconut cream): A smaller amount is needed here to set the cream layer.
  • 40 g granulated sugar: Just a hint of sweetness to enhance the coconut flavor.
  • Pinch of salt: A tiny pinch elevates the overall taste.

Tired of Takeout? 🥡

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

One email. No spam. Unsubscribe anytime.

Instructions

Prepare the Jelly Base:
Start by combining the water and agar-agar in a large saucepan. Bring it to a boil, stirring to ensure the agar-agar dissolves completely, then mix in sugar and vanilla until well blended.
Divide and Color Jelly:
Carefully divide the hot mixture into bowls. Add different food coloring to each bowl, stirring until you achieve your desired rainbow shades.
Assemble Layers:
Pour the first layer into a pan and chill until just set before adding the next color. It's satisfying to see the colors come to life, each layer building anticipation.
Prepare the Coconut Cream:
In another saucepan, combine coconut milk, agar-agar, sugar, and salt. Bring this mixture to a gentle boil, stirring until everything is smoothly integrated.
Top with Coconut Cream:
Let the coconut layer cool slightly, then pour it over the last jelly layer. Patience is vital here to allow all layers to perfect before chilling!
Serve:
To remove the jelly cake, gently run a knife around the edges before inverting it onto a plate. Slice into squares and enjoy the rainbow!
Dazzling agar-agar rainbow jelly cake glistens with light, topped by smooth, white coconut cream. Save
Dazzling agar-agar rainbow jelly cake glistens with light, topped by smooth, white coconut cream. | toastytongs.com
Dazzling agar-agar rainbow jelly cake glistens with light, topped by smooth, white coconut cream. Save
Dazzling agar-agar rainbow jelly cake glistens with light, topped by smooth, white coconut cream. | toastytongs.com

Making this cake is more than just a cooking task; it transforms into an event. I love how every layer feels like an invitation to reconnect with friends and family, turning simple ingredients into something magical. Each layer of jelly, a reminder that joy can be crafted patiently, one bright color at a time.

A Colorful Kitchen Adventure

Creating the layers of this cake is a playful and often giggly experience. The process invites creativity, as you can experiment with colors and flavors—just like an artist with a blank canvas. It’s a wonderful way to involve the kids, who get excited about choosing their favorite colors!

Flavor Variations

If you want to switch things up, consider using different juices for flavoring—think mango, berry, or even lavender for a fragrant twist. You can also sneak diced fruits between layers for surprising bits of texture and flavor. These simple adjustments can make each rainbow cake unique!

Presentation Tips

Presenting this cake is half the fun! To dazzle your guests, garnish with fresh mint leaves or tropical fruits. A little drizzle of coconut cream on the plate can make for a lovely touch too!

  • Slice with a hot knife for clean cuts.
  • Use a colorful serving plate to match your cake.
  • Have fun with topping ideas like shredded coconut or edible flowers.

Sleek agar-agar rainbow jelly cake showing off bright, fruity layers ready for dessert. Save
Sleek agar-agar rainbow jelly cake showing off bright, fruity layers ready for dessert. | toastytongs.com
Sleek agar-agar rainbow jelly cake showing off bright, fruity layers ready for dessert. Save
Sleek agar-agar rainbow jelly cake showing off bright, fruity layers ready for dessert. | toastytongs.com

This Agar-Agar Rainbow Jelly Cake is more than just a dessert; it’s a delicious burst of color and joy that unites everyone around the table!

Recipe FAQ

What is agar-agar?

Agar-agar is a gelatinous substance derived from seaweed, used as a thickening agent in cooking and baking, particularly in vegan dishes.

Can I use other types of milk?

Yes, you can substitute full-fat coconut milk with any plant-based milk of your choice, just be sure to adjust the sweetness accordingly.

How can I make the colors more vibrant?

For stronger colors, use gel food colorings instead of liquid variants. This will help achieve vivid hues in your jelly layers.

How long does the cake need to set?

The jelly cake requires at least 2 hours in the refrigerator after assembling, to ensure all layers are fully set before serving.

Is this dessert suitable for children?

Absolutely! This dessert is not only visually appealing with its rainbow colors but also vegan and gluten-free, making it a great treat for kids.

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.

Agar-Agar Rainbow Jelly Cake

A beautiful agar-agar jelly cake layered with coconut cream.

Prep duration
40 min
Cook duration
20 min
Complete duration
60 min
Created By Daniel Brooks


Skill Level Medium

Heritage Southeast Asian

Output 8 Portions

Dietary considerations Plant-Based, No Dairy, No Gluten

Components

Jelly Layers

01 2 liters water
02 16 g agar-agar powder (about 2 tablespoons)
03 400 g granulated sugar
04 1/2 teaspoon vanilla extract
05 Gel food coloring (red, orange, yellow, green, blue, purple)
06 1/2 cup fruit juice per color (optional, for flavor variation: e.g., orange, pineapple, grape juice)

Coconut Cream Layer

01 400 ml coconut milk (full-fat)
02 4 g agar-agar powder (about 1/2 tablespoon)
03 40 g granulated sugar
04 Pinch of salt

Directions

Phase 01

Prepare the Jelly Base: In a large saucepan, combine 2 liters of water and 16 g agar-agar powder. Bring to a boil over medium heat, stirring constantly until agar-agar is fully dissolved. Add 400 g sugar and stir until dissolved. Remove from heat, stir in vanilla.

Phase 02

Divide and Color Jelly: Evenly divide the hot agar-agar solution into six bowls (you may keep bowls warm set over hot water to prevent setting). Add a few drops of different food coloring to each bowl for a rainbow effect. Optionally, add 1/2 cup of fruit juice to each for natural flavor.

Phase 03

Assemble Layers: Pour the first colored layer into a rectangular cake pan (about 9x13 inches). Refrigerate for 10–12 minutes, or until just set (surface should not stick when touched). Gently pour the next color layer over the previous one. Repeat, alternating colors, chilling between each layer, until all colors are used.

Phase 04

Prepare the Coconut Cream: In a clean saucepan, combine 400 ml coconut milk, 4 g agar-agar powder, 40 g sugar, and a pinch of salt. Stir well and bring to a boil; simmer for 2–3 minutes until agar-agar dissolves.

Phase 05

Top with Coconut Cream: Let the coconut cream cool for 3–5 minutes, then pour gently over the final set jelly layer. Allow cake to set completely in the refrigerator, at least 2 hours.

Phase 06

Serve: To release, gently loosen edges with a thin knife and invert onto a serving plate. Slice and serve chilled.

Tools needed

  • Large saucepan
  • Mixing bowls
  • Measuring cups and spoons
  • Rectangular cake pan or silicone mold
  • Whisk
  • Thin spatula or knife

Allergy details

Review each ingredient for potential allergens and consult with a healthcare professional if you're uncertain.
  • Contains coconut (tree nut).
  • Recipe is dairy-free and gluten-free.
  • Always check packaging for traces of allergens if highly sensitive.

Nutritional information (per portion)

These values are approximate guidelines only and shouldn't replace professional medical guidance.
  • Energy: 180
  • Fats: 7 g
  • Carbohydrates: 30 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.