Iced Caramel Mocha – Coffee Recipe

This beverage is perfect for a hot summer day, or when you just need a sweet flavorful coffee drink.

It’s easy to make an iced caramel mocha at home, which is why I took the time to incorporate its recipe in my blog. Here you can see how good and refreshing it looks (and let me assure you – it tastes even better):

If you’ve been having such a drink at McDonald’s and you like it, you will definitely love what you’ll get to have by following my instructions.

In this post, you will also find out how to make Starbucks’ Iced Salted Caramel Mocha.

Before we start, it’s worth noting that the caramel mocha iced latte I made contains 168 calories without the toppings. If you add whipped cream and caramel drizzle on top of your iced beverage – it will contain around 225 kcal.

Now that we’ve cleared that out, we’re ready to continue on with this cool recipe.

Let’s dive in.


Iced Caramel Mocha Ingredients

  • Ice Cubes.
  • Double espresso shot or 2 fl oz (60 ml) of brewed coffee.

    If you want to learn the difference between a single and a double espresso, check out this post.

    I always make my mocha lattes with a double espresso shot as I prefer more pronounced coffee flavor

    Nevertheless, I know that not all of you have an espresso machine at home.

    Therefore the espresso shot can be substituted with 2 fl. oz. (60 milliliters) of Moka pot brewed coffee.

    Related post: How to Make Coffee in a Moka pot – Guide With Photos.

    You can also use cold brew concentrate – 2 fl. oz. (60 milliliters).

    Bear in mind, that if you’re about to use coffee brewed in a drip coffee maker, you may want to increase the amount you add. This is because drip coffee is weaker compared to espresso and Moka pot coffee.

    To make your iced caramel mocha you can even dissolve a teaspoon or two (depending on how strong you want it) of instant coffee powder in 2 fl. oz. of water and use that for your drink instead of an espresso shot.

  • Milk.

    I use 4 fl oz (120 ml) of milk for my mocha.

    You can use whole milk, half-and-half (if you want a creamier drink), or plant-based milk, such as almond, soy, coconut, oat milk, etc.

    It’s really up to you and your taste.
  • Dark Chocolate Sauce.

    I add 1 tablespoon of Monin’s dark chocolate gourmet sauce.

    I actually have a large bottle with a pump, and 1 pump equals 1 tablespoon (52 kcal each if anyone wonders).

    By clicking here you can check this delicious dark chocolate sauce by Monin on Amazon.

    I definitely recommend trying it out. With that being said, if you have a different dark chocolate sauce that you love and want to use for the caramel mocha recipe, do so (and please share which one it is in the comment section).
  • Caramel sauce or syrup.

    You need 1 tablespoon of Caramel sauce or syrup added to your drink.

    I’ve tried quite a few, and Monin’s caramel gourmet sauce is the best one I’ve tried so far.

    It’s also better for toppings as it’s thicker and doesn’t spill over the glass so it helps you to avoid the mess.

    Unfortunately, when I was making my homemade iced caramel mocha I was out of it and I used this syrup instead.

    The result was still fantastic.
  • Whipped Cream for the topping (optional).

    You may want to top off your drink with whipped cream and caramel drizzle.

    To be honest, I don’t think you need that, as this iced beverage is simply perfect even without the toppings.


As I mentioned, I used my espresso machine to pull my double espresso shot. But you can work with whatever you have access to (Moka pot, drip coffee maker, instant coffee, etc).

Other than that, I used a milk frother to have my caramel mocha’s ingredients mixed well. I use this battery-operated device quite a lot in the making of different homemade coffee drinks.

It’s quite affordable and does a perfect job at frothing milk, whipping cream, whipping instant coffee (you can check my Dalgona coffee recipe to see what I’m talking about), etc.
Zulay milk frother
You can take a look at such a drink mixer on Amazon by clicking here.

How to Make an Iced Caramel Mocha – Instructions

To make an iced caramel mocha, you should:

  1. Add the caramel and the dark chocolate sauce to the milk.
    Making a caramel mocha: Step 1
  2. Mix the milk with the caramel, and chocolate sauce well.
    Making a caramel mocha: Step 2
  3. Pour the mix over the ice cubes in a tall glass cup.
    Making a caramel mocha: Step 3
  4. Add your coffee on top.
    Making a caramel mocha: Step 4

Now your homemade iced caramel mocha is ready. You can see how my version looks on the following photo:
Homemade iced caramel mocha, served in a glass
In order to achieve this ombre mocha latte effect, you have to add the coffee last.

You can enjoy it as is, or add some toppings such as whipped cream and caramel drizzle:
Iced Caramel Mocha topped off with whipped cream and caramel drizzle
I can assure you, this drink is truly delicious. It seems to me that it’s even better than McDonald’s iced caramel mocha.

If you want your beverage to resemble Starbuck’s Iced Salted Caramel Mocha you need to add a tablespoon of toffee nut syrup to the milk before mixing. You should also sprinkle the whipped cream topping with some smoked sea salt.

But even without these recipe adjustments, I’m sure you’ll love your DIY mocha iced coffee.

You can actually find other cool coffee and tea drink recipes here on my blog. Here are a few of them:

Yield: 1

Iced Caramel Mocha

Iced Caramel Mocha

A tasty iced coffee drink with sweet caramel and dark chocolate flavors. You can make this cold mocha beverage at home with ease by following this iced coffee recipe.

Prep Time 2 minutes
Cook Time 2 minutes
Total Time 4 minutes


  • Espresso shot - Double (2 fl. oz., 60 ml.)*
  • Milk - 4 fl. oz. (120 ml)*
  • Dark Chocolate Sauce - 1 tablespoon
  • Caramel sauce or syrup - 1 tablespoon
  • Ice Cubes

Toppings (optional)*

  • Whipped cream
  • Caramel drizzle
  • Mocha drizzle


  1. Add caramel and dark chocolate sauce to the milk.
  2. Mix well with a drink mixer (milk frother).
  3. Pour the mix over the ice cubes in a glass.
  4. Pour the coffee on top.
  5. Add whipped cream and caramel drizzle on top (optional).


*If you don't have an espresso machine, feel free to use coffee, brewed in a Moka pot, or cold brew concentrate. You can also dilute 1 to 2 teaspoons of instant coffee into 2 fl. oz. (60 ml) of hot water and make an "instant shot" as an alternative to the espresso shot. Of course, the best mocha is always made with espresso, so substituting it with some of the aforementioned options, will have a somewhat negative impact on your drink's overall taste and quality.

*I used whole milk on this particular occasion, but feel free to substitute it with nonfat milk or a plant-based alternative.

*If you add whipped cream and caramel or mocha drizzle to your Iced Caramel Mocha, your drink's calorie count may go up from 168 to around 225 kcal per serving.

Nutrition Information:

Serving Size:

12 fl. oz. (350 ml)

Amount Per Serving: Calories: 168

Over to You

It’s easy to make an iced caramel mocha at home.

If you want to find out more about what a mocha actually is and where its name comes from, check out this article.

That being said, in this post I made sure to give you some cool ingredient and equipment ideas that will take your home barista experience to the next level. I hope you found some useful information.

Other than that, let me know in the comments below whether you’ve tried this recipe out.

Leave a Comment

Skip to Recipe