Chocolate and coffee are a natural match—deep, velvety, and a little bit indulgent. This dessert brings both together in a layered jelly-and-cream treat that looks fancy but is surprisingly simple to make. It’s light yet satisfying, with a silky texture that’s perfect after a big meal.

You can make it ahead, serve it in individual cups, and customize the sweetness to your taste. If you love mocha flavors, this will become your go-to no-bake dessert.

Jump to Recipe Card

Why This Recipe Works

This dessert balances rich chocolate with the clean, refreshing bite of coffee jelly. The jelly layer sets with a firm, bouncy texture, while the cream adds a lush contrast.

Using gelatin ensures clean layers that hold up in the fridge without getting watery. A touch of sugar smooths out the bitterness of coffee and cocoa, and vanilla ties everything together.

Best of all, it’s flexible. You can use brewed coffee or instant, dairy or dairy-free milk, and adjust sweetness to match your taste.

The result is a dessert that looks elegant but doesn’t require much skill or special equipment.

Shopping List

Unflavored gelatin powder (2 packets, about 2 tablespoons total)
Strong brewed coffee (2 cups), or hot water with instant coffee
Granulated sugar (about 1/2 to 3/4 cup total, divided)
Unsweetened cocoa powder (3 tablespoons)
Semi-sweet or dark chocolate (3 ounces), chopped
Whole milk (1 cup)
Heavy cream (1 cup)
Vanilla extract (1 teaspoon)
Pinch of salt
Optional toppings: whipped cream, shaved chocolate, cocoa dusting, chocolate-covered espresso beans

Step-by-Step Instructions

Bloom the gelatin for the coffee layer: In a small bowl, sprinkle 1 packet of gelatin over 1/4 cup cold water. Let it sit for 5 minutes until it looks spongy.
Make the coffee mixture: In a saucepan, combine 2 cups hot strong coffee and 1/4 cup sugar. Heat gently until the sugar dissolves.
Take it off the heat and stir in the bloomed gelatin until fully melted.
Set the coffee jelly: Pour the coffee mixture into a shallow dish or divide into serving glasses (filling them halfway if you want layers). Chill in the fridge for 1 to 1.5 hours, until just set. It should jiggle but not stick to your finger.
Bloom the gelatin for the chocolate cream: Sprinkle the second packet of gelatin over 1/4 cup cold milk.
Let it stand for 5 minutes.
Heat the dairy: In a clean saucepan, add the remaining 3/4 cup milk, 1 cup heavy cream, 1/4 to 1/3 cup sugar (to taste), cocoa powder, and a pinch of salt. Whisk over medium-low heat until steaming and smooth, about 3–4 minutes. Do not boil.
Melt the chocolate: Remove from heat and add the chopped chocolate.
Whisk until completely melted and glossy.
Add gelatin and flavor: Stir in the bloomed gelatin and whisk until dissolved. Add vanilla extract. Taste and adjust sweetness if needed.
Cool slightly: Let the chocolate cream cool for 10–15 minutes, stirring occasionally.
You want it warm and pourable, not hot, so it doesn’t melt the coffee jelly layer.
Assemble: If you set the coffee jelly in a large dish, pour the chocolate cream over it to form a second layer. If using glasses, fill to the top with the chocolate cream. To avoid dents, pour over the back of a spoon.
Chill to set: Refrigerate for at least 3 hours, or until both layers are fully set.
Overnight is ideal for clean slices and firm layers.
Garnish and serve: Top with lightly sweetened whipped cream, a dusting of cocoa, and shaved chocolate. For a fun crunch, add chocolate-covered espresso beans.

Storage Instructions

Keep the dessert covered in the fridge for up to 3–4 days. If you made it in a large dish, cover tightly with plastic wrap to prevent a skin from forming.

For individual cups, add whipped cream right before serving so it stays fresh. Freezing is not recommended, as gelatin can turn watery after thawing.

Benefits of This Recipe

Make-ahead friendly: Perfect for parties or busy weeks—prep a day in advance.
No oven needed: Great for warm days or small kitchens.
Balanced flavor: The bittersweet coffee cuts through the richness of the chocolate cream.
Customizable: Adjust sweetness, caffeine level, and dairy choices to fit your needs.
Elegant presentation: Layered cups look impressive with minimal effort.

Common Mistakes to Avoid

Skipping the bloom: Always bloom gelatin in cold liquid first, or it won’t dissolve evenly and may clump.
Pouring when too hot: If the chocolate cream is too hot, it can melt the coffee layer and blur the lines.
Boiling the dairy: High heat can scorch milk and change the texture. Keep it gentle.
Undersweetening the coffee: Coffee’s bitterness intensifies when chilled.
Taste and adjust before setting.
Impatience with chilling: Layers need time to firm up. Rushing leads to mixed layers and messy servings.

Recipe Variations

Mocha Marble: Instead of layered, pour the chocolate cream over the coffee jelly and swirl gently with a skewer for a marbled look.
Baileys or Kahlúa: Add 1–2 tablespoons of coffee liqueur or Irish cream to the chocolate layer for a grown-up twist.
Dairy-Free: Use full-fat coconut milk and a dairy-free cream alternative. Choose dark chocolate labeled dairy-free.
Extra Dark: Use 70% cocoa chocolate and reduce sugar slightly for a bolder, less sweet dessert.
Vanilla Cream Topper: Skip cocoa in the cream layer for a simple vanilla panna cotta-style top.
Layered Parfait: Alternate small layers of coffee jelly and chocolate cream in narrow glasses for striking stripes.
Espresso Shot: Replace part of the brewed coffee with double espresso for a stronger kick.

FAQ

Can I use agar instead of gelatin?

Yes, but the texture will be firmer and less jiggly.

Use about 1/2 to 2/3 the amount of agar powder compared to gelatin and boil it briefly in the liquid to activate. Set times can be faster, so work quickly.

What kind of coffee works best?

Strong brewed coffee or espresso gives the best flavor. Medium to dark roast works well.

If using instant coffee, dissolve 2–3 teaspoons in 2 cups hot water and adjust to taste.

Can I make this less sweet?

Absolutely. Start with the lower end of the sugar range, taste as you go, and remember the flavor dulls slightly when cold. You can also use a sugar substitute that’s heat-stable if you prefer.

How do I get clean layers?

Let the first layer fully set and cool the second layer until warm, not hot.

Pour gently over the back of a spoon. Chill each step long enough so the layers don’t bleed into each other.

What size dish should I use?

A 9×9-inch pan works for slicing into squares. For individual servings, use 6–8 small glasses or ramekins.

Thinner layers set faster; deeper layers look dramatic but need extra chill time.

Can I make this caffeine-free?

Yes. Use decaf coffee or a chicory-based coffee alternative. The flavor will still pair nicely with the chocolate layer.

Why did my jelly turn cloudy?

Cloudiness can come from undissolved gelatin or vigorous whisking that traps bubbles.

Warm gently and stir until clear, and skim bubbles before pouring.

How can I fix a layer that didn’t set?

If it’s still liquid after several hours, the gelatin amount may have been off or not properly bloomed. You can gently reheat the mixture, add a small amount of properly bloomed gelatin, and reset, though the texture may change slightly.

Wrapping Up

This Rich Chocolate Coffee Jelly Dessert gives you the best of both worlds: bold coffee flavor and silky chocolate cream in a no-bake, make-ahead package. It looks special, tastes balanced, and invites easy twists to match your mood.

Keep a batch in the fridge for dinner parties, date night, or whenever you want a cool, not-too-heavy sweet finish. Simple steps, reliable results, and a flavor combo you’ll crave again and again.