Coffee Jelly
Coffee jelly is very easy to make: Sweeten strong coffee while heating it, then add a mixture of powdered gelatin and water and let it set up in the fridge. This recipe creates coffee jelly that is light and not too sweet, though you can adjust the sweetness to your liking. It's perfect for dessert, especially following a Japanese dinner in place of or alongside a cup of coffee. It's known as a refreshing Japanese summertime treat, but feel free to enjoy it all year long.
INGREDIENTS
- 1 tablespoon unflavored gelatin powder
- 1/4 cup water
- 2 cups brewed strong black coffee
- 2 tablespoons sugar
- Whipped cream, optional
INSTRUCTIONS
- Gather the ingredients.
- In a small bowl, combine the gelatin powder and water.
- Place the brewed coffee and sugar in a medium saucepan and bring to a near boil over medium-high heat.
- Turn off the heat, and whisk in the gelatin mixture until it dissolves. Set aside to cool, about 10 to 15 minutes.
- Pour the coffee gelatin mixture into a shallow baking dish (8- or 9-inch square or 11 x 7 inches) and refrigerate until set, about 5 hours.
- Once the coffee jelly has set, cut the gelatin into 1/2-inch cubes.
- Spoon the cubes into individual serving dishes and top with whipped cream, if desired.
TIPS
- This recipe requires strong coffee; if you can, use espresso as it will impart both rich flavor and wonderful aroma. Alternatively, brew coffee with a drip cone, moka pot, or French press as these nonelectric brewers produce a richer coffee than the standard drip machine.
- Leftover coffee jelly will keep in the fridge for up to two days when stored in an airtight container.
RECIPE VARIATIONS
- If you'd like sweeter coffee jelly, try an extra tablespoon of sugar and taste the coffee mixture (adding more if needed) before mixing it with the gelatin.
- To make this recipe vegetarian, use agar-agar instead of gelatin.
- Instead of cutting into cubes, make individual servings by pouring the liquid mixture into small bowls or cups.
- Create a coffee experience by placing the cubes in a mug and adding some sweetened heavy cream or condensed milk.
By Setsuko Yoshizuka. Tested by Colleen Graham.
SOURCE: The Spruce Eats
SAMPLE IMAGERY
:max_bytes(150000):strip_icc():format(webp)/coffee-jelly-2031112-hero-01-26427b336ec84d408077cf3576ba6992.jpg)
:max_bytes(150000):strip_icc():format(webp)/coffee-jelly-2031112-step-01-3cc1a2cbad2348c0a4b6387aaa2e7192.jpg)
:max_bytes(150000):strip_icc():format(webp)/coffee-jelly-2031112-step-02-6051dbcf5b16483682a5f745c766a88f.jpg)
:max_bytes(150000):strip_icc():format(webp)/coffee-jelly-2031112-step-03-72347818bb554792904639f03f81ffb2.jpg)
:max_bytes(150000):strip_icc():format(webp)/coffee-jelly-2031112-step-04-1c4d3c7f3c934b1c92c8558451990da9.jpg)
:max_bytes(150000):strip_icc():format(webp)/coffee-jelly-2031112-step-05-ee4ee57532124e04a91c6dacc3ed5e0b.jpg)
:max_bytes(150000):strip_icc():format(webp)/coffee-jelly-2031112-step-06-2bb83c8a37404ee185c846b0763bb3b5.jpg)
3 LINKS TO RECIPE WEBSITES
1. Damn Delicious
This site stood out to me as a good reference because of how clean the layout is; there is a nice balance of text and photos. There is also an option to jump directly to the recipe in case the user wants to skip unneccessary information, as well as pin the recipe to return to it later.
2. Love and Lemons
This site stood out to me as a good reference because of how easy it is to navigate. It allows you to quickly navigate between different sections of the recipe, such as jumping to the instructions. It also offers similar recipes and serving tips.
3. Minimalist Baker
This site stood out to me as a good reference because it balances subheadings and paragraph text nicely; the change in font weight and size allows the user to easily distinguish between sections of the recipe. There are also links to specific ingredients that the writer used.
3 LINKS TO NON-RECIPE WEBSITES
1. ETQ
I would like to take inspiration from the clean, grid like format of this website. I think it is very effective in creating a clear sense of navigation and usability, as well as balancing text and image within a set space; I would like to convey similar movements in my own website.
2. ZARA
I would like to take inspiration from the way this site establishes negative space and how it uses thin boxes to outline large bodies of text. I think that the boxes create a clean foundation; without them, the text would have looked like it was floating on the page.
3. IDEO
I would like to take inspiration from this site's style, specifically their creative, colorful look that implements both photography and illustration. I think I would like to include small, simple illustrations in my site like this one, as I feel like it conveys a sense of liveliness.