Go Back
+ servings
Iced coffee mocha
4.8 from 5 votes

Iced Coffee Mocha

Make your own iced mocha coffee at home, save money and save time because you don’t need to go to the coffee shop to enjoy the deliciousness of this refreshing iced coffee mocha.
Prep Time 10 mins
Cook Time 5 mins
Total Time 15 mins
Course Breakfast/Drink
Cuisine American
Servings 2
Calories 255 kcal


(Step 1) For Chocolate Syrup:

  • ¼ cup chocolate powder
  • ½ cup milk
  • 1 cup white sugar
  • tsp vanilla extract
  • a pinch of salt to taste

(Step 2) For Brew Coffee:

  • 4 tbsp medium-coarse coffee, (dark, preferably strong coffee)
  • 12 oz hot water

(Step 3) For Iced Coffee Mocha:

  • 12 oz chilled coffee , (from Step 2)
  • 2 cups of milk
  • ¼ cup chocolate syrup , (from Step 1)
  • optional sugar


To Make Chocolate Syrup:

  • In a large saucepan over medium-low heat, add cocoa powder and milk, whisk until dissolved.
  • Add the sugar and stir until dissolved.
  • Once the sugar is dissolved completely, bring to a boil for about 3 minutes.  Watch carefully and do not burn.
  • Remove from the heat, add vanilla extract and salt to taste.

To Brew Coffee for American Press Coffee Maker Users (For others, Follow the manufacturer's guide for Brewing the Coffee):

  • Add hot water and coffee into American Press Coffee Maker.
  • Press and pre-infuse for at least 2 minutes.
  • Pour. Serve hot or cold. 

To Make Iced Coffee Mocha:

  • Put all the iced mocha coffee ingredients (as mentioned in Step 3) in a blender. Blend until smooth.
  • Add sugar if needed. Also, use less or more chocolate syrup according to your liking.
  • Serve with ice cubes and whipped cream. ENJOY!


Calories: 255kcalCarbohydrates: 36gProtein: 9gFat: 8gSaturated Fat: 5gCholesterol: 24mgSodium: 135mgPotassium: 489mgFiber: 1gSugar: 31gVitamin A: 395IUCalcium: 281mgIron: 1mg
Keyword Iced Coffee, Iced Coffee Mocha
Tried this recipe?Let us know how it was!