Agar-Agar Rainbow Jelly Cake

Featured in: Homemade Classics

This vibrant Agar-Agar Rainbow Jelly Cake features colorful layers of fruity jelly made with agar-agar, a vegetarian gelatin alternative. It's complemented by a rich coconut cream layer, creating a delightful dessert that's both visually stunning and delicious. Perfect for summer gatherings and celebrations, this treat is vegan and gluten-free, making it accessible for various dietary preferences. The preparation involves boiling agar-agar, conditioning the layers with food coloring, and cooling them in a cake pan, resulting in a refreshing dessert that's sure to impress your guests.

Updated on Fri, 12 Jun 2026 06:47:22 GMT
Vibrant agar-agar rainbow jelly cake with creamy coconut, a stunning vegan dessert. Save
Vibrant agar-agar rainbow jelly cake with creamy coconut, a stunning vegan dessert. | pumpkinhearth.com

There's something undeniably magical about watching vibrant colors transform into a beautiful dessert, and that's exactly what happened the first time I made this Agar-Agar Rainbow Jelly Cake. My kitchen was filled with laughter as my niece and I mixed the colors, arguing over who got to choose which flavor for each layer. The sounds of boiling water and the sweet aroma of coconut milk wafting through the air felt like summer itself. With every layer we poured, anticipation grew; it was as if we were crafting our very own edible sunset. This cake instantly became a favorite for our family gatherings, and it’s perfect for those sunny afternoons.

One of the most delightful memories tied to this cake was when we brought it to a family picnic. The looks on everyone's faces as we sliced through the layers was priceless—each colorful slice seemed to represent the joy of the day. The laughter mingled with the sounds of nature around us, creating an ambiance that made every bite taste even sweeter. It’s funny how such a vibrant dessert can bring out the child in all of us, sparking joy with just a single slice.

Ingredients

  • 2 liters water: Essential for dissolving the agar-agar; start with cold water to make it easier.
  • 16 g agar-agar powder: This vegan gelling agent gives the cake its unique texture—make sure it’s fully dissolved.
  • 400 g granulated sugar: Balances the flavors of the jelly layers perfectly, so don’t skimp on this.
  • 1/2 teaspoon vanilla extract: Adds a beautiful aromatic note to the jelly layers.
  • Gel food coloring: A little goes a long way; use red, orange, yellow, green, blue, purple for the rainbow.
  • 1/2 cup fruit juice: Optional for added flavor; use juices like orange, pineapple, or grape for a delicious twist.
  • 400 ml coconut milk: Full-fat gives that rich creamy texture which is absolutely irresistible.
  • 4 g agar-agar powder: Necessary for the coconut cream layer to set perfectly.
  • 40 g granulated sugar: Sweetens the coconut cream layer just enough.
  • Pinch of salt: Enhances all the flavors beautifully.

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:
In a large saucepan, combine the water and agar-agar powder. Bring to a boil over medium heat, stirring constantly until the agar-agar is completely dissolved.
Divide and Color Jelly:
Evenly divide the hot agar-agar mixture into six bowls and stir in your chosen gel food coloring. If you prefer a tangy flavor, add a splash of fruit juice to each color.
Assemble Layers:
Pour the first color into a rectangular cake pan and refrigerate for 10–12 minutes until just set. Repeat with the remaining colors, pouring gently over the previous layer.
Prepare the Coconut Cream:
In a clean saucepan, combine coconut milk, agar-agar powder, sugar, and salt; bring to a boil while stirring until the agar-agar dissolves. Allow it to cool for a few minutes.
Top with Coconut Cream:
Carefully pour the coconut cream over the final jelly layer, ensuring it's evenly spread. Set it all in the refrigerator for at least 2 hours to become firm.
Serve:
When ready to serve, loosen the edges with a thin knife and invert onto a serving plate. Slice and delight in each colorful piece!
Jiggly, layered agar-agar rainbow jelly cake with a luscious coconut topping. Save
Jiggly, layered agar-agar rainbow jelly cake with a luscious coconut topping. | pumpkinhearth.com

This dessert is a showstopper, but it became so much more when I realized how much joy it brought to those I shared it with. Watching loved ones gather around the table, engaging in cheerful chatter, and marveling at the layers, was a reminder that food is truly a connector of hearts.

Color Your World

Choosing your fruit juices can drastically alter the flavor profile. If you're feeling adventurous, try using unusual combinations like dragon fruit or passion fruit for a colorful twist!

Layering Techniques

The key to even layers is to pour gently and allow enough chilling time in between. If you're worried about layers blending, pour the next layer carefully over the back of a spoon.

Make it Unique

Experiment with fresh fruits between the layers for an added crunch. You can also use different shapes of molds if you're feeling creative in the kitchen!

  • Always have a clean workspace to avoid color bleeding.
  • Remember that patience is essential when layering to allow for distinct colors.
  • A glaze on top can elevate the dessert—try a light coat of simple syrup!
Slice this colorful agar-agar rainbow jelly cake, a perfect chilled summer treat. Save
Slice this colorful agar-agar rainbow jelly cake, a perfect chilled summer treat. | pumpkinhearth.com

This Agar-Agar Rainbow Jelly Cake is about more than just aesthetics—it’s a celebration of flavor and creativity. Enjoy making it just as much as you will enjoy sharing it!

Recipe Q&A

What is agar-agar?

Agar-agar is a vegetarian gelatin substitute derived from red algae, used to create jellies and desserts.

Can I use other flavors for the jelly layers?

Yes, you can use different fruit juices to flavor each jelly layer for variety.

How long does this dessert need to set?

The cake needs to chill for at least 2 hours to set completely before serving.

Can I make this dessert in advance?

Yes, this dessert can be prepared a day in advance and stored in the refrigerator.

Is this dessert suitable for kids?

Absolutely! This colorful dessert is a fun treat for children and safe for their diets.

How can I enhance the presentation?

You can top the cake with fresh fruit or edible flowers for a beautiful finish.

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

Colorful agar-agar jelly with creamy coconut layers, ideal for celebrations.

Prep duration
40 min
Time to cook
20 min
Time required
60 min
Created by Sarah Coleman


Skill required Medium

Cuisine origin Southeast Asian

Portions 8 Serves

Dietary info Plant-based, No dairy, Free from gluten

What you'll need

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)

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

Step 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 and stir in vanilla.

Step 02

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

Step 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. Gently pour the next color layer over the previous one. Repeat, alternating colors, chilling between each layer, until all colors are used.

Step 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.

Step 05

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

Step 06

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

Gear Needed

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

Allergy warning

Read over each ingredient for allergies and check with your doctor when uncertain.
  • Contains coconut (tree nut).

Nutrition details per portion

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