GET NEW RECIPES IN YOUR INBOX →

Iced Coffee Mocha with Homemade Chocolate Syrup

4.86 from 7 votes

Learn how to make an Iced Coffee Mocha recipe at home. This classic iced coffee drink will always satisfy your sweet tooth. It’s made from scratch and used real ingredients! It tastes similar or even better than what you get from Starbucks coffee shops! It has a just-right balance of creaminess and sweetness to the coffee.

Learn how to make an iced coffee mocha recipe at home. Brewed coffee served with homemade chocolate syrup, ice, and whipped cream.

THE BEST ICED COFFEE MOCHA RECIPE:

This Iced Coffee Mocha is made of homemade brewed coffee served with homemade chocolate syrup, ice, and the optional whipped cream. This Iced Coffee Mocha recipe is easy to make, tasty, and budget-friendly.

A FRUGAL ALTERNATIVE TO STARBUCKS ICED CAFFÈ MOCHA:

Don’t feel like going to Starbucks? Make your own iced Caffè Mocha at home. You will save money, and time because you don’t need to go to the coffee shop to enjoy the deliciousness of this refreshing iced coffee mocha. It tastes just like the gourmet-coffee shop, if not better!

Learn how to make an iced coffee mocha recipe at home. Brewed coffee served with homemade chocolate syrup, ice, and whipped cream.

Iced Coffee Mocha Ingredients:

To make your own Iced Coffee Mocha, you will need high quality of ground coffee (medium coarse-dark), hot water, homemade chocolate syrup, and extra sugar if needed. You can find the homemade chocolate syrup recipe below.

Learn how to make an iced coffee mocha recipe at home. Brewed coffee served with homemade chocolate syrup, ice, and whipped cream.

Homemade Chocolate Syrup:

In this recipe, I am going to show you how to make chocolate syrup from scratch. It's a quick and simple recipe, anyone can make this at home.

This homemade chocolate syrup uses only 4 main ingredients, all real stuff! It is made of chocolate powder, milk, sugar, vanilla extract, and a pinch of salt. It's made without additives like store-bought! It tastes great and there's no reason to buy a bottle again!

This chocolate syrup is delicious over coffee, ice cream, or as a base for hot chocolate.

The homemade syrup should be refrigerated within two hours of making, and stored in a tightly sealed container.

CHECK OUT THESE DELICIOUS INSTANT POT RECIPES:

Iced coffee mocha

To Make the Perfect Iced Coffee Mocha at Home: 

  • First, I added 4 tablespoons of medium-coarse coffee in 12 oz of water.
  • Second, I brewed the coffee for about 3-4 minutes ( I used American Express brewer).
  • Third, I poured it into a heat resistant glass, let it cool down, then added 2 tablespoons of homemade chocolate syrup, ice cubes and whipped cream to finish.

I hope you'll enjoy this Iced Coffee Mocha recipe!

📖 Recipe

Iced coffee mocha

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.
4.86 from 7 votes
Prep Time 10 minutes
Cook Time 5 minutes
Total Time 15 minutes
Course Breakfast/Drink
Cuisine American
Servings 2
Calories 255 kcal

Ingredients
 

(Step 1) For Chocolate Syrup:

(Step 2) For Brew Coffee:

  • 4 tablespoon 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

Instructions
 

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!

Nutrition

Calories: 255kcalCarbohydrates: 36gProtein: 9gFat: 8gSaturated Fat: 5gCholesterol: 24mgSodium: 135mgPotassium: 489mgFiber: 1gSugar: 31gVitamin A: 395IUCalcium: 281mgIron: 1mg
Love the Recipe? Let Us Know!Your feedback means the world to us! If you enjoyed our recipe and want to support our website, please take a moment to rate the recipe!

Comments

    4.86 from 7 votes (2 ratings without comment)

    Did you like this recipe? Leave a star rating! I'd appreciate it!

    Your email address will not be published. Required fields are marked *

    Recipe Rating




  1. Denise Wright says

    4 stars
    This looks better than what you get in the stores! I can't wait to try it!

  2. Sues says

    This is stunning and now I'm craving coffee at 10:30 p.m.! Pinned and needs to be made ASAP!

  3. Anita says

    5 stars
    Stunning photos! And I love all kind of coffee drink, so this is so going to happen soon. I am thinking of doubling the brew coffee part, make one part into coffee ice cubes, and use that instead of plain water ice cubes to make one epic coffee drink! 🙂

    • rika agustini says

      Love your idea! Stronger taste!

  4. Vicky @ Avocado Pesto says

    5 stars
    This sounds absolutely delicious! I need to get my hands on an American Press! I am an avid tea drinker too (always using loose leaf too) so this would work for tea as well!

  5. Dannii says

    We have been making all our own iced coffees and we are saving a fortune on Starbucks. I love a mocha.

  6. emma says

    5 stars
    I didn’t have any whipped cream, and this recipe was still soooo delicious! It’s quick and easy as well!

    • Rika Livingston says

      Hi Emma,

      I am so glad that you liked this recipe!

  7. Gerry - BK says

    5 stars
    What a great iced coffee this recipe made. It was delicious and had a deep chocolate flavor. I used Starbuck's bold french roast, it worked beautifully in this treat. I did add two pinches of fine sea salt to the chocolate syrup (personal preference only) and garnished with whipped cream and chocolate syrup. Thank you for sharing a recipe that I will enjoy again. BK

    • Rika Livingston says

      Hi, Gerry

      Thank you so much! I really appreciate your feedback! I am glad that you enjoyed this recipe!