Table of Contents
Introduction: Layered Mango Coconut Agar Jelly
A Tropical Delight for Dessert Lovers
Imagine a dessert that transports you to a sun-drenched tropical paradise with every bite. These Creamy Coconut Mango Jelly Cups do just that, offering a refreshing and indulgent experience that captures the essence of exotic beaches and balmy weather. This no-bake dessert is perfect for any occasion, bringing the delightful flavors of coconut and mango together in a beautiful layered presentation. For more inspiration, check out No Bake Lemon Cheesecake Cups.
Incorporating agar jelly into your dessert repertoire not only elevates your dish but also provides a fun and easy way to create stunning visual effects. These jelly cups are a testament to how simple ingredients can be transformed into a show-stopping dessert with minimal effort. Whether you’re hosting a summer party or simply indulging in a mid-week treat, these cups are sure to impress.
Why You’ll Love This Recipe
This dessert is a treasure trove of flavors and textures. The creamy coconut milk jelly paired with the sweet, tangy mango puree creates a harmonious balance that dances on your palate. Not only is it visually appealing, but it’s also a healthier option compared to traditional desserts, thanks to the use of natural fruit and plant-based agar instead of gelatin. Plus, with no baking required, it’s a breeze to prepare, making it a perfect choice for busy schedules or beginner cooks.
In this recipe, you’ll discover how to make these delightful treats step-by-step, with tips on achieving the perfect texture and presentation. Whether you’re a tropical fruit enthusiast or a fan of easy-to-make desserts, these jelly cups will quickly become a favorite in your household.

Love easy home cooking like this? 🍔
Get simple American recipes, quick dinners and homemade desserts in your inbox every week. Free, no spam, unsubscribe anytime. See our Privacy Policy.
Ingredients
Essential Ingredients for Coconut Mango Jelly Cups
To create these delightful Coconut Mango Jelly Cups, you’ll need a few key ingredients that bring out the best of tropical flavors:
- 2 cups coconut milk
- 1 cup mango puree (fresh or canned)
- 1/4 cup sugar
- 2 tsp agar-agar powder
- 1/4 cup water
The coconut milk provides a rich, creamy base, while the mango puree adds a burst of fruity sweetness. Agar-agar is a plant-based gelling agent that ensures the perfect jelly texture without the need for gelatin.
Optional Add-ins for Extra Flavor
For those looking to add a personal touch or enhance the flavor profile, consider these optional add-ins:
- 1 tsp vanilla extract for a hint of warmth
- A pinch of salt to balance the sweetness
- Fresh mint leaves for garnish
These add-ins are optional but can elevate your dessert to a new level, offering a unique twist on the classic flavors.

Pro Tips
Creating the perfect jelly cups requires a few insider tips that ensure success every time. Here are some expert suggestions to guide you:
- Use fresh mangoes when in season for the best flavor and natural sweetness.
- Allow each layer to set completely before adding the next to achieve clean, distinct layers.
- Stir the agar-agar mixture continuously while heating to prevent clumping and ensure a smooth texture.
- Chill the jelly cups in the refrigerator for at least two hours for optimal firmness and flavor melding.
The most important tip is to be patient with the setting process. The wait is worth it for beautifully defined layers that make the dessert visually appealing.
Step-by-Step Instructions
Preparing the Mango Layer
Start by creating the vibrant mango layer. In a small saucepan, combine the mango puree and half of the sugar over medium heat. Stir until the sugar dissolves, then add half of the agar-agar powder. Continue stirring until the mixture begins to simmer and thickens slightly. Remove from heat and allow it to cool slightly before pouring into serving cups as the first layer.
Creating the Coconut Layer
Next, prepare the creamy coconut layer. In another saucepan, mix the coconut milk, remaining sugar, and a pinch of salt. Heat gently until the sugar dissolves. Add the remaining agar-agar powder and stir continuously until the mixture simmers and thickens. Remove from heat and let it cool slightly.
Assembling the Jelly Cups
Once the mango layer has set, gently pour the cooled coconut layer over the top. Repeat the layering process if desired to create additional layers. Once all layers are in place, refrigerate the cups for at least two hours, allowing the jelly to firm up completely.
Love easy home cooking like this? 🍔
Get simple American recipes, quick dinners and homemade desserts in your inbox every week. Free, no spam, unsubscribe anytime. See our Privacy Policy.
Serving Suggestions
Pairing with Other Tropical Desserts
These Coconut Mango Jelly Cups are a delightful addition to any dessert spread. Pair them with other tropical treats such as Cherry Lime Jelly Cake for a refreshing and colorful dessert table. The combination of flavors and textures will transport your guests to a tropical paradise.
Ideal Occasions for Serving
These jelly cups are perfect for summer barbecues, poolside parties, or any gathering where a light, refreshing dessert is desired. Their vibrant colors and tropical flavors make them a standout choice for any occasion.
For a different twist, try serving them alongside Coconut Peach Cobbler Overnight Oats for a delightful contrast of textures and flavors.
Nutritional Information
Calories and Macronutrients
Each serving of Coconut Mango Jelly Cups contains approximately 150 calories, making it a light dessert option. With around 28 grams of carbohydrates, 2 grams of protein, and 7 grams of fat, it provides a balanced treat that’s easy to enjoy without guilt.
Allergen Information
This recipe is naturally gluten-free and suitable for those avoiding dairy, as it uses coconut milk instead of traditional dairy products. Ensure that the agar-agar used is pure and free from any additives for a vegan-friendly dessert.
For more tropical dessert ideas, explore our Mango Coconut Agar Jelly Cups recipe.

Creamy Coconut Mango Jelly Cups
Equipment
- 1 small saucepan
- 1 whisk
- 8 serving cups clear glasses preferred
Ingredients
Mango Layer
- 1 cup mango puree
- 1/8 cup sugar
- 1 tsp agar-agar powder
Coconut Layer
- 2 cups coconut milk
- 1/8 cup sugar
- 1 tsp agar-agar powder
- Pinch of salt
Instructions
Preparation
- In a small saucepan, combine mango puree and sugar. Heat over medium heat until sugar dissolves. Add agar-agar powder, stirring constantly until mixture begins to simmer and thicken slightly. Remove from heat and let cool slightly.
- In another saucepan, mix coconut milk, sugar, and salt. Heat gently until sugar dissolves. Add agar-agar powder and stir until the mixture simmers and thickens. Remove from heat and cool slightly.
- Pour the cooled mango mixture into serving cups as the first layer. Allow it to set. Once set, add the coconut layer on top. Repeat the layering process if desired.
Serving
- Refrigerate the jelly cups for at least two hours before serving. Garnish with fresh mint leaves if desired.
Storage
- Store any leftover jelly cups in the refrigerator for up to three days, ensuring they are covered to prevent drying out.
Notes
FAQ
Can I use gelatin instead of agar-agar?
Agar-agar is a plant-based alternative to gelatin and is perfect for those following a vegetarian or vegan diet. While you can use gelatin, the texture might differ slightly, and you’ll need to adjust the quantity. Usually, 1 tsp of agar-agar is equivalent to about 1 1/2 tsp of gelatin. Ensure to dissolve it fully for the best texture.
How can I make the mango layer smoother?
To achieve a smoother mango layer, ensure that the mango puree is free from any chunks by blending it thoroughly. You can also strain the puree through a fine-mesh sieve to remove any fibrous bits. This step will give you a silky, smooth finish, enhancing the jelly’s overall texture.
Enjoyed this recipe? Leave a review!
There are no reviews yet. Be the first one to write one.




