Sweet wobbly coffee jelly topped with milk for the perfect coffee drink with a twist! An easy fuss-free way to make coffee jelly, make it straight in your glass.
If you want a dessert that feels fun but asks for almost no effort, coffee jelly is such a good one to keep in your fridge. It is cool, smooth, wobbly, and creamy once the milk hits the glass.
I started making this on lazy café-testing days when I wanted something between an iced latte and a dessert cup. At TuCha, I’m always playing with drinks that have texture, and this one has that soft spoonable wobble I love.
After a few tests with coffee strength and jelly texture, I found that sweet spot where it tastes bold but still feels light. It is simple, chilled, and a little fancy without making a fuss.
What is coffee jelly?
Coffee jelly is essentially a coffee mixture set with a gelling agent like gelatine or agar-agar.
Originally common in Britain and America, coffee jelly is now most commonly found in Japan! The Japanese love coffee jelly, aka kohii zerii (コーヒーゼリー), so much that it is available in most cafes, supermarkets and convenience stores.
I can’t blame them though, what’s not to love about sweet, wobbly coffee-flavored jelly, and when served with milk it makes the perfect coffee-flavored drink!
How do you make coffee jelly?
Coffee jelly is so easy to make, however, this recipe makes it even easier by making the jelly directly in the glass.
Coffee jelly is made of four main components: coffee, sugar, gelatine, and water. These ingredients are melted and combined together before being set.
The sweetness of the jelly can be adjusted by adding more or less sugar, as can the coffee intensity.
Traditionally the coffee is cut into cubes and served with cream, or sweetened milk.
On the other hand, Japanese coffee jelly is typically served with whipped cream. I like to serve mine with milk and another shot of espresso for a drink that is almost like a jelly latte.
At-a-Glance Specs – What You’ll Need Before We Start Rolling
| Yield | Prep Time | Cook Time | Difficulty | Storage |
| 1 glass | 10 minutes | 0 minutes | Easy | Chill for 2 to 3 hours. Plain jelly keeps covered in the fridge for up to 4 days. Once milk is added, enjoy the same day |
Ingredients
Coffee Jelly
- Instant coffee powder: Any kind of instant coffee powder will work. You can increase or decrease the amount of coffee to suit your preferences
- Powdered gelatine: Powdered gelatin or gelatine is perfect for this as it is easy and convenient. All you need to do is dissolve the powder into boiling water. You can also replace this with other vegetarian gelling agents. Powders like kanten powder or agar agar powder can be used to make this vegan.
- Granulated sugar: Sugar is needed to sweeten the jelly and prevent it from being overly bitter from the coffee. You can also adjust this according to your preferences.
- Boiling water: Water forms the base of your jelly. Make sure you use boiling water as this will help to dissolve the gelatine and coffee. If the gelatine doesn’t fully dissolve you can microwave it for 20 seconds or so until completely dissolved.
Optional – My Favourite Extras That Add a Little Magic
- Condensed milk
Drizzle it over the jelly for a sweet, creamy dessert cup. Keep the jelly a little less sweet if you use this. - Whipped cream
Add a soft spoonful on top for a café-style finish. It makes the jelly feel light and dessert-like. - Brown sugar syrup
Add a little when serving for a boba-shop flavour. It gives the drink a deeper caramel note. - Cocoa powder
Dust a little over whipped cream for a mocha-style finish. It looks simple but polished. - Chocolate shavings
Add a few curls on top if serving this as a dessert cup. Coffee and chocolate always know what they are doing. - Coconut condensed milk
Use this for a dairy-free dessert-style version. It works beautifully with the coffee flavour.
Substitutions – Smart Ingredient Swaps That Still Taste Amazing
- Gelatine powder
Swap with agar-agar or kanten for a vegetarian version. Agar sets firmer and needs to be boiled or simmered to activate. - Instant coffee powder
Swap with strong hot brewed coffee. Make sure it is hot enough to dissolve the gelatine. - Whole milk
Swap with oat, soy, almond, or coconut milk. Oat milk gives a lovely creamy feel. - Granulated sugar
Swap with brown sugar, maple syrup, or sugar syrup. Add liquid sweeteners after setting if you want more control. - Espresso
Swap with cold brew, but warm part of the cold brew first to dissolve the setting agent. Cold brew gives a smoother coffee flavour. - Condensed milk
Swap with coconut condensed milk for a dairy-free dessert-style version. It gives a creamy finish without dairy.
Instructions
- Combine the instant coffee powder, gelatine powder, and sugar in your glass of choice.
- Add the boiling water.
- Stir until the coffee, sugar, and gelatine are fully dissolved.
- If there are undissolved granules at the bottom, microwave the glass for 20 to 30 seconds.
- Stir again until smooth.
- Skim off any foam on top if you want a cleaner surface.
- Place the glass in the fridge.
- Chill for 2 to 3 hours, or until fully set.
- When ready to serve, break the jelly gently with a spoon if making a drink.
- Add ice cubes.
- Pour over milk.
- Add sweetener if desired.
- Add a shot of espresso if you want a stronger coffee jelly latte.
- Stir and enjoy cold.
Coffee Jelly Cubes
- Double or triple the recipe.
- Prepare a rectangular mould or baking dish.
- Combine the instant coffee powder, gelatine powder, and sugar in a small saucepan.
- Add the boiling water.
- Heat over medium heat until everything is fully dissolved.
- Pour the mixture into the mould.
- Chill for 2 to 3 hours, or until set.
- Run the outside of the mould under warm water for a few seconds.
- Cut the jelly into cubes.
- Serve with condensed milk, whipped cream, milk, or ice cream.
Troubleshooting – Quick Fixes I’ve Learned from My Bakery Kitchen
| Issue | Why It Happens | Quick Fix |
| Jelly did not set | Gelatine did not dissolve or jelly was not chilled long enough | Stir until fully dissolved and chill for 2 to 3 hours |
| Jelly is grainy | Coffee or gelatine granules settled at the bottom | Microwave briefly, then stir again before chilling |
| Jelly is too firm | Too much gelatine or agar was used | Use less setting agent next time |
| Jelly tastes too bitter | Coffee is too strong or not enough sugar was added | Add milk, condensed milk, or sugar syrup when serving |
| Milk drink tastes watery | Milk was added too early or jelly released liquid | Add milk only when serving |
Comparison – How This Recipe Stacks Up Against Other Desserts
| Dessert | Texture and Flavour | When I’d Make It |
| Coffee jelly | Cool, wobbly, creamy, bittersweet | When I want an easy coffee dessert drink |
| Coffee panna cotta | Creamy, smooth, rich, soft-set | When I want a more elegant plated dessert |
| Iced latte | Smooth, milky, bold, drinkable | When I want coffee without dessert texture |
| Milk tea with boba | Creamy, chewy, sweet, playful | When I want a fun café-style drink |
Tips – My Personal Tricks for a Professional-Looking Result
Count the Chill Time
This recipe only takes about 10 minutes to mix, but the jelly still needs time to set.
Give it 2 to 3 hours in the fridge. A deep glass may take a little longer than a shallow dish.
Dissolve Everything Fully
Coffee jelly should be smooth, not grainy.
Stir until the coffee, sugar, and gelatine are fully dissolved. If you see tiny specks at the bottom, warm it again and stir before chilling.
Skim the Foam
If foam forms on top after stirring, skim it off before the jelly goes into the fridge.
It is a small café trick, but it gives the top a clean, glossy look. This is the kind of tiny detail that makes a drink look ready for camera.
Use a Coffee Strength Guide
Use 1 teaspoon instant coffee for a softer latte-style jelly.
Use 1.5 to 2 teaspoons if you want a stronger coffee hit. If I am adding condensed milk or ice cream, I like the jelly a little bolder so the coffee does not get lost.
Break the Jelly Gently
Once the jelly is set, use a spoon to break it into soft chunks.
Large chunks feel more dessert-like. Smaller chunks feel more like a bubble tea topping.
Add Milk Right Before Serving
Plain coffee jelly keeps better than coffee jelly mixed with milk.
Keep the jelly chilled on its own. Add milk, cream, or condensed milk when you are ready to serve.
Warm Cold Brew Before Mixing
Cold brew tastes smooth, but it is cold, and gelatine needs warmth to dissolve.
Warm a small amount first, dissolve the gelatine or agar, then mix it with the rest. This keeps the flavour smooth without risking a sad unset jelly.
Treat Agar-Agar Differently
Agar-agar is not gelatine’s quiet little twin.
It sets firmer and needs to be boiled or simmered to activate. Follow the packet ratio and expect a cleaner, firmer bite.
Cut Cubes Based on How You Serve Them
Small cubes are best for drinks because they move through the straw more easily.
Larger cubes are better for dessert bowls because they look neat and feel more spoonable.
Use Decaf for Night-Time Dessert
Coffee jelly still has caffeine unless you use decaf coffee.
If I’m serving this after dinner, I use decaf so everyone gets the wobble without the midnight coffee regrets.
Variations – Fun Twists and Flavours Inspired by My TuCha Dessert Experiments
Coffee Jelly Latte
Set the coffee jelly in a glass, break it up gently, then add ice, milk, and espresso.
It tastes like an iced latte that decided to have a little fun. This is my favourite version when I want coffee and dessert in one cup.
Vegan Coffee Jelly
Use agar-agar or kanten instead of gelatine.
Serve it with oat, soy, almond, or coconut milk. The texture will be firmer than gelatine jelly, but it is still cool and refreshing.
Filipino-Style Coffee Jelly
Cut the jelly into cubes and mix it with condensed milk and cream.
It is sweeter, creamier, and more dessert-like than the Japanese café style. Serve it cold in small cups for an easy party dessert.
Cold Brew Coffee Jelly
Use cold brew for a smoother coffee flavour.
Warm part of the cold brew first so the gelatine or agar can dissolve properly. Then mix it back with the rest before chilling.
Brown Sugar Coffee Jelly
Add brown sugar syrup when serving.
It gives the drink a soft caramel note and a boba-shop feel. Very low effort, very café at home.
Mocha Coffee Jelly
Serve the jelly with chocolate milk or a drizzle of chocolate sauce.
Coffee and chocolate already know they belong together. Add whipped cream if you want it to feel more like a dessert cup.
Coffee Jelly Milk Tea
Add small coffee jelly cubes to milk tea instead of boba.
The coffee gives a light bitter note that balances creamy tea. It is playful, smooth, and very TuCha-coded.
Affogato Coffee Jelly
Spoon coffee jelly cubes into a bowl and add vanilla ice cream.
Pour a little espresso over the top right before serving. It is cold, creamy, bitter, sweet, and a little dramatic in the best way.
Coconut Coffee Jelly
Serve coffee jelly with coconut milk and coconut condensed milk.
The coconut softens the coffee flavour and gives the drink a smooth tropical finish. I love this when I want something dairy-free but still creamy.
Layered Coffee Jelly Cups
Set coffee jelly in the bottom of small glasses, then add milk jelly or cream on top.
It looks clean and café-style with very little effort. Just make sure the first layer is fully set before adding the next.
Serving Suggestions – How I Like to Present This for Maximum Wow
Serve It as a Jelly Latte
Break the set jelly into chunks, add ice, pour over milk, and finish with espresso.
It looks lovely in a clear glass because you can see the dark coffee jelly and pale milk swirl together.
Add Condensed Milk
Drizzle condensed milk over coffee jelly cubes for a sweet, creamy dessert.
Keep the jelly less sweet if you plan to serve it this way. The coffee should still shine through.
Top with Whipped Cream and Cocoa
Add softly whipped cream and a light dusting of cocoa powder.
It feels like a tiny coffee mousse cup without the extra work. Simple, neat, and spoon-friendly.
Pair with Vanilla Ice Cream
Spoon coffee jelly cubes into a bowl and add vanilla ice cream.
The jelly gives a cool coffee bite, and the ice cream makes it creamy and soft. It is such a good lazy dessert.
Make Mini Dessert Cups
Set the jelly in small cups for parties or afternoon tea.
Top each one with cream, milk, or condensed milk just before serving. They look polished but still feel easy.
Add It to Milk Tea
Cut the jelly into small cubes and add it to milk tea or brown sugar milk.
It gives the drink a soft wobble instead of the chew of boba. It is playful, café-style, and very TuCha.
Serve After a Rich Meal
Coffee jelly is cool, light, and not too heavy.
It works beautifully after dinner when you want something sweet but not a full cake moment. The coffee keeps it fresh.
Style It in a Clear Glass
Use a clear glass so the jelly and milk layers show.
This is the easiest social-friendly trick. If it looks cute before stirring, you have already won half the dessert battle.
Serve with Chocolate Shavings
Add a few chocolate shavings over whipped cream.
The chocolate melts softly against the cold cream and bitter coffee. It makes the cup feel finished without much work.
Serve as a Make-Ahead Party Dessert
Set the jelly in small cups the day before.
Add cream, milk, or toppings just before guests arrive. It keeps the day calm, which is my favourite kind of hosting.
Common Mistakes to Avoid – Lessons I’ve Learned After Dozens of Batches
Forgetting the Chill Time
The jelly may mix in 10 minutes, but it does not set in 10 minutes.
Let it chill for 2 to 3 hours. Coffee jelly needs time to become its wobbly little self.
Not Dissolving the Gelatine
If gelatine granules sit at the bottom, the jelly can set unevenly.
Use boiling water and stir well. If needed, microwave briefly and stir until smooth.
Treating Agar Like Gelatine
Agar-agar needs to be boiled or simmered to set properly.
If you only stir it into warm liquid, it may not work. Agar is brilliant, but it has rules.
Adding Milk Too Early
Milk makes the drink creamy, but it shortens the storage time.
Keep the jelly plain until serving. Add milk or cream only when you are ready to drink it.
Making the Jelly Too Sweet
Coffee jelly needs a little bitterness.
If you are adding condensed milk, ice cream, or flavoured milk, keep the jelly less sweet. You can always add more sweetness later.
Cutting Cubes Too Soon
If the jelly is not fully set, the cubes will break apart.
Chill until firm, then cut with a sharp knife. Small cubes work best for drinks.
Using Weak Coffee with Lots of Milk
Milk softens the coffee flavour.
If you want a bold coffee jelly drink, make the jelly stronger or add espresso when serving. Otherwise, the coffee can disappear into the dairy crowd.
Skipping the Foam Skim
Foam on top can set into the jelly and make the surface look messy.
Skim it off before chilling if you want a clean café-style top. It is not hard, just easy to forget.
Freezing Coffee Jelly
Freezing can ruin the smooth wobble.
The texture can turn watery or broken after thawing. Keep coffee jelly in the fridge instead.
Leaving Milk-Mixed Jelly Too Long
Plain jelly lasts longer, but milk changes the storage game.
Once milk, cream, or condensed milk is added, enjoy it the same day. Fresh is best for flavour and food safety.
Frequently Asked Questions
Why Didn’t My Coffee Jelly Set?
The gelatine may not have dissolved fully, or the jelly may not have chilled long enough.
If using agar-agar, it may not have been boiled properly. Next time, make sure the setting agent is fully dissolved before chilling.
Can I Use Agar-Agar Instead of Gelatine?
Yes, but the method changes.
Agar needs to be boiled or simmered to activate. It also sets firmer than gelatine, so the jelly will have a cleaner bite and less wobble.
Can I Make This Coffee Jelly Vegan?
Yes.
Use agar-agar or kanten instead of gelatine. Serve it with oat, soy, almond, or coconut milk.
Can I Use Brewed Coffee Instead of Instant Coffee?
Yes, brewed coffee works well.
Use strong hot coffee so the gelatine can dissolve properly. If the coffee is not hot enough, dissolve the gelatine separately first.
Can I Use Cold Brew?
Yes, but warm part of it first.
Cold brew tastes smooth and less bitter, but the setting agent still needs heat. Warm a small amount, dissolve the gelatine or agar, then mix it with the rest.
How Long Does Coffee Jelly Take to Set?
Most coffee jelly needs 2 to 3 hours in the fridge.
A deep glass may take longer than a shallow dish. If you want neat cubes, chill until the jelly feels fully firm.
How Long Does Coffee Jelly Last?
Plain coffee jelly can last up to 4 days in the fridge when covered.
Once you add milk, cream, or condensed milk, enjoy it the same day. Milk-based drinks are best fresh.
Does Coffee Jelly Have Caffeine?
Yes, unless you use decaf coffee.
If you are serving it at night or to someone who is sensitive to caffeine, use decaf instant coffee or decaf brewed coffee.
Can I Make Coffee Jelly Cubes?
Yes.
Set the jelly in a shallow rectangular dish, then cut it into cubes once firm. Use small cubes for drinks and larger cubes for dessert bowls.
Why Is My Coffee Jelly Grainy?
The coffee, sugar, or gelatine did not fully dissolve.
Next time, stir well with boiling water. If you see granules before chilling, microwave briefly and stir again.
Can I Make It Less Bitter?
Yes.
Use less coffee, add a little more sugar, or serve it with milk, condensed milk, or ice cream. Coffee jelly should taste bold, but it should not taste like punishment.
Can I Make It Less Sweet?
Yes.
Reduce the sugar in the jelly, then sweeten later with syrup or condensed milk if needed. This is the safest way to control the final drink.
Can I Use Coffee Jelly in Milk Tea?
Yes, and it is very good.
Cut the jelly into small cubes and add it to milk tea, brown sugar milk, or an iced latte. It gives the drink a fun soft texture without needing boba.
How Long Does Coffee Jelly Last After Adding Milk?
Once milk, cream, or condensed milk is added, enjoy it the same day.
Plain coffee jelly keeps longer, but milk-based drinks taste best fresh and cold.
Can I Freeze Coffee Jelly?
I would not freeze it.
The texture can turn watery and broken once thawed. Coffee jelly is best stored covered in the fridge.
What Is the Best Coffee for Coffee Jelly?
Instant coffee is easy and works well.
For a smoother flavour, use strong brewed coffee or cold brew. Just make sure the liquid is hot enough at some point to dissolve the gelatine or activate the agar.
Can I Make Coffee Jelly for a Party?
Yes, it is a great make-ahead dessert.
Set the jelly the day before and keep it covered in the fridge. Add milk, cream, condensed milk, or toppings right before serving.
Let’s Get Cooking
If you liked this recipe make sure to leave me a comment and rating down below. I’d love to know how it went! Also, don’t forget to tag me on Instagram @catherine.desserts.
Follow me on Facebook, Pinterest, YouTube, and TikTok for more of my baking creations and updates!
Easy Coffee Jelly Recipe
Sweet wobbly coffee jelly topped with milk for the perfect coffee drink with a twist! An easy fuss-free way to make coffee jelly, make it straight in your glass.
- Prep Time: 10 minutes
- Total Time: 10 minutes
- Yield: 1 glass 1x
- Category: Drink
- Method: Easy
- Cuisine: Japanese
Ingredients
Coffee Jelly
- 1 tsp Instant coffee powder
- 1 tsp Gelatin powder
- 1 tbsp Granulated sugar
- 3/4 cup Boiling water
Assembly in a Glass
- 1 cup Whole milk, or any milk alternative
- 1 shot of Espresso (optional)
- Sweetener i.e. sugar syrup (optional)
Assembly as a Dessert
- Condensed milk (optional)
- Whipped cream (optional)
Instructions
Coffee Jelly in a Glass
- Combine the instant coffee powder, gelatin powder, and sugar together in your glass of choice
- Add the boiling water and stir until the mixture is completely dissolved (If there are still undissolved granules at the bottom of the glass place it in the microwave for 20-30 seconds to fully dissolve)
- Place the glass in the fridge to chill for 2-3 hours, or until completely set
Assembly in a Glass
- Top the jelly with ice cubes and milk
- Add any sweeteners and pour over an additional shot of espresso, if desired
- Enjoy!
Coffee Jelly Cubes
- Click the 2X button to double the recipe
- Prepare a rectangular mold
- Combine the instant coffee powder, gelatin powder and sugar in a small saucepan
- Add the boiling water and heat over medium heat until everything is completely dissolved
- Pour the mixture into your rectangular mold, chill for 2-3 hours until set
Assembly as a Dessert
- Run the outside of the rectangular mold in hot water to help you unmold the jelly
- Cut into cubes and place in a bowl or glass
- Top with a drizzle of condensed milk, a swirl of whipped cream, and a dusting of cocoa powder
- Enjoy!
This was so fun and yummy! I had agar agar powder and had to use 3 tsp. to get it to set up. I am excited to try with gelatin and compare. Thank you for this recipe!
Top site ,.. amazaing post ! Just keep the work on !
I make coffee jelly milk drink 2days ago and i put in the fridge it still good to eat? Thank you.