Coffee Jelly Latte Cubes

Featured in: Sweet Whispers

This easy beverage features bouncy coffee jelly cubes set in a sweet coffee base, chilled until firm, and served in tall glasses. Pour cold milk over the jelly and finish with strong, freshly brewed espresso. Optional toppings like whipped cream or chocolate shavings add extra visual appeal. The drink can be customized with plant-based milk, flavored syrups, or vegan setting agents for dietary preferences. Prep and chill the jelly ahead to create a light, refreshing treat with a playful texture and well-balanced coffee flavor.

Updated on Sat, 18 Oct 2025 18:57:32 GMT
Iced Coffee Jelly Latte: Cubes in creamy milk, topped with espresso and cocoa. Save
Iced Coffee Jelly Latte: Cubes in creamy milk, topped with espresso and cocoa. | butterhollow.com

This Coffee Jelly Latte is my favorite way to impress friends at brunch or cool down on a hot afternoon. Silky coffee jelly cubes pair with creamy milk and a shot of espresso, creating a unique treat that blurs the line between dessert and drink. Each sip combines the boldness of coffee, the playful texture of jelly, and the gentleness of frothy milk.

I first fell in love with this after tasting a similar version in a Japanese café. Now I whip it up whenever I want something a little different than my usual iced latte. My friends ask me for the recipe every time.

Ingredients

  • Unflavored gelatin powder: for setting the coffee into jelly squares choose a high quality brand for best texture
  • Granulated sugar: adds just the right amount of sweetness try superfine for faster dissolving
  • Hot brewed coffee: forms the flavorful base for the jelly use your favorite strong blend for best taste
  • Cold milk: provides creamy richness both dairy and plant based work well full fat adds extra luxury
  • Freshly brewed espresso or strong coffee: gives the drink its classic latte vibe always brew fresh if possible
  • Sugar optional: adjusts sweetness to preference taste after assembling
  • Ice cubes: keep the latte chilled I like using large format cubes
  • Whipped cream optional: for a dessert like finish light and airy is best
  • Cocoa powder or chocolate shavings optional garnish: for added flair choose a good quality dark chocolate

Instructions

Prepare the Coffee Jelly:
In a heatproof bowl combine your hot brewed coffee and sugar stirring until everything is fully dissolved This creates a balanced sweet base without graininess Add the gelatin by sprinkling it slowly over the surface and whisking immediately to ensure even distribution Allow no lumps so the jelly will set smooth
Chill and Set:
Carefully pour your dissolved coffee gelatin mixture into a small dish or pan Aim for an even layer between half and one inch thick Let it cool down slightly at room temperature before transferring to the fridge Chill at least two hours to set completely
Cut the Jelly:
Once the jelly is firm use a sharp knife to carefully cut it into small cubes Each should be about one centimeter wide This step is satisfying and creates the signature texture
Assemble the Latte:
Divide the jelly cubes evenly between two tall glasses Add ice cubes for extra chill but do not overfill
Add the Milk:
Slowly pour cold milk into each glass over the jelly cubes Pouring gently preserves the layers for a stunning look
Pour the Espresso:
Brew fresh espresso if possible and gently pour one shot over each glass You will see a beautiful swirling effect as coffee meets milk
Sweeten to Taste:
Add a little sugar if you like it sweeter Stir lightly or leave unsweetened for deeper coffee notes
Top and Serve:
If desired top with a big swirl of whipped cream and a dusting of cocoa powder or chocolate shavings Serve immediately with a straw and long spoon
Refreshing Coffee Jelly Latte: Brown coffee cubes floating in a tall, cool glass. Save
Refreshing Coffee Jelly Latte: Brown coffee cubes floating in a tall, cool glass. | butterhollow.com

My favorite part is watching the jelly cubes jiggle in the glass—we all end up grinning at the table. Once I whipped these up for a summer movie night and everyone was so delighted they requested a second round.

Storage Tips

You can make the coffee jelly up to three days ahead Store the cubes in an airtight container in the fridge They hold their bounce best cold Place a sheet of parchment between layers if stacking to prevent sticking The drink itself is best enjoyed freshly assembled since the ice and milk will break down the jelly texture if left too long

Ingredient Substitutions

Agar agar powder can replace gelatin for a fully vegan option Just follow the specific instructions on your brand For best milk flavor use any favorite creamy plant milk like oat or almond Espresso can be swapped with double strength cold brew when you do not have a machine

Serving Suggestions

Serve in clear tall glasses so everyone can admire the layers For parties set out a toppings bar with whipped cream chocolate chips or flavored syrups like hazelnut or vanilla Pair this with light tea sandwiches or delicate pastries for an elegant cafe style snack

Cultural and Historical Background

Coffee jelly originated in Japan in the early twentieth century and became a popular retro dessert there For many it is nostalgic and comforting Mixing it with a latte is a newer twist and has caught on with the modern boba tea and iced coffee crowd

Seasonal Adaptations

For a summer spin use chilled coconut milk for a tropical feel In cooler months try adding a dash of cinnamon or nutmeg to the jelly mixture for warmth You can even layer the drink with vanilla or caramel syrup along the glass walls for festive occasions

Homemade Coffee Jelly Latte: A fun twist with wobbly jelly and frothy topping. Save
Homemade Coffee Jelly Latte: A fun twist with wobbly jelly and frothy topping. | butterhollow.com

Enjoy every slurp of this playful latte with friends or family. It is guaranteed to become a requested favorite for coffee lovers and dessert fans alike.

Kitchen Tips & Answers

How do I make coffee jelly cubes?

Combine hot coffee with sugar, dissolve gelatin, pour into a dish, and chill until set, then cut into cubes.

Can I use plant-based milk for this drink?

Yes, substitute dairy milk with any preferred plant-based option for a dairy-free version.

Is there a vegan alternative to gelatin?

You can use agar-agar instead of gelatin; follow package instructions for setting your jelly cubes.

How do I serve coffee jelly with latte?

Divide jelly cubes in glasses, add milk, top with espresso, sweeten to taste, and serve with spoon and straw.

What toppings go well with this drink?

Whipped cream, cocoa powder, chocolate shavings, or flavored syrups add extra flavor and visual appeal.

Is the drink suitable for vegetarians?

Yes, just ensure gelatin or its substitute fits your dietary needs and use vegetarian-friendly ingredients.

Coffee Jelly Latte Cubes

Enjoy a creamy drink layering coffee jelly cubes, milk, and espresso for a fun, Japanese-inspired treat.

Prep duration
20 min
Heat duration
10 min
Complete duration
30 min
Created by Ella Thompson


Skill level Easy

Heritage Japanese-Inspired

Output 2 Portions

Eating preferences Meat-free, No gluten

What you'll need

Coffee Jelly

01 1 tablespoon unflavored gelatin powder (7 g)
02 2 tablespoons granulated sugar (25 g)
03 1 1/2 cups hot brewed coffee (360 ml)

Latte

01 1 cup cold milk, dairy or plant-based (240 ml)
02 2 shots freshly brewed espresso or strong coffee (60 ml)
03 2 teaspoons sugar, or to taste (8 g)
04 Ice cubes as needed

Optional Toppings

01 Whipped cream
02 Cocoa powder or chocolate shavings

Method

Phase 01

Dissolve Gelatin and Sugar in Coffee: Combine hot brewed coffee and granulated sugar in a heatproof bowl, stirring until sugar is completely dissolved. Sprinkle the gelatin powder evenly over the coffee mixture, then whisk until the gelatin is fully dissolved and the mixture is smooth.

Phase 02

Set Jelly in Dish: Pour the coffee gelatin mixture into a small square or rectangular dish. Transfer to the refrigerator and chill for at least 2 hours, until fully set.

Phase 03

Cut Coffee Jelly Cubes: Once set, remove the dish from the refrigerator. Using a sharp knife, cut the jelly into small cubes, approximately 1/2 inch each.

Phase 04

Prepare Serving Glasses: Divide the coffee jelly cubes evenly between two tall glasses. Add ice cubes as desired.

Phase 05

Add Milk: Pour 1/2 cup cold milk into each glass over the jelly cubes.

Phase 06

Pour Espresso and Sweeten: Gently pour 1 shot of espresso or strong coffee over the milk in each glass. Sweeten with sugar according to your preference.

Phase 07

Optional Garnishes: Top each latte with whipped cream. Garnish with a dusting of cocoa powder or chocolate shavings if desired.

Phase 08

Serve: Serve immediately with a long spoon and straw to enjoy both the jelly and latte components.

Kitchen tools needed

  • Heatproof bowl
  • Whisk
  • Small dish or pan for setting jelly
  • Sharp knife
  • Tall glasses
  • Spoon
  • Straw

Allergy details

Always review individual ingredients for potential allergens and seek professional medical guidance if uncertain.
  • Contains dairy from milk and whipped cream. For dairy-free preparation, use plant-based milk and dairy-free whipped topping. Verify gelatin and other ingredients for hidden allergens.

Nutrient breakdown per portion

Numbers shown are estimates only - consult healthcare providers for specific advice.
  • Energy: 140
  • Fats: 4 g
  • Carbohydrates: 22 g
  • Proteins: 5 g