Mocha Iced Coffee

5 from 2 votes

This post may contain affiliate links! For more info, check out our privacy policy.

Recreate your favorite coffee shop order at home. This mocha iced coffee tastes like a treat, and is surprisingly easy to put together. You don’t need a frother or fancy equipment – just coffee and a pot, or microwave!

If you are looking for more coffee drinks, be sure to check out our Chocolate Coffee Milkshake.

Mocha Iced Coffee

What Ingredients Do You Need To Make This Easy Iced Mocha Recipe? 

Chocolate: You have some room for creativity here. Chop up your favorite chocolate bar. For the fullest flavor and smoothest texture, we suggest using one that is 70-75% cacao. Then, add some granulated sugar to sweeten it so that it isn’t too rich.

Milk: Use your favorite kind of milk to transform the chocolate into a chocolate creamer. If you’re vegan, coconut, oat milk, or almond milk are popular choices. You can also use whole milk, too. 

Coffee: This is the other half of the mocha. Brew your favorite coffee and then let it cool before adding it to your cup with ice. You can make your own coffee at home, such as drip coffee, but you can also make or buy cold brew as well to use for this!

Mocha Iced Coffee

Iced Mocha Latte Instructions

Make the chocolate sauce

Place the chopped chocolate bar in a microwave-safe bowl and add a tablespoon of your milk and the sugar. Melt the chocolate and milk in the microwave in 15-second increments. Stir it really well in between each one. This will give it a smooth consistency as it melts. 

Prepare the cooled coffee

Brew your coffee like you normally do. Then, let your cup of coffee cool to room temperature. If you are using cold brew, you can skip this step.

Mix them together

Add the ice, coffee, and ½ cup of milk to a glass. Add the melted chocolate. Mix it well with a spoon or straw, or you can transfer to a closed shaker or mason jar to shake together. Top with your favorite toppings. 

Tips, Tricks and Substitutions 

What are the best toppings for iced mochas? 

Have fun with the toppings. Add a dollop of whipped cream and then drizzle chocolate syrup on top. Or add some chocolate shavings like we did. You can even add a bit of caramel syrup and a sprinkle of cinnamon. 

How do you blend it together? 

There’s no wrong way to blend this together. As long as the chocolate, milk, and coffee is all incorporated completely, it will taste amazing. You could use a blender to mix it. Or, use a cup with a lid – like a mason jar. Give it a nice shake and then it’s ready to drink. 

Is a mocha the same thing as an iced latte? 

No, this isn’t technically an iced latte. An iced latte is made with espresso. But if you have an espresso machine at home, use it to make an iced mocha latte. 

Check out more of our favorite drink recipes! 

If you do make this Mocha Iced Coffee recipe, Don’t forget to tag me on Instagram and through social media so I can be sure to see what you’re making! If you’d like to stay in touch and get the latest to your inbox, sign up for our Newsletter here as well!

In addition, we can also be found on YouTube, Facebook, and Pinterest!

Want to save this recipe?
Just enter your email and get it sent to your inbox! Plus you’ll get new recipes from us every week!
Please enable JavaScript in your browser to complete this form.
Mocha Iced Coffee
5 from 2 votes

Mocha Iced Coffee

Recreate your favorite coffee shop order at home. This mocha iced coffee tastes like a treat, and is surprisingly easy to put together.
Prep: 10 minutes
Cook: 0 minutes
Total: 10 minutes
Servings: 2


  • 3 ounce chocolate bar of choice, about 70% to 75% cacao, roughly chopped
  • 1 tablespoon milk of choice, plus 1 cup milk of choice
  • 1 tablespoon granulated sugar
  • Ice
  • 1 cup brewed and chilled black coffee or cold brew


  • Transfer your chopped chocolate to a microwave-safe bowl and pour over a tablespoon of milk, and sugar. Melt in the microwave in 10 to 15 second increments, stirring often to allow a smooth consistency when melted.
  • Pour a glass with ice, add in your coffee, 1/2 cup milk per cup, and your chocolate. Mix really well with a spoon or straw, and top with more shaved chocolate. You can also put this in a cocktail shaker, or mason jar, to shake it all together until completely smooth.


Calories: 23kcal, Carbohydrates: 6g, Fat: 0.02g, Sodium: 0.1mg, Potassium: 0.1mg, Sugar: 6g, Calcium: 0.1mg, Iron: 0.01mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Like this recipe? Rate and comment below!

You May Also Like:

Leave a comment

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

Recipe Rating