Easy Iced Mocha Recipe with DIY Mocha Syrup

User Reviews

4.5

78 reviews
Excellent
  • 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

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.

I Made This!

58 people made this

Save this

46 people saved this

Ingredients

Servings

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
Add to Shopping List

Instructions

  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

Show Details
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 kcal

% 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.

Genuine Reviews

User Reviews

Overall Rating

4.5

78 reviews
Excellent

Write a Review

Drag & drop files here or click to upload
Other Recipes

You'll Also Love

Iced Mocha Recipe

American
5.0 (90 reviews)

Macro-Friendly Iced Mocha

American
5.0 (3 reviews)

Chocolate Mocha Iced Coffee

American
5.0 (3 reviews)

Homemade Mocha Coconut Iced Coffees

American
5.0 (3 reviews)

Iced White Chocolate Mocha

American
0.0 (0 reviews)

Healthy Iced Mocha [Vegan + Low Sugar]

Italian, American, Canadian
5.0 (18 reviews)

Cheat's Iced Salted Caramel Mocha

American
4.9 (39 reviews)

Cinnamon Mocha Iced Coffee

American
4.5 (6 reviews)

Iced White Chocolate Mocha

American
5.0 (30 reviews)

Starbucks Iced Coconut Mocha Macchiato

American
5.0 (6 reviews)

Homemade Nesquik Iced Mocha

American
5.0 (33 reviews)

Blended Iced Mocha

American
5.0 (24 reviews)