The Best Fluffy Pancakes recipe you will fall in love with. Full of tips and tricks to help you make the best pancakes.
Introduction
Some desserts manage to surprise you with every spoonful. Vietnamese Coconut Coffee Jelly Delight is one of those rare treats that combines rich coffee flavor, silky coconut creaminess, and a refreshing jelly texture into one unforgettable dessert.
Inspired by the bold coffee culture of Vietnam, this recipe captures the essence of a traditional Vietnamese iced coffee while transforming it into a stunning layered dessert. The contrast between the slightly bitter coffee jelly and the sweet, creamy coconut layer creates a balance that feels both indulgent and refreshing.
Whether you’re looking for a unique summer dessert, an elegant make-ahead treat for guests, or simply a new way to enjoy your daily coffee, this recipe delivers. Best of all, it requires no baking, making it perfect for warm weather and busy schedules.
The finished dessert features glossy coffee jelly cubes suspended alongside creamy coconut jelly, creating beautiful visual layers that look impressive yet are surprisingly simple to prepare.

Why You’ll Love This Recipe
- No baking required
- Perfect make-ahead dessert
- Inspired by authentic Vietnamese coffee flavors
- Light and refreshing despite its rich taste
- Beautiful presentation with minimal effort
- Budget-friendly ingredients
- Easy enough for beginners
- Great for summer gatherings
- Naturally gluten-free
- Customizable sweetness level
Ingredients
Coffee Jelly Layer
- 2 cups strong brewed coffee
- 2 tablespoons instant espresso powder
- ⅓ cup granulated sugar
- 2 teaspoons agar agar powder
- ½ cup water
Coconut Jelly Layer
- 2 cups full-fat coconut milk
- ½ cup sweetened condensed milk
- ¼ cup granulated sugar
- 2 teaspoons agar agar powder
- ½ cup water
- 1 teaspoon vanilla extract
Garnish
- 2 tablespoons toasted coconut flakes
- Cocoa powder for dusting
- Coffee beans for decoration (optional)
- Whipped coconut cream (optional)

Instructions
Step 1: Prepare the Coffee Base
In a medium saucepan, combine the brewed coffee, espresso powder, and sugar. Stir until dissolved.
In a separate bowl, whisk the agar agar powder with water until smooth.
Add the agar mixture to the coffee mixture and place over medium heat. Bring to a gentle simmer while stirring constantly.
Cook for 2 to 3 minutes until completely dissolved.
Step 2: Set the Coffee Jelly
Pour the coffee mixture into a lightly greased square dish or container.
Allow it to cool slightly before transferring to the refrigerator.
Chill for approximately 45 minutes or until fully set.
Step 3: Make the Coconut Layer
In a clean saucepan, combine coconut milk, condensed milk, sugar, and vanilla extract.
Mix the agar agar powder with water separately until smooth.
Add the agar mixture to the coconut mixture and heat over medium heat.
Stir continuously until the mixture reaches a gentle simmer.
Cook for 2 to 3 minutes until fully dissolved.
Step 4: Cool Slightly
Allow the coconut mixture to cool for about 10 minutes. It should remain pourable but not hot enough to melt the coffee jelly.
Step 5: Create the Layers
Remove the coffee jelly from the refrigerator.
Cut half of the coffee jelly into small cubes.
Reserve some cubes for serving.
Pour the coconut mixture over the remaining coffee jelly layer or alternate layers in individual serving glasses.
Add coffee jelly cubes throughout for a decorative layered appearance.
Step 6: Chill Again
Place the dessert into the refrigerator for 2 to 3 hours until fully firm.
Step 7: Garnish and Serve
Top with toasted coconut flakes, a light cocoa dusting, and optional whipped coconut cream.
Serve chilled.
Pro Tips
Brew Coffee Stronger Than Usual
Jelly naturally softens flavors. Making a stronger coffee base ensures the coffee notes remain bold after chilling.
Use Full-Fat Coconut Milk
Full-fat coconut milk creates a luxurious texture that mimics premium café desserts.
Avoid Boiling Excessively
Agar works best when dissolved completely but prolonged boiling can affect texture.
Layer at the Right Temperature
The coconut mixture should be warm but not hot when poured over coffee jelly to preserve clean layers.
Use Clear Glasses
Transparent serving glasses showcase the beautiful contrast between dark coffee jelly and creamy coconut layers.
Variations
Mocha Coconut Jelly
Add one tablespoon of cocoa powder to the coffee mixture for a chocolate-infused version.
Pandan Coconut Coffee Jelly
Infuse the coconut layer with pandan extract for a fragrant Southeast Asian twist.
Vietnamese Salted Coffee Jelly
Add a small pinch of sea salt to the coconut layer to replicate the popular salted coffee trend.
Caramel Coconut Coffee Jelly
Drizzle homemade caramel sauce between layers for extra richness.
Tropical Fruit Version
Top with diced mango or fresh lychee for a refreshing tropical finish.
Serving Suggestions
Vietnamese Coconut Coffee Jelly Delight is versatile enough for many occasions.
Serve it:
- After a spicy Asian-inspired dinner
- As a summer barbecue dessert
- At brunch gatherings
- Alongside iced coffee
- With butter cookies
- As an elegant dinner-party finale
For a café-style presentation, serve in stemmed dessert glasses with a sprinkle of toasted coconut and a single coffee bean on top.
Storage & Reheating
Storage
Store covered in the refrigerator for up to 5 days.
Keep individual servings sealed to prevent absorption of refrigerator odors.
Freezing
Freezing is not recommended because the jelly texture may become grainy after thawing.
Reheating
This dessert is designed to be served chilled and does not require reheating.
If the jelly becomes too firm, allow it to sit at room temperature for 10 minutes before serving.
Common Mistakes to Avoid
Using Weak Coffee
Weak coffee creates a bland dessert lacking the bold flavor that makes this recipe special.
Not Dissolving Agar Completely
Undissolved agar can leave unpleasant lumps throughout the jelly.
Pouring Hot Coconut Mixture Over Jelly
Excess heat may melt or distort the coffee layer.
Rushing the Chilling Process
Proper chilling ensures clean cuts and beautiful presentation.
Using Light Coconut Milk
Reduced-fat versions often produce a less creamy and satisfying texture.
Cultural Context and Fun Facts
Vietnam is famous for its vibrant coffee culture. Vietnamese coffee is traditionally brewed using a metal drip filter called a phin and is often combined with sweetened condensed milk.
Coffee became popular in Vietnam during the French colonial period and eventually evolved into a unique national tradition. Today, Vietnam ranks among the world’s largest coffee producers.
Coffee jelly itself has roots in various Asian countries, where gelatin and agar-based desserts are commonly enjoyed for their refreshing qualities. Combining coffee jelly with coconut cream brings together two beloved Southeast Asian ingredients into one modern dessert.
The use of agar agar instead of gelatin is also common throughout Asia, making this dessert suitable for many vegetarian diets.

FAQs
Can I use gelatin instead of agar agar?
Yes. Replace agar agar with unflavored gelatin according to package directions, though the texture will be softer.
What type of coffee works best?
Strong brewed Vietnamese coffee, espresso, or dark roast coffee provides the richest flavor.
Can I make this dessert ahead of time?
Absolutely. It actually tastes better after chilling overnight.
Is it very sweet?
The sweetness is balanced by the coffee’s bitterness. You can reduce sugar if desired.
Can I make it dairy-free?
Yes. Replace condensed milk with sweetened condensed coconut milk.
Why is my jelly too soft?
Insufficient agar agar or incomplete heating may prevent proper setting.
Final Thoughts
Vietnamese Coconut Coffee Jelly Delight transforms everyday coffee into a sophisticated dessert that’s both refreshing and indulgent. The silky coconut layer, bold coffee notes, and delicate jelly texture create a memorable combination that feels straight out of a trendy café.
Whether you’re entertaining guests or simply treating yourself, this easy no-bake dessert delivers impressive results with surprisingly little effort. Once you experience the contrast of creamy coconut and aromatic coffee in every spoonful, it’s likely to become a permanent addition to your dessert collection.

Vietnamese Coconut Coffee Jelly Delight
Ingredients
Equipment
Method
- Prepare and cook the coffee jelly mixture.
- Chill until set and cut into cubes.
- Prepare coconut layer, assemble, and chill until firm.



