Vibrant Agar-Agar Jelly Cake

Featured in: Year-Round Favorites

Experience a stunning agar-agar rainbow jelly cake layered with luscious coconut cream. This eye-catching dessert features vibrant colors and natural flavors. Begin by preparing the jelly base with agar-agar powder, sugar, and water, adding gel food colorings for a rainbow effect. After setting, top with a smooth coconut cream layer made from coconut milk and sweetener. Perfect for gatherings, this vegan and gluten-free delight is a refreshing treat for summer.

Updated on Mon, 20 Jul 2026 17:38:33 GMT
Vibrant rainbow agar-agar jelly cake with creamy coconut topping. Save
Vibrant rainbow agar-agar jelly cake with creamy coconut topping. | tastyhrira.com

Creating the Agar-Agar Rainbow Jelly Cake with Coconut Cream brings back memories of summer picnics filled with laughter and sunshine. As the vibrant layers glisten in the light, I can almost hear the excitement in the voices of my friends as they eagerly anticipate that first bite. It’s a dessert that transforms an ordinary gathering into a celebration, sparking joy with every colorful slice. The aroma of coconut mingling with sweet fruit juices is nothing short of enchanting. This dessert, with its delightful textures and flavors, is like a canvas for my creativity in the kitchen.

Once, while making this cake for a friend's birthday, I accidentally spilled a drop of gel food coloring—just a tiny splash—but it created a beautiful marbling effect in the jelly that turned out even better than I intended. Everyone marveled at the unexpected beauty, which reminded me that sometimes, happy accidents lead to the best moments in cooking.

Ingredients

  • Water: A key ingredient for dissolving the agar-agar and forming the jelly base.
  • Agar-Agar Powder: This seaweed-based thickener transforms liquids into a delightful jelly without the need for gelatin.
  • Granulated Sugar: Adds sweetness, balancing the flavors of the coconut and fruit.
  • Vanilla Extract: Enhances the overall aroma and taste of the jelly layers.
  • Food Coloring: Essential for that vibrant, rainbow effect; gel colors work best!
  • Fruit Juice: Optional, but it adds a natural layer of flavor that complements the sweetness.
  • Coconut Milk: Provides a rich, creamy texture to the top layer; full-fat yields the best results.
  • Salt: Just a pinch to enhance all the sweet 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 2 liters of water and 16 g agar-agar powder. Bring to a boil, stirring constantly, until the agar is fully dissolved, then add 400 g sugar and vanilla, stirring until smooth.
Divide and Color Jelly:
Divide the hot agar solution into six bowls, keeping them warm if possible. Add a few drops of different gel food coloring to each bowl, and if you wish, mix in 1/2 cup of fruit juice for added flavor.
Assemble Layers:
Pour the first colored layer into a rectangular cake pan and refrigerate until just set, about 10–12 minutes. Gently pour the next color layer and repeat the process until all colors are layered.
Prepare the Coconut Cream:
In another saucepan, combine coconut milk, 4 g agar-agar powder, 40 g sugar, and a pinch of salt. Bring to a boil, stirring well, and simmer until the agar dissolves.
Top with Coconut Cream:
Let the coconut cream cool slightly before pouring it over the jelly layers. Allow the entire cake to set in the refrigerator for at least 2 hours.
Serve:
Loosen the edges of the cake with a thin knife, invert it onto a serving plate, and slice to serve chilled.
Agar-agar rainbow jelly cake adorned with luscious coconut cream swirls. Save
Agar-agar rainbow jelly cake adorned with luscious coconut cream swirls. | tastyhrira.com
Agar-agar rainbow jelly cake adorned with luscious coconut cream swirls. Save
Agar-agar rainbow jelly cake adorned with luscious coconut cream swirls. | tastyhrira.com

Every time I serve this cake, I’m reminded that it's more than just a dessert; it’s a vibrant centerpiece that evokes smiles and sparks conversations among friends and family alike. It’s a joyful experience to watch everyone’s eyes light up as they discover the flavors matching the colors.

Flavors of Celebration

The beauty of this rainbow jelly cake is how it allows for creativity in layering flavors and colors. Don’t hesitate to try different juices or alternative sweeteners; the joy of experimentation is what makes cooking truly fun!

Finding the Right Balance

The key to the perfect texture lies in the coconut cream layer, which needs to be poured carefully so as not to disturb the jelly underneath. You can adjust the sweetness by using less sugar or switching to a sugar alternative, depending on your taste preferences.

Extra Tips for Success

Taking the time to ensure each layer is set properly will yield beautiful results.

  • Feel free to add slices of fresh fruit between layers for added texture.
  • Have all your ingredients measured out before you start, it's a colorful production!
  • A smooth, gentle pour is crucial when adding the coconut cream layer.

Celebrate with this visually stunning agar-agar rainbow jelly cake slice. Save
Celebrate with this visually stunning agar-agar rainbow jelly cake slice. | tastyhrira.com
Celebrate with this visually stunning agar-agar rainbow jelly cake slice. Save
Celebrate with this visually stunning agar-agar rainbow jelly cake slice. | tastyhrira.com

This vibrant cake, with its layers of color and flavor, is bound to be a show-stopping addition to any gathering. Embrace the joy of making it and enjoy the smiles it brings!

Recipe Questions & Answers

What is agar-agar?

Agar-agar is a vegetarian gelatin substitute derived from red algae, commonly used as a thickening agent in desserts.

Can I use other types of milk?

Yes, you can substitute the coconut milk with other plant-based milks if desired, adjusting the sweetness as necessary.

How can I add flavor to the jelly layers?

You can mix fruit juices, like orange or pineapple, into each jelly layer for added flavor and natural sweetness.

What can I serve with this dessert?

This colorful jelly cake pairs beautifully with fresh fruits or whipped coconut cream for an extra touch.

Is this dessert suitable for kids?

Absolutely! Kids enjoy its fun colors and flavors, making it a great choice for family gatherings and celebrations.

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.

Vibrant Agar-Agar Jelly Cake

A gorgeous agar-agar dessert with coconut cream.

Prep time needed
40 minutes
Time to cook
20 minutes
Overall time
60 minutes
Recipe by Sophia Barnes

Recipe type Year-Round Favorites

Skill level Medium

Cuisine type Southeast Asian

Total yield 8 Number of servings

Diet Preferences Plant-based, No dairy, No gluten

What you 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, 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

How to make it

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

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

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

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 pour gently over the final set jelly layer. Allow cake to set completely in the refrigerator, 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.

Needed tools

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

Allergy details

Always check every item for allergens. If unsure, please talk to a professional.
  • Contains coconut (tree nut).
  • Recipe is dairy-free and gluten-free.
  • Always check packaging for traces of allergens if highly sensitive.

Nutrition details (each serving)

Nutritional data here is just for general reference. It shouldn't replace health advice.
  • Caloric value: 180
  • Fat content: 7 grams
  • Carbohydrates: 30 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.