7 Iced Mocha and Coffee Recipes to Try This Summer

When the heat hits, instant coffee just won’t cut it. Whether you're avoiding the caffeine crash of soda or want something richer than plain iced coffee, making your own chilled coffee drinks at home lets you control flavor, texture, and sweetness—with results that beat any chain store.

Here are seven detailed iced coffee recipes: from a thick chocolatey mocha frappé to layered cocktails with liqueurs, fresh fruit, and whipped cream. Each uses common ingredients like espresso, ice, dairy, and flavorings—and every measurement, timing, and technique comes straight from the original guide.

Iced Mocha Frappé

This thick, dessert-like coffee drink blends espresso, ice, chocolate syrup, and vanilla ice cream for a cold mocha treat.

• Ingredients (1 serving): 1 portion iced coffee, 3 tbsp vanilla ice cream, chocolate syrup (to taste), crushed ice, whipped cream (topping)
• Steps: 1. Add crushed ice and iced coffee to a blender. 2. Pour in ~2 tbsp chocolate syrup. 3. Add vanilla ice cream (adjust to taste). 4. Blend with more crushed ice for 20–30 seconds. 5. Pour into a glass, top with whipped cream and drizzle more chocolate syrup.

Café au Lait on Ice

A chilled version of the classic French café au lait—espresso mixed with hot-brewed strength coffee, poured over ice and diluted with milk to taste.

• Espresso Method A: 16g coffee + 260cc water using a stovetop Moka pot (steam-style espresso).
  Method B: 40g coffee + 120cc water using a non-espresso brewer (e.g., drip, French press).
• Steps: 1. Add sugar to your prepared strong coffee. 2. Fill two glasses with ice. 3. Slowly pour the concentrated coffee over ice while stirring. 4. Top with milk or cream to your preferred strength.

Rainbow Iced Coffee

A vibrant layered iced coffee featuring honey, pomegranate juice, strawberry ice cream, and plenty of ice.

• Ingredients: 120ml iced coffee, 15ml honey, whipped cream, 10ml pomegranate juice, 1 scoop strawberry ice cream, 160g crushed ice, 1 red cherry
• Steps: 1. Cool brewed coffee in advance. 2. Stir honey into the coffee. 3. Add pomegranate juice. 4. Pour crushed ice into a glass, then add coffee mixture. 5. Pipe whipped cream around the edge, add strawberry ice cream and a cherry.

Latin Iced Coffee

A minty Latin-inspired iced coffee with green crème de menthe liqueur and whipped cream.

• Ingredients: 120ml iced coffee, 30ml green crème de menthe, 30ml whipped cream
• Steps: 1. Prepare and cool the coffee. 2. Add crushed ice to a glass, pour in coffee. 3. Pipe whipped cream on top, then drizzle green crème de menthe over it.

Eden Iced Coffee

This dessert-like iced coffee includes brandy, green crème de menthe, cotton candy, and chocolate topping.

• Ingredients: 120ml iced coffee, 30ml sugar syrup, 5ml brandy, 30ml green crème de menthe, 180g crushed ice, 3–4 marshmallows, chocolate syrup
• Steps: 1. Brew coffee, stir in sugar syrup, and cool. 2. Add crushed ice, then pour in coffee and brandy. 3. Top with whipped cream, add marshmallows and chocolate syrup.

Fruit Coffee

A fruity twist on iced coffee with chopped fruit, brown cacao liqueur, and marshmallows for a tropical layered drink.

• Ingredients: 120ml iced coffee, 30ml sugar syrup, 5ml brandy, 30ml green crème de menthe, 180g crushed ice, 3–4 marshmallows, 10ml brown cacao liqueur, assorted fruit cubes
• Steps: 1. Brew coffee, stir in sugar syrup, and cool. 2. Add crushed ice, pour in coffee. 3. Add brown cacao liqueur. 4. Arrange fruit cubes around the glass rim. 5. Top with whipped cream.

Kahlua Cola Iced Coffee

A fizzy iced coffee with cola, Kahlua, and a sweet chocolate drizzle finish.

• Ingredients: 120ml iced coffee, 30ml sugar syrup, 100ml lemon-lime soda, 7ml Kahlua, 180g crushed ice, chocolate shavings
• Steps: 1. Brew coffee, stir in sugar syrup, and cool. 2. Add Kahlua to a glass, then pour in coffee and soda. 3. Top with whipped cream and sprinkle chocolate shavings.

Frequently Asked Questions

What’s the simplest iced mocha recipe?

The Iced Mocha Frappé is the easiest rich mocha option: blend iced coffee, chocolate syrup, vanilla ice cream, and crushed ice, then top with whipped cream and more syrup. It takes just 20–30 seconds in a blender.

Can I make these drinks without an espresso machine?

Yes. For non-espresso options, use strong brewed coffee made with 40g coffee and 120cc water (non-espresso method) or 16g coffee + 260cc water via Moka pot. Both replicate espresso strength for iced café au lait and other recipes.

Do I have to use alcohol in these drinks?

No. Recipes like Rainbow Iced Coffee, Iced Mocha Frappé, and Café au Lait on Ice are alcohol-free. Only Latin, Eden, Fruit, and Kahlua Cola versions include liqueurs like crème de menthe, brandy, or Kahlua.

What’s the best ice coffee base to use?

For authentic mocha flavor, use an espresso made from a medium-dark roast with chocolate or nut notes. FrontStreet’s Specialty or Black Cocoa Blend work well. For non-espresso bases, strong brewed coffee (40g/120cc or 16g/260cc) also works.

Can I use plant-based milk in these recipes?

Yes. The article suggests milk or cream but does not specify type. Plant milks like oat or soy can substitute for dairy in all drinks except where whipped texture matters (e.g., whipped cream).

Recommended FrontStreet Beans for Iced Mocha

For rich mocha-flavored iced coffee, try FrontStreet’s Specialty Blend or Black Cocoa Blend. The Specialty Blend offers chocolate, roasted nuts, and creamy body—perfect for blending with ice and syrup. The Black Cocoa Blend highlights deep cocoa and dark roast sweetness, mimicking traditional mocha profiles. Both pair well with milk, ice, and chocolate toppings. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.