Coffee jelly is one of those things that sounds strange until you try it — and then you wonder why you spent so long drinking plain coffee. It’s a Japanese dessert-drink that turns brewed coffee into a firm, jiggly gelatin block served cold with cream or condensed milk poured over it.
The texture is unexpected: firm enough to hold a cube shape, but soft enough to cut with a spoon. The coffee flavor concentrates as it sets — meaning coffee jelly made with espresso is noticeably richer than versions made with brewed drip coffee or instant coffee, which is what most recipes call for.
This guide covers the classic Japanese recipe, the Filipino-style variation, how to make it into a coffee jelly drink, and how to recreate the Starbucks Japan Coffee Jelly Frappuccino.
What Is Coffee Jelly?
Coffee jelly is a chilled dessert made by setting hot coffee (or espresso) with unflavored gelatin or agar-agar until it becomes a firm, sliceable block. It’s served in cubes in a glass or cup, usually with cream, condensed milk, or milk poured over.
Origins: Coffee jelly was popularized in Japan, where it became widely sold in convenience stores and cafés in the 1960s–70s. It’s now a staple of Japanese kissaten (traditional coffee shops) and convenience store refrigerators. It also has strong roots in Filipino cuisine, where it appears in halo-halo (shaved ice desserts) and is served as a standalone snack.
Saiki K and coffee jelly: If you’ve seen the anime The Disastrous Life of Saiki K, you’ll know that the main character Kusuo Saiki is obsessed with coffee jelly to a comedic degree. The show made coffee jelly a cultural touchstone for anime fans who hadn’t encountered it before — which is why “Why does Saiki love coffee jelly?” is one of the most searched questions about this dessert. In the anime, it’s portrayed as the most delicious thing in existence. In real life, coffee jelly is genuinely good — the combination of the bitter coffee gelatin with sweet cream mirrors the flavor logic of an Americano with milk.
Gelatin vs Agar-Agar: Which to Use?
The most important ingredient decision.
| Gelatin (animal) | Agar-Agar (plant) | |
|---|---|---|
| Origin | Pork/beef collagen | Red algae |
| Texture | Silky, soft, melts in mouth | Firmer, slightly grainy |
| Sets at room temp? | No — needs refrigeration | Yes — sets at room temperature |
| Vegan? | No | Yes |
| Best for | Smooth, silky coffee jelly | Denser “canned coffee” style |
| Common in | Western + Japanese recipes | Traditional Japanese kissaten |
Most convenience store coffee jelly in Japan uses agar-agar, which produces a firmer texture that holds its shape when cubed and stacked. Gelatin produces a softer, more wobbly texture that many people prefer for home eating.
For this recipe: We use gelatin (specifically Knox unflavored gelatin, or a Japanese gelatin powder like Maruha Nichiro). For a vegan version, substitute 1½ teaspoons of agar-agar powder — note that agar sets firmer, so you may want to reduce to 1 teaspoon for a softer result.
How to Make Coffee Jelly with Espresso
Ingredients (4 servings)
| Ingredient | Amount | Notes |
|---|---|---|
| Espresso | 2 cups (4–6 shots) | Or double-strength drip coffee |
| Unflavored gelatin | 1 packet (7g) | Or agar-agar: see above |
| Sugar | ¼ cup | Adjust to taste |
| Cold water | ¼ cup | For blooming gelatin only |
Step-by-Step Instructions
Step 1: Bloom the gelatin In a small bowl, sprinkle gelatin powder over ¼ cup cold water. Let it sit for exactly 5 minutes — it will absorb the water and turn into a thick, grainy paste. This is “blooming.” Do not skip this step: adding dry gelatin directly to hot liquid creates lumps that never fully dissolve.
Step 2: Brew strong espresso Use 4 shots of espresso (approximately 2 cups / 480ml total). If using a drip machine, brew at double strength. The espresso version concentrates flavor better than drip coffee because the oils and compounds are more fully extracted. Strong, bitter coffee works best — the gelatin slightly mellows the flavor, so start stronger than you think you need.
Step 3: Dissolve sugar in hot espresso Add sugar immediately while the espresso is hot and stir until completely dissolved. Taste and adjust — coffee jelly benefits from slight sweetness to balance the bitterness when served with unsweetened cream.
Step 4: Add gelatin Add the bloomed gelatin to the hot espresso and whisk vigorously until the gelatin paste fully dissolves (1–2 minutes). The liquid should become completely clear and uniform, with no grainy patches.
Step 5: Pour and set Pour into a shallow container (like a 8×8 inch glass dish) for easy cubing later, or into individual glasses/cups for single-serving presentation. Let cool to room temperature before refrigerating.
Step 6: Refrigerate until firm At least 3–4 hours. Overnight (8+ hours) produces the best texture — fully set, slices cleanly without crumbling.
Step 7: Serve For cubes: run a knife along the surface in a grid pattern and scoop out squares. For glasses: invert into a cup and top with cream. Serve immediately — coffee jelly softens quickly at room temperature.
How to Serve Coffee Jelly
Classic Japanese style: Cube the jelly and place in a glass. Pour cold heavy cream (slightly sweetened) over the top. The cream melts over the dark cubes — visually striking, and the fat in the cream rounds the bitterness.
With condensed milk: The Filipino approach. Drizzle sweetened condensed milk over the jelly. Much sweeter than the cream version, closer to halo-halo territory.
Coffee jelly drink: Add coffee jelly cubes (or small scooped pieces) to a glass of iced milk, oat milk latte, or cold brew. The jelly absorbs the surrounding liquid slowly, releasing coffee flavor as you drink. This is how it’s served at most Japanese cafés as a “coffee jelly latte.”
Whipped cream version: Top with fresh whipped cream (lightly sweetened) and a dusting of cocoa powder or espresso powder. More dessert-like.
| Topping | Sweetness | Best For |
|---|---|---|
| Heavy cream | Low | Classic, adult-oriented |
| Condensed milk | High | Sweet tooth, Filipino style |
| Oat milk | Medium | Dairy-free, lighter |
| Whipped cream + cocoa | Medium | Dessert presentation |
| Vanilla ice cream | High | Affogato-style fusion |
Coffee Jelly Frappuccino (Starbucks Japan Copycat)
Starbucks Japan has periodically offered a Coffee Jelly Frappuccino — blended cold cream frappuccino base with coffee jelly pieces folded in and layered on top. It’s never been a standard US menu item.
To recreate it at home:
- Make coffee jelly using the recipe above and cut into small cubes (½ inch)
- Make a simple cream base: 1 cup whole milk + 1 cup ice + 1 tablespoon simple syrup, blended smooth
- Layer: pour blended cream base into a tall glass
- Add a layer of coffee jelly cubes
- Top with whipped cream and drizzle caramel or mocha sauce
The contrast of cold blended cream with the firm, slightly bitter coffee jelly cubes is the signature element of the Starbucks Japan version.
Filipino Coffee Jelly vs Japanese Coffee Jelly
| Japanese | Filipino | |
|---|---|---|
| Set with | Agar-agar | Gelatin or agar |
| Served with | Cream or milk | Condensed milk, halo-halo |
| Sweetness | Low (bitter-forward) | High (very sweet) |
| Setting firmness | Very firm, holds cube shape | Medium-firm |
| Typical context | Kissaten, convenience store | Halo-halo, dessert shop |
The Filipino version often appears in buko pandan (coconut pandan desserts) and halo-halo, where the coffee jelly is surrounded by other sweet ingredients. Japanese coffee jelly tends to stand alone, letting the coffee flavor dominate.
Troubleshooting Coffee Jelly
Jelly won’t set: Usually under-bloomed gelatin (not enough time in cold water) or gelatin added to liquid that was too cool. The liquid must be hot enough to dissolve the bloomed gelatin completely.
Grainy or lumpy texture: Gelatin not fully bloomed, or added to liquid that was already partially cooled. Whisk more vigorously during Step 4.
Too firm/rubbery: Slightly too much gelatin. Next batch: reduce to ¾ packet (about 5g). Agar-agar users often over-set because agar is firmer than gelatin.
Too soft/won’t hold shape: Under-set (needs more time in fridge) or the original liquid was too warm when you added gelatin and partially denatured it.
Coffee flavor too weak: Use espresso instead of drip coffee, or increase concentration. Drip coffee at normal ratio makes mild jelly. Aim for at least double-strength.
Frequently Asked Questions
What is coffee jelly made out of? Coffee jelly is made from hot brewed coffee (or espresso), unflavored gelatin (or agar-agar), and sugar. The mixture is set in a mold or container and refrigerated until firm. It’s served cold, usually with cream or condensed milk.
Why does Saiki love coffee jelly? In the anime The Disastrous Life of Saiki K, the character Kusuo Saiki has an extreme obsession with coffee jelly — it’s treated as his greatest pleasure in life despite his psychic abilities. The humor comes from his intensity about something mundane. The answer in the show is essentially that it’s perfect: the right balance of bitter and sweet, the satisfying texture, and the cold temperature. It became a running gag that introduced many anime fans to the actual dessert.
Is coffee jelly healthy? Coffee jelly is low in calories compared to other coffee desserts — a serving is roughly 40–80 calories depending on sugar content, before adding cream or condensed milk. It contains no fat on its own. The coffee provides the same caffeine and antioxidants as regular coffee. The primary nutrition concern is the added sugar and whatever cream you serve it with.
What is in a coffee jelly frappuccino at Starbucks? The Starbucks Japan Coffee Jelly Frappuccino contains a blended cream base, coffee jelly pieces folded into the drink and layered on top, and whipped cream. It uses Starbucks coffee jelly made with their own coffee blend and agar-agar. It has not been a standard US menu item. You can recreate it at home using this recipe combined with a simple blended cream base (see Coffee Jelly Frappuccino section above).
Related Recipes
- Affogato — Another espresso-meets-cold dessert, classic Italian style
- Vietnamese Iced Coffee — Condensed milk + strong coffee combination
- Caramel Frappuccino — For the full Starbucks blended experience
- Cold Brew Coffee Recipe — Strong cold coffee base for coffee jelly