• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Posh Journal
  • Recipes
  • Collections
  • Subscribe
  • About
    • Contact
    • Disclosure/Privacy Policy
menu icon
go to homepage
  • Recipes
  • Collections
  • Subscribe
  • About
    • Contact
    • Disclosure/Privacy Policy
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • subscribe
    search icon
    Homepage link
    • Recipes
    • Collections
    • Subscribe
    • About
      • Contact
      • Disclosure/Privacy Policy
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • ×

    Homepage » Recipes

    Iced Coffee Mocha with Homemade Chocolate Syrup

    Published: Mar 21, 2020 · Modified: May 16, 2020 This post may contain affiliate links · This blog generates income via ads · 10 Comments

    1369 shares
    • Share70
    • Tweet
    • Yummly
    • Mix
    • WhatsApp
    • Flipboard
    • Telegram
    Jump to Recipe Print Recipe
    Iced Coffee Mocha Recipe

    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:

    • INSTANT POT GOULASH
    • INSTANT POT QUESO DIP RECIPE
    • INSTANT POT HAMBURGER HELPER
    • INSTANT POT CARNITAS – MEXICAN PULLED PORK
    • INSTANT POT BEEF STROGANOFF
    • INSTANT POT BRISKET AKA PULLED BEEF FOR SLIDERS!
    • INSTANT POT BEEF SHORT RIBS – BONELESS!
    • INSTANT POT GREAT NORTHERN BEAN SOUP
    • INSTANT POT ITALIAN SAUSAGE KALE SOUP

    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!

    Iced coffee mocha
    4.84 from 6 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.
    Print Recipe Pin Recipe
    Prep Time 10 mins
    Cook Time 5 mins
    Total Time 15 mins
    Course Breakfast/Drink
    Cuisine American
    Servings 2
    Calories 255 kcal

    Ingredients
     

    (Step 1) For Chocolate Syrup:

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

    (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
    Keyword Iced Coffee, Iced Coffee Mocha
    Tried this recipe?Let us know how it was!

    More Recipes

    • Beer Braised Chicken Thighs
    • Hot Shrimp Dip
    • Southern Fried Cabbage with Bacon and Onions
    • Hot Spinach Artichoke Dip
    1369 shares
    • Share70
    • Tweet
    • Yummly
    • Mix
    • WhatsApp
    • Flipboard
    • Telegram

    Reader Interactions

    Comments

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

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

      Recipe Rating




      This site uses Akismet to reduce spam. Learn how your comment data is processed.

    1. Denise Wright

      July 11, 2017 at 4:23 pm

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

      Reply
    2. Sues

      July 11, 2017 at 7:23 pm

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

      Reply
    3. Anita

      July 11, 2017 at 7:51 pm

      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! 🙂

      Reply
      • rika agustini

        July 11, 2017 at 7:57 pm

        Love your idea! Stronger taste!

    4. Vicky @ Avocado Pesto

      July 12, 2017 at 1:45 am

      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!

      Reply
    5. Dannii

      July 12, 2017 at 2:13 am

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

      Reply
    6. emma

      March 21, 2020 at 9:24 am

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

      Reply
      • Rika Livingston

        March 21, 2020 at 11:22 am

        Hi Emma,

        I am so glad that you liked this recipe!

    7. Gerry - BK

      April 24, 2020 at 12:10 pm

      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

      Reply
      • Rika Livingston

        April 24, 2020 at 12:14 pm

        Hi, Gerry

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

    Primary Sidebar

    How I Relax with Straight Up Tea

    Hi, I'm Rika! Through Posh Journal I share my passion for food, travel and other things I enjoy along the way.  Don’t let the name fool you, most of my recipes are easy to cook and can be enjoyed on a daily basis. 

    More about me

    Popular Posts

    • Healthy Baked Chicken Tenders (Oven-Fried Chicken Strips)
    • Fish Soup (Flavorful and Easy!)
    • Roasted Baby Potatoes with Rosemary and Garlic
    • Perfect Lemon Pepper Chicken Thighs

    Featured On

    As Featured On

    © 2022–2023 poshjournal

    1369 shares
    • 70