Servings
Font
Back
4.5 from 78 votes

Easy Iced Mocha Recipe with DIY Mocha Syrup

You'll never hit the coffee shop again with this Easy Iced Mocha Recipe in your back pocket! It's a breeze to make at home.

Cook Time
mins
Additional Time:
5 mins
Total Time
10 mins
Servings: 10 servings (2 tablespoons of syrup each)
Calories: 190 kcal
Course: Drinks
Cuisine: American

Ingredients

Mocha Syrup
  • ½ cup unsweetened cocoa powder or cacao powder
  • 1 cup granulated or cane sugar
  • ⅛ teaspoon sea salt
  • ½ cup cold water
  • 1 ½ teaspoons vanilla extract
Iced Mocha
  • ½ cup whole milk
  • ½ cup chilled strongly brewed coffee or espresso cold brew concentrate works well
  • 1-2 tablespoons Mocha Syrup to taste
  • Whipped cream and more mocha syrup for serving

Instructions

    Cup of Yum
  1. To make the mocha syrup, combine the cocoa or cacao powder, sugar, salt, and water in a small saucepan over low heat. Heat, whisking frequently, until the sugar dissolves and the syrup is smooth and glossy. Remove from heat, whisk in the vanilla, and set aside to cool.
  2. To make a mocha, combine milk, coffee or espresso, and mocha syrup in a glass measuring cup or mason jar with a tight fitting lid. Whisk or shake the mixture until well incorporated and frothy.
  3. Pour mocha over ice into a glass. Top with whipped cream and extra chocolate syrup, if desired.

Notes

  • This works well with plant-based milks, too. Our favorites are full-fat coconut milk from the can and oatmilk.
  • If you’d like to swap out the sugar for honey or maple syrup, you can. Just be aware that the mocha syrup will take on the natural flavors of the sweetener you use. Replace the 1 cup of sugar with ¾ cup of honey or maple syrup.
  • The mocha syrup will stay good in the fridge for a month or even longer.
  • Pour extra coffee or espresso into ice cube trays and freeze for an easy way to chill freshly brewed coffee.

Nutrition Information

Serving 2tablespoons mocha syrup Calories 190kcal (10%) Carbohydrates 40g (13%) Protein 3g (6%) Fat 2g (3%) Saturated Fat 1g (5%) Polyunsaturated Fat 1g Cholesterol 7mg (2%) Sodium 64mg (3%) Fiber 1g (4%) Sugar 30g (60%)

Nutrition Facts

Serving: 10servings (2 tablespoons of syrup each)

Amount Per Serving

Calories 190

% Daily Value*

Serving 2tablespoons mocha syrup
Calories 190kcal 10%
Carbohydrates 40g 13%
Protein 3g 6%
Fat 2g 3%
Saturated Fat 1g 5%
Polyunsaturated Fat 1g 6%
Cholesterol 7mg 2%
Sodium 64mg 3%
Fiber 1g 4%
Sugar 30g 60%

* Percent Daily Values are based on a 2,000 calorie diet.