How to Make Yogurt Iced Coffee at Home

Hot summer days call for cold coffee — but if you're tired of the same old iced latte or frappe, a yogurt iced coffee offers a tangy twist. This layered drink blends the boldness of espresso with creamy yogurt jelly, chilled milk foam, and a drizzle of caramel. It’s a popular café-style treat you can recreate at home without fancy equipment. Here’s exactly how to do it, using measured steps and the right textures.

To make a yogurt iced coffee, start with 30ml freshly brewed espresso, mix with 15ml caramel syrup and hot water, then cool over ice. Layer yogurt jelly in a glass, add ice, pour the cooled coffee, top with steamed and frothed cold milk, and finish with a spoonful of yogurt jelly and a drizzle of caramel. Total prep time is around 10 minutes.

What Is Yogurt Iced Coffee?

Yogurt iced coffee is a layered cold coffee drink that combines strong espresso with a sweet-sour yogurt jelly, crushed ice, cold milk foam, and a hint of caramel. Unlike a traditional iced latte or Americano, it introduces a creamy, tangy yogurt element that cuts through the bitterness and adds texture. It's served layered for visual appeal and a varied mouthfeel — similar to a coffee affogato meets a panna cotta.

Why Add Yogurt Jelly to Iced Coffee?

The yogurt jelly acts as both a flavor enhancer and a textural component. Its slight tartness balances the richness of the espresso, while the jelly-like consistency creates a contrast against the liquid layers. This makes each sip more dynamic — starting with creamy foam, moving through coffee and ice, then hitting the soft jelly before finishing with caramel sweetness. It's especially refreshing in hot weather and offers a more dessert-like coffee experience without being overly sweet.

How to Make Yogurt Iced Coffee – Step by Step

1. Prepare the Espresso Mixture

Brew a single shot (about 30ml) of espresso. Mix it with 15ml of caramel syrup and 60ml of hot water. Stir well until the syrup dissolves completely. To cool it quickly for layering, place the mixture in a container and chill it over ice water until it reaches close to room temperature. Do not let it dilute too much — aim for a cooled espresso concentrate around 40–50°C.

2. Layer the Yogurt Jelly

In your serving glass (preferably clear for layered effect), add a pre-made yogurt jelly cube or about 20–30g of set yogurt jelly. This forms the base layer and should sit neatly at the bottom. You can use store-bought yogurt jelly or prepare it ahead with gelatin or agar-agar for firmer texture.

3. Add Ice Cubes

Fill the glass about six-tenths full with crushed or cubed ice. Don’t overfill — you’ll need space for the coffee and milk foam layers. Uniform ice cubes work best to keep the drink cold without melting too fast.

4. Pour the Cooled Espresso

Slowly pour the cooled espresso-caramel mixture over the back of a spoon or directly down the inner side of the glass to preserve the yogurt jelly layer underneath. Aim to fill up to just below the halfway mark of the glass to leave room for milk foam.

5. Steam and Froth the Milk

Pour cold milk (around 4–6°C) into a steaming pitcher. Use a coffee machine steam wand to aerate and heat the milk to about 55–60°C. The goal is to create microfoam — small, velvety bubbles suitable for cappuccino-style foam, not latte art. The foam should be thick enough to hold shape when scooped. If you don’t have a steam wand, a milk frother can be used as an alternative.

6. Top with Milk Foam and Garnish

Spoon the cold milk foam onto the top of the espresso layer. You should have about 2–3cm of foam. Then, place another small piece or quenelle of yogurt jelly on top of the foam. Finish with a light drizzle of caramel syrup for contrast. Serve immediately with a straw or spoon to enjoy all the layers.

Frequently Asked Questions

Can I use flavored yogurt for the jelly?

Yes, you can use plain or mildly flavored yogurt such as vanilla or strawberry, but avoid overly sweet or fruity varieties as they may clash with the caramel and coffee. For best results, use unsweetened Greek yogurt or set regular yogurt with a touch of gelatin or agar-agar to form a firm jelly layer that holds its shape in the drink.

Do I have to make the yogurt jelly myself?

No, you can buy pre-made yogurt jelly from supermarkets or Asian grocery stores. Look for firm-set versions that won’t melt quickly in the iced drink. If making at home, gelatin or agar-agar works — dissolve in warm sweetened yogurt, pour into molds, and refrigerate until set.

What kind of milk works best for the foam?

Cold whole milk or fresh 2% milk is ideal for creating rich microfoam with good texture. You can also use oat or soy milk if dairy-free, but results vary based on protein content. The milk should be very cold (around 4°C) before steaming or frothing to produce the best foam.

Can I use instant coffee instead of espresso?

It’s not recommended. Instant coffee lacks the body and crema needed for this layered drink. For the best flavor and texture, a freshly brewed espresso shot or a concentrated ristretto is ideal. If you don't have an espresso machine, a Moka pot or high-quality aeropress brew can approximate the intensity.

How long does it take to prepare?

Total preparation time is around 10 minutes, including cooling the espresso, setting up the layers, and foaming the milk. Making yogurt jelly from scratch may add 10–15 minutes if you haven’t prepared it in advance.

Recommended FrontStreet Beans for Iced Coffee

For your yogurt iced coffee, choose FrontStreet Coffee’s Classic Blend — a medium-dark roast combining Brazilian nuttiness, Mandheling spice, and a touch of Robusta body. It brews a bold, chocolatey shot perfect for layering in iced drinks. Alternatively, try their Strawberry Candy Espresso (Geisha & CR blend), a sweet, floral option with honey-like brightness that contrasts beautifully with tart yogurt. For bright acidity, their Ethiopia Huakui offers juicy berry notes ideal in cold applications. All beans are shipped freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.