Sparkle Cakerie

  • Home
  • About Me
  • Recipe Index
menu icon
go to homepage
  • Home
  • About Me
  • Recipe Index
search icon
Homepage link
  • Home
  • About Me
  • Recipe Index
×
Home » Breakfast

How To Make The Best Easy Coffee Jelly Recipe

Updated: May 27, 2026 · Published: Jul 10, 2024 by Sharon Hsu · This post may contain affiliate links · 1 Comment

↓ Jump to Recipe
↓ Jump to Video

If you love coffee and want a fun, refreshing twist, Japanese Coffee Jelly is a must-try. This is smooth, jiggly dessert has a strong, aromatic bitter coffee flavor that's balanced with the sweet cream. Light for an after-noon pick me up and fancy enough to serve at a party.

coffee jelly in clear glass cup

Homemade coffee jelly is a popular, modern day, Japanese treat that I heard from an anime, although I don’t remember the exact one anymore. I heard that it’s Saiki’s favorite dessert though, haha! 

✨ Recipe Snapshot

EASE • FLAVOR • EFFORT

Ease: ★☆☆ Beginner
Flavor: creamy • bitter & sweet• vanilla & coffee


Active time: ~5-10 minutes
Total time: ~2-3 hours (includes chilling time)
Make-ahead friendly: Yes
Prep-ahead friendly: Yes
Freezer Friendly: No


Mixing: simple
Cleanup: light
Tools: minimal

💡What To Expect:
Bold and slightly bitter coffee notes balanced with gentle sweetness of the cream.

Jump to:
  • ✨ Recipe Snapshot
  • ⏰ Make-Ahead & Flexible Timeline (Day-by-Day Guide)
  • ⭐Reader Spotlight
  • 🥣Main Ingredients
  • 🔪Tools
  • ✨Step By Step Instructions
  • ‼️Pro Tips
  • 🔄Substitutions/Variations
  • 💕More Recipes You’ll Love
  • ❄️STORAGE INSTRUCTIONS
  • ✨How to Serve it
  • 🧾Recipe

⏰ Make-Ahead & Flexible Timeline (Day-by-Day Guide)

Do you feel overwhelmed or have a busy schedule but still want to make this recipe?! This recipe can be made in one day or broken into steps across several days depending on your schedule. ٩(^ᗜ^ )و ´-


˗ˏˋ ★Option 1: Same-Day★ ˎˊ˗

Follow the recipe card below for directions on preparing the treat the same day.

˗ˏˋ ★ Option 2: Make Ahead★ ˎˊ˗ 

Day 1: Prep ingredients/tools

Day 2: Make coffee jelly and cool fully before moving to fridge to chill.

Day 3: When serving the coffee jelly you can slice or serve the container you chilled the jelly in and pour the cream on top. Garnish as desired. Enjoy!

˗ˏˋ ★ ˎˊ˗ woohoo, you did it!!! ٩>ᴗ<)و I hope this was fun and it helped you become a more confident baker ˗ˏˋ ★ ˎˊ˗

coffee jelly in glass cup on a wooden board. Garnished with whipped cream, rainbow sprinkles and red maraschino cherry on top

⭐Reader Spotlight

This is a special spot for those that make the recipe and send me the images so I can place it here :)

🥣Main Ingredients

coffee jelly ingredients on top of a blue tray
  • Coffee: Coffee is the main ingredient, providing the bold, deliciously aromatic, bitter flavor that defines coffee jelly. You can customize its intensity by choosing your favorite coffee blend. Using instant coffee substitute will also work.
  • Gelatin Powder: Gelatin is the key ingredient that gives coffee jelly its signature jiggly texture. It sets the coffee into a firm yet wobbly dessert (think jello).
  • Condensed Milk: Instead of just sugar, I wanted to give the sweet cream an extra milky flavor sweetness by using condensed milk. It adds another rich and cream flavor to help balance the bitterness from the coffee jelly. 
  • Heavy Cream or Whole Milk: Heavy cream (or whole milk) adds creaminess to the dessert. It complements the coffee’s bitter boldness and creates a yummy, smooth contrast to the jelly's texture.

🔪Tools

  • A Sharp Knife
  • A Heat Safe Container
  • A Heat Safe Measuring Cup

✨Step By Step Instructions

Coffee Jelly For Slicing

Bloomed gelatin in measuring cup

Step 1: Sprinkle unflavored gelatin
over measured water and leave it for 5 minutes while you prepare your strong coffee (all the gelatin should be hydrated). This is to make sure it melted evenly later.

Stirring hot coffee mixture until smooth

Step 2: Mix the hydrated gelatin powder with the brewed coffee until the gelatin dissolves. If your mixture is not hot enough to dissolve the gelatin, microwave in 30 second increments on low until it dissolves. Let it cool at room temperature.

Scooping glossy coffee jelly cubes from container

Step 3: Pour the cooled coffee mixture into your container for slicing. Chill in fridge for at least 2-3 hours until it’s set and slice-able or overnight.

Mixing cream mixture for layered café-style dessert

Step 4: Mix together condensed milk, heavy cream, and milk.

Adding jelly cubes into serving cup

Step 5: Scoop jelly into cup.

Cream being poured over cubed coffee gelatin

Step 6: Add cream.

Adding fluffy whipped cream over coffee dessert

Step 7 (optional): add whipped cream on top and cocoa powder.

Finished coffee jelly topped with whipped cream

Step 8: enjoy!

For Serving in Cups (starting from step 3 & 4 from above)

Pouring cooled coffee mixture into serving glasses

Alternative Step 3: Pour cooled coffee jelly mixture into serving cups and chill until jiggly.

Pouring cream into layered coffee dessert

Step 5: Pour sweet cream over on top. Garnish with whipped, sprinkles, and maraschino cherry on top if you'd like. Enjoy!!!

‼️Pro Tips

  • Make sure to bloom the gelatin so it’s easier to fully dissolve it in the hot coffee. (make sure it’s also fully dissolved in the hot coffee) for the perfect, even jelly texture.
Dessert parfait topped with colorful sprinkles

🔄Substitutions/Variations

  • No gelatin powder? No problem. You can use agar agar powder instead.
  • To make it vegan, you can switch the gelatin powder with agar agar powder instead.
    As for the sweet cream, you can replace the condensed milk with a vegan condensed milk. Most of the time they're made from oat milk or coconut milk. The heavy cream can be substituted with a barista blend milk for a creamier texture but you can also go ahead and use all vegan based milk for both the cream and milk ratios. Nut milk, oat milk, or coconut milk would be great! Soy milk's flavor may not pair with the coffee flavor as well depending on the brand.
  • You can use tea instead. If you prefer tea over coffee, I've tried it with this coffee jelly recipe as well. You can definitely replace strongly brewed coffee with strongly brewed tea instead. This is an easy coffee jelly dessert that you can turn into a tea jelly as well. Just note that the acidity of your tea/coffee may break down the gelatin, so it's best serve the same day or next day if you use freshly brewed tea or coffee. Instant coffee should last longer or using agar agar powder instead.
  • Skip the sweet cream and use your favorite sweetened coffee creamer instead.
  • Experiment with flavored coffee like hazelnut, vanilla, or spiced blends for even more fun flavors.
  • Get creative by layering it with other jellies, like milk jelly or fruity ones, for a colorful dessert.
  • Top it off with fun extras like whipped cream, chocolate chips, sprinkles, maraschino cherries, or tapioca pearls to make it extra special.

Enjoy! ദ്ദി ˉ͈̀꒳ˉ͈́ )✧ Please tag @sparklecakerie if you make this! I’d love to see and share your creations ♡⸜(˶˃ ᵕ ˂˶)⸝♡⋆˚✿˖°

3 styles of coffee jelly

💕More Recipes You’ll Love

If you love coffee, try these recipes!

  • matcha tiramisu latte in a cherry blossom mug
    Matcha Tiramisu Latte
  • tiramisu latte with cocoa dusting on top in a glass cup with a lady finger
    The Perfect Tiramisu Latte Recipe You Can Make In 5 Minutes, No Mixer Needed
  • daisy meringue
    Cute Daisy Meringue: The Best Marshmallow Alternative for Your Drinks!

❄️STORAGE INSTRUCTIONS

Room Temperature: Coffee jelly should not be at room temperature for longer than 30 minutes after assembled. Store in the fridge to keep everything nice and chilled. 

In the Fridge: Store coffee jelly in an airtight container or cover it tightly with plastic wrap to prevent it from drying out. It will stay fresh for up to 3-4 days.

In the Freezer: Don’t freeze coffee jelly! The texture will become grainy or watery when thawed. 

Pro Tip: If you're making coffee jelly ahead of time, prepare the sweet cream or toppings separately and assemble them just before serving for the freshest flavor!

✨How to Serve it

Make it in parfait glasses for a cute retro look or slice it into cubes as a topping for other treats like froyo or ice cream. You could also layer it in trifle cakes. 

🧾Recipe

coffee jelly in clear glass cup

The Best Easy Coffee Jelly

Sharon Hsu
This coffee jelly recipe is the perfect summertime treat when you want to keep your kitchen cool! No bake, no cook, and totally caffeinated, this is an easy sweet treat that only takes 15 minutes of active prep time!
5 from 1 vote
Print Recipe Pin Recipe
Prep Time 10 minutes mins
Cook Time 5 minutes mins
2 hours hrs
Total Time 2 hours hrs 15 minutes mins
Course Dessert
Cuisine American, Japanese
Servings 4 ~(½ cup) servings
Calories 113 kcal

Ingredients
 
 

For the coffee jelly:

  • 7 grams unflavored gelatine I used Knox
  • 80 grams water
  • 450 grams strongly brewed coffee
  • 1-2 tablespoons white granulated sugar

For the sweet cream:

  • 30 grams condensed milk
  • 70 grams heavy cream
  • 70 grams milk or water is okay

Instructions
 

Coffee Jelly directions

  • Sprinkle gelatin powder over water and leave it for 5 minutes while you prepare your strong brew of coffee or tea (all the gelatin should be hydrated)
    7 grams unflavored gelatine, 80 grams water
  • Measure out hot coffee in a heat safe container.
    450 grams strongly brewed coffee
  • Mix the hydrated gelatin powder and sugar with the brewed coffee until the gelatin dissolves. If your mixture is not hot enough to dissolve the gelatin, microwave in 30 second increments on low until it dissolves. Let it cool at room temperature.
    1-2 tablespoons white granulated sugar
  • Pour the cooled coffee mixture into your container for slicing or directly into the cups you plan to serve them in. Place into the fridge to chill for at least 2-3 hours until it’s set and slice-able or overnight. Make the cream mixture while waiting for the coffee jelly to chill.

Sweet Cream directions:

  • Mix together condensed milk, heavy cream, and milk. The sweet cream is ready to use to pour over the coffee jelly when set.
    30 grams condensed milk, 70 grams heavy cream, 70 grams milk

Assemble Coffee Jelly:

  • If slicing your coffee jelly: slice the chilled coffee jelly into the shape you like. I like to make small cubes and put them into glass cups so it’s nice and spoon-able.
  • Then pour the sweet cream mixture over the sliced coffee jelly. Garnish with whipped cream, sprinkles, and a maraschino cherry on top if you’d like~ enjoy!

Video

Notes

When using instant coffee: For every 1 cup of coffee, it should 1 tablespoon of instant coffee powder into 1 cup of hot water.

Nutrition

Serving: 1(½ cup) servingCalories: 113kcalCarbohydrates: 8gProtein: 3gFat: 8gSaturated Fat: 5gPolyunsaturated Fat: 0.3gMonounsaturated Fat: 2gCholesterol: 24mgSodium: 28mgPotassium: 126mgSugar: 8gVitamin A: 306IUVitamin C: 0.3mgCalcium: 58mgIron: 0.1mg
Keyword coffee, coffee jelly
Tried this recipe?Let us know how it was!

  • Easy Pumpkin Scone Recipe With Maple Ginger Glaze
  • flat lay view of pumpkin spice muffins
    Bakery-Style Pumpkin Spice Muffin Recipe with Black Sesame Kinako Streusel (No Mixer, Under 1 Hour)
  • Overhead flat lay of orange cinnamon rolls with orange slices and icing drizzle
    Super Soft, Double Orange Cinnamon Rolls With a Bright, Zesty Glaze
  • guava cream pink topping over green matcha latte in glass cup sitting on light blue plaid
    Easy Matcha Latte With Guava Cream Top Recipe

Comments

  1. Sharon Hsu says

    February 04, 2025 at 4:02 am

    5 stars
    Hello!! I'm Sharon, the author of this recipe hehe :)

    I LOVE coffee jelly! It's such a fun treat to make in the summer time (honestly any time of the year). I love making this quick treat for friends because it's so easy to make many servings at once and it looks so cute when I use a parfait style cup for a cute retro look.

    Let me know how you like the recipe when you give it a try! I'm always looking for way to improve my recipes :)

    Reply

Cancel reply

Your email address will not be published. Required fields are marked *

Recipe Rating




sharon with red bow headband holding strawberry tanghulu

Hallo, I'm Sharon! ♡⋆˚✿˖°✧

Nice to meet you! (˶˃ ᵕ˂˶)⸝♡。 With a degree in Baking & Pastry Arts and years of bakery experience under my belt, I’m here to help you create the pastry treats of your dreams! Let's bake something magical together!🩵✧

More about me

🍪Popular Cookie Recipes

  • earl grey sugar cookies side by side with chocolate daisy centers
    Easy Earl Grey Cookies: Soft, No-Mixer, Ready in 30 Minutes
  • matcha sugar cookies with daisy chocolate flower in center on baking tray
    Soft Matcha Cookies: Mix, Scoop, Bake in 30 Minutes (No Mixer Needed)
  • hojicha cookies on a sheet pan
    Soft Hojicha Cookies: Mix, Scoop, Bake in 30 Minutes (No Mixer, No Chilling Needed)
  • browned butter chocolate chip cookies top down few
    Browned Butter Chocolate Chip Cookies: Easy, No-Mixer Recipe

🔥Trending Recipes

  • pink strawberry flower shortbread cookie
    Cute Strawberry Flower Shortbread Cookie Recipe
  • burn cake tutorial
    How to Decorate a Burn Away/Burn Cake (Tutorial - Tips for Success)
  • cookies with swirls of roasted blueberries laid out
    The Best Soft Blueberry Cookies with Jammy Roasted Berries
  • banana bread chocolate chip cookies laid out on silver baking sheet
    Soft Banana Bread Chocolate Chip Cookies (No Eggs Needed)

🌞No Bake Summer Recipes

  • coffee jelly in clear glass cup
    How To Make The Best Easy Coffee Jelly Recipe
  • Refreshing Watermelon Yogurt Fruit Punch Tutorial
  • lemon curd in small glass jar with spoon inside. fresh lemons surrounding lemon curd jar
    Delicious And Easy Lemon Curd Recipe (Sweet And Tangy)
  • dubai pistachio cream filling made with cornflakes and paired with cut strawberries
    15-Minute Dubai Pistachio Cream Filling (No Knafeh Needed). The Easy Crunchy Secret You'll Obsess Over!

Footer

↑ back to top

About

  • Privacy Policy
  • Disclaimer
  • Terms & Conditions
  • Accessibility Policy

Newsletter

  • Sign Up! for emails and updates

Contact

  • Contact
  • Services
  • Media Kit
  • FAQ

As an Amazon Associate I earn from qualifying purchases.