Print

Iced Mocha Coffee Recipe: Easy Homemade Café Style Drink

iced mocha coffee - featured image

This creamy iced mocha coffee brings the magic of your favorite café drink right to your kitchen, blending bold coffee, rich chocolate, and milk over ice for a refreshing treat. It’s quick, customizable, and perfect for cooling off or indulging any time of day.

Ingredients

Scale
  • 1 cup (240 ml) freshly brewed strong hot coffee (or cold brew for smoother flavor)
  • 1 to 2 tablespoons (714 g) unsweetened cocoa powder (Dutch process preferred for deeper flavor)
  • 2 tablespoons (25 g) granulated sugar (or to taste; can substitute coconut sugar, honey, or maple syrup)
  • 1/2 cup (120 ml) milk of choice (whole, almond, oat, or coconut milk)
  • 1/2 teaspoon (2.5 ml) vanilla extract (optional but recommended)
  • Ice cubes (about 1 cup/120 g, or as needed to fill glass)
  • Optional toppings: whipped cream, chocolate shavings or syrup drizzle, mini marshmallows, pinch of cinnamon or nutmeg

Instructions

  1. Brew 1 cup (240 ml) of strong, hot coffee using your preferred method (French press, pour-over, drip, or instant).
  2. In a heatproof bowl or mug, add 1-2 tablespoons (7-14 g) cocoa powder and 2 tablespoons (25 g) sugar. Pour the hot coffee over and whisk or stir until cocoa and sugar are fully dissolved.
  3. Stir in 1/2 teaspoon (2.5 ml) vanilla extract and 1/2 cup (120 ml) milk of your choice. Mix well and taste, adjusting sweetness or chocolate level as desired.
  4. Fill a tall glass with ice cubes (about 1 cup/120 g). Pour the mocha mixture over the ice and gently stir.
  5. Top with whipped cream, chocolate shavings, or a drizzle of chocolate syrup if desired. Sprinkle with cinnamon or nutmeg for extra flavor. Serve immediately.

Notes

For a vegan version, use plant-based milk and whipped cream. Dissolve cocoa and sugar in hot coffee for a smooth base. Adjust sweetness and chocolate to taste. Use coffee ice cubes to prevent dilution. Prep mocha base ahead and chill for quick assembly. Blend with ice for a frappé-style drink.

Nutrition

Keywords: iced mocha, coffee, café style, homemade, chocolate coffee, summer drink, easy coffee recipe, dairy-free option, vegan coffee, cold coffee, mocha frappé