Colorful Jelly Cake with Coconut

Featured in: Baking & Sweet Creations

This Agar-Agar Rainbow Jelly Cake is a stunning dessert that brings joy to any celebration. It features vibrant layers of colorful agar-agar jelly made from a simple mixture of water, agar-agar powder, and sugar, optionally infused with fruit juices for a delightful twist. Topped with a creamy coconut layer, it’s vegan and gluten-free, making it perfect for everyone. Assembly is easy: pour colored layers into a rectangular cake pan, refrigerate, and finish with a silky coconut cream. Set for a couple of hours and enjoy chilled for a refreshing treat!

Updated on Tue, 21 Jul 2026 14:24:06 GMT
Vibrant Agar-Agar Rainbow Jelly Cake with creamy coconut swirls, party-ready. Pin it
Vibrant Agar-Agar Rainbow Jelly Cake with creamy coconut swirls, party-ready. | soupbuffer.com

The first time I stumbled upon agar-agar was in a small Asian market, surrounded by colorful packets promising all sorts of culinary miracles. Intrigued, I brought home a few, not entirely sure of how to use them, but determined to create something vibrant and whimsical. One hot summer’s afternoon, inspired by a craving for a cool dessert, I decided to dive into making a multi-layered jelly cake that would dance with colors and flavors. The kitchen soon filled with laughter as I experimented, turning my countertop into a canvas of fruity hues and creamy delights. Friends gathered around, and together we created a dish that was equal parts playful and delicious, the kind of treat that invites everyone to step into summer joy.

As I finished layering the vibrant jellies, I could hear the excitement in my friends' voices as they envisioned how this confection would steal the show at our next get-together. It wasn’t just a dessert; it was a creative collaboration that turned a hot day into an adventure filled with colorful delights. When we finally cut into the cake, the cheers that erupted filled my heart with warmth, transforming a simple treat into a shared experience we'll remember for years.

Ingredients

  • 2 liters water: This is the base that gives life to our jellies, a blank canvas ready to be colorfully infused.
  • 16 g agar-agar powder: Essential for creating the jelly’s unique texture, remember to stir thoroughly until completely dissolved.
  • 400 g granulated sugar: Sweetness is key; adjust to your taste for a balanced flavor.
  • 1/2 teaspoon vanilla extract: This little addition enhances the overall flavor, adding depth to the sweet layers.
  • Gel food coloring: Use gel over liquid for stronger colors that gracefully stand out in each layer.
  • 1/2 cup fruit juice per color: For a fun lift in flavor, this optional ingredient brightens the jellies beyond their vibrant appearance.
  • 400 ml coconut milk: Full-fat brings that rich creaminess so essential for the topping layer.
  • 4 g agar-agar powder: A smaller amount here ensures the coconut cream has the right set without overwhelming the dish.
  • 40 g granulated sugar: Sweeten the cream layer to pair perfectly with the fruitiness of the jellies.
  • Pinch of salt: Just a small dash elevates the flavors beautifully, grounding the sweetness.

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 with 16 g of agar-agar powder. Bring to a boil over medium heat, stirring constantly until it’s smooth and dissolved.
Divide and Color Jelly:
Pour the hot agar-agar solution evenly into six bowls. Mix in different food coloring to each bowl, creating your rainbow colors.
Assemble Layers:
Pour the first colored layer into a rectangular cake pan and refrigerate for about 10-12 minutes until it’s just set. Repeat the process by gently layering the next color and chilling between each layer.
Prepare the Coconut Cream:
In another clean saucepan, blend 400 ml coconut milk with 4 g of agar-agar powder and 40 g of sugar, stirring until boiling. Allow it to simmer for 2-3 minutes for the agar to dissolve well.
Top with Coconut Cream:
Let the coconut cream cool for a few minutes, then pour it carefully over your set jelly layers. Chill in the refrigerator for at least 2 hours to allow it to set completely.
Serve:
To serve, run a thin knife around the edges to loosen before inverting onto a plate. Slice into portions and enjoy chilled.
Sweet rainbow agar-agar layers topped with fluffy coconut cream, a refreshing treat. Pin it
Sweet rainbow agar-agar layers topped with fluffy coconut cream, a refreshing treat. | soupbuffer.com
Sweet rainbow agar-agar layers topped with fluffy coconut cream, a refreshing treat. Pin it
Sweet rainbow agar-agar layers topped with fluffy coconut cream, a refreshing treat. | soupbuffer.com

Every time I make this rainbow jelly cake, it becomes something more than just a dessert; it evolves into a centerpiece of joy and laughter around the table. The combination of colors, flavors, and the fun of making it together brings everyone closer.

Layering the Joy

Layering this cake is akin to wrapping a gift; each layer reveals a new surprise that adds to the overall experience. The joy that erupts once the final piece is served is like Christmas morning, with everyone anticipating their turn to try the next vibrant slice.

A Dish for Celebration

This rainbow jelly is perfect for summer celebrations or any occasion. Its lightness and refreshing nature make it a wonderful palate cleanser after a hearty meal.

Small Tips for Big Impact

Here are a few insights from my kitchen adventures with this dish:

  • Use silicone molds for fun shapes if you want individual servings.
  • Feel free to layer in diced fruits for added texture.
  • Always remember to adjust sweetness based on your fruit juices used.
Beautifully layered agar-agar jelly cake glistening with tropical coconut cream, perfect dessert. Pin it
Beautifully layered agar-agar jelly cake glistening with tropical coconut cream, perfect dessert. | soupbuffer.com
Beautifully layered agar-agar jelly cake glistening with tropical coconut cream, perfect dessert. Pin it
Beautifully layered agar-agar jelly cake glistening with tropical coconut cream, perfect dessert. | soupbuffer.com

This agar-agar rainbow jelly cake is more than dessert; it’s a celebration of color and creativity that leaves a lasting impression. Bring it out at your gatherings, and watch the smiles unfold.

Recipe FAQs

What is agar-agar?

Agar-agar is a vegetarian gelatin substitute derived from seaweed, commonly used in Asian desserts.

How do you store the cake?

The cake should be stored in the refrigerator and is best enjoyed within 3-4 days.

Can I use different flavors for the jelly layers?

Yes, you can add different fruit juices to the agar-agar mixture for natural flavors!

Is this dessert suitable for children?

Absolutely! It’s a fun and colorful treat that kids love.

Can I make individual servings?

Yes, this dessert works beautifully in silicone molds for easy individual portions.

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.

Colorful Jelly Cake with Coconut

A vibrant dessert of layered jelly and coconut cream.

Prep Time
40 minutes
Time to Cook
20 minutes
Overall Time
60 minutes
Created by Audrey Taylor


Skill Level Medium

Cuisine Type Southeast Asian

Makes 8 Portions

Diet Preferences Plant-Based, No Dairy, No 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, 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

Steps

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.

Tools Needed

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

Allergy Info

Review all components for allergens and talk to your health provider if unsure.
  • Contains coconut (tree nut).
  • Recipe is dairy-free and gluten-free.
  • Always check packaging for traces of allergens if highly sensitive.

Nutrition Details (per portion)

Details are for general guidance. Always seek expert healthcare advice.
  • 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.