• About
    • About Me
      • resources for a simple blog
    • Work with Me
  • Recipe Index
    • Purees
    • Brunch
    • Dessert
    • Dinner
    • Side Dishes
    • Kid Friendly Snacks
  • Disclosures
  • Subscribe
  • The Beginners Guide to Simple Meal Planning
menu icon
go to homepage
  • Holiday Recipes
  • Recipes
  • About
  • Subscribe
subscribe
search icon
Homepage link
  • Holiday Recipes
  • Recipes
  • About
  • Subscribe
×
Home » Recipes » Recipes

Homemade Iced Mocha Coffee

Published: Nov 13, 2024 by Marni Katz · This post may contain affiliate links ·

Jump to Recipe
pin for pinterest
pin for pinterest
pin for pinterest

Making your own iced mocha coffee might sound complicated, but trust me, it's way easier than it seems! With just a few ingredients and less than 5 minutes, you'll have a delicious iced coffee that's ready to go without leaving home.  And if you have a busy family like mine, you know that running to your favorite coffee shop isn't as easy as it once was.

I wasn't a coffee drinker for most of my life. But when I discovered iced mochas my coffee addiction was fueled forever! I'm a chocoholic at heart so the combo of coffee and chocolate is the perfect way to start my day. And when I really want to jump start the day, I make this chocolate peanut butter smoothie, add some coffee and make a super charged breakfast in one!    

This iced coffee drink is made with homemade chocolate syrup that's incredibly easy to prepare and lets you control the sweetness and flavor. So whether you're a seasoned coffee lover or just dabbling into the world of iced coffee, this recipe will give you a smooth and creamy mocha with a perfectly balanced chocolate flavor every time.

iced mocha coffee with whipped cream and chocolate sauce dripping down the side


 

Ingredients

ingredients for an iced mocha
  • Coffee: Freshly brewed or cold brew works great. If you're making it fresh, be sure to let it cool before using it in this recipe. Cold brew coffee is less acidic and smoother, making it perfect for iced drinks. If you have the time, make a batch of cold brew and keep it in the fridge for up to a week.
  • Milk: Any type of milk will do, this is totally personal preference.  Heavy cream or half and half will give you a super creamy rich iced mocha, but I use skim milk on a daily basis.  You can easily substitute almond, soy, or oat milk for a dairy-free version as well.
  • Chocolate Syrup: I like to use my homemade chocolate syrup, but when I don't have any on hand, Hershey's chocolate syrup is by backup. 

☕Hot Tip:

Make a LARGE pot of coffee at the beginning of the week and store it in the fridge so you can make this iced mocha coffee recipe on a whim.

Step by Step Directions

  1. Make the coffee: Make a pot of coffee using your preferred method. Once brewed, let it cool. You can also use cold brew if you have it on hand.
  2. Fill your cup: In a mason jar or your favorite cup, add 3-4 ice cubes. Pour the cold coffee over the ice.
  3. Add the milk: Pour in the milk
  4. Add the chocolate syrup: Add your homemade chocolate syrup (I like to count to 7 for a perfect amount, but you can adjust to your taste).
  5. Shake it up: Put a lid on your mason jar and give it a good shake to combine everything. You can also stir really well with a long spoon or use a frother to mix everything first, then add the ice.
  6. Enjoy: Pop in a straw and sip away!
coffee being poured into a mason jar with ice
milk being poured into a mason jar with ice and coffee
adding chocolate sauce to a glass of iced coffee
mixing up an iced coffee in a mason jar

Make Coffee Ice Cubes

A great trick for making sure your iced mocha coffee doesn't get watered down as you drink it is to make coffee ice cubes.  All you need to do is brew a batch of coffee or make a pot of cold brew coffee and then pour the cooled coffee into ice cube trays.  

Pop the trays into the freezer and once frozen, remove the coffee cubes from the trays and store them in a zip top freezer bag.

You can then use these cubes in all your iced coffee drinks and they will never get watered down.  If you are concerned that it will throw off the ratio of milk to coffee, I've got you!

Freeze a few cubes of milk and go 2:1, two coffee cubes to one milk cube.  Really want to get crazy, use the homemade chocolate syrup to make chocolate milk, then freeze...you are now on the road to iced mocha perfection every time!

How to Chill Coffee Quickly

There are three methods I use for cooling down hot coffee quickly if I don't already have cold coffee in the fridge and I NEED to make an iced mocha.

  • Brew a pot of coffee and pour over coffee ice cubes.  
  • Brew a pot of double strength coffee and pour over regular ice cubes
  • Pour the hot coffee into a flat heat proof container (think 9x13 baking dish or glass casserole pan).  Pop that into the freezer for 10-15 minutes and it will be cooled down.  The larger surface area helps the coffee cool faster. Just don't forget it's in there!
two glasses of iced mocha with straws

Variations

  • Iced Mocha Latte:  The only difference is that you'll make espresso and not regular coffee to use at the base of the drink. Kinda like the drink version of these coffee chocolate chunk cookies.
  • Iced Mocha Frappuccino: Put all of the ingredients into a blender with a little extra ice (or coffee ice cubes) and blend.
  • Decaf:  For a great afternoon treat, use decaf coffee and prepare the iced mocha the exact same way.
  • Serve it hot: Leave out the ice and add the milk and chocolate syrup to your hot cup of coffee in the morning. Give it good stir to make sure the chocolate is mixed in well and enjoy with a 2 ingredient cinnamon roll for a cold morning treat.

Make Ahead Tip

You can brew the coffee ahead, add the chocolate syrup and store it in the fridge. 

large mason jar of coffee

When you're ready to enjoy your iced mocha, just add the coffee/chocolate mix and milk to a cup with ice, give it a shake, and you're good to go.  The cold coffee lasts in the fridge for up to a week.

More Awesome Breakfast Ideas

  • all bran muffin featured image
    One Bowl All Bran Muffins (7-Ingredients)
  • pina colada smoothie with a lime wedge in a glass
    5-Ingredient Pina Colada Smoothie
  • a pile of french toast sticks on a white plate
    5 Ingredient Make Ahead French Toast Sticks
  • challah french toast on a white plate with syrup behine
    5-Ingredient Challah French Toast Recipe

Did you try this recipe and and love it? 😍 Let me know by leaving a comment below or 5 ⭐ rating!

And make sure to sign up for my newsletter and follow along on Instagram, Pinterest, and Facebook for more simple recipes! Remember to tag us on social channels when you make a recipe at #simplegraytshirt! I 💖 seeing what you're up to in the kitchen!

📖 Recipe

iced mocha withe whipped cream and chocolate syrup drizzled everywhere

Homemade Iced Mocha Coffee

Marni Katz
Iced mocha coffee is a chocolatey treat perfect for mornings or a refreshing afternoon pick-me-up. With just a handful of ingredients, this homemade iced coffee recipe brings together rich coffee and creamy chocolate flavors-no special equipment needed! Just stir, pour over ice, and savor the chill and flavor.
5 from 1 vote
Print Recipe Pin Recipe Save Recipe Saved!
Prep Time 3 minutes mins
Total Time 3 minutes mins
Course Drinks
Cuisine American
Servings 1 glass
Calories 151 kcal

Ingredients
  

  • 1 cup cold coffee
  • ¼ cup milk or to taste
  • 2 TB Homemade chocolate syrup
  • 5 ice cubes

Instructions
 

Make the coffee

  • Make a pot of coffee using your preferred method. Once brewed, let it cool. You can also use cold brew if you have it on hand.

Make the iced mocha

  • In a mason jar or your favorite cup, add 3-4 ice cubes. Pour the cold coffee over the ice. Pour in the milk. Add your homemade chocolate syrup (I like to count to 7 for a perfect amount, but you can adjust to your taste).
  • Put a lid on your mason jar and give it a good shake to combine everything. You can also stir really well with a long spoon.
  • Take a sip, sit back, relax and enjoy!

Notes

Adjust the sweetness: If you prefer your iced mocha on the less sweet side, you can reduce the amount of sugar in the homemade chocolate syrup or simply use less syrup when mixing.
If your coffee isn’t cold try one of these tricks to get it cold fast:
  • Brew a pot of coffee and pour over coffee ice cubes.  
  • Brew a pot of double strength coffee and pour over regular ice cubes
  • Pour the hot coffee into a flat heat proof container (think 9x13 baking dish or glass casserole pan).  Pop that into the freezer for 10-15 minutes and it will be cooled down.  The larger surface area helps the coffee cool faster. Just don't forget it's in there!
If you aren't making this in a mason jar use a frother to mix everything first, then add the ice.

Nutrition

Calories: 151kcalCarbohydrates: 29gProtein: 3gFat: 2gSaturated Fat: 1gPolyunsaturated Fat: 0.1gMonounsaturated Fat: 1gCholesterol: 7mgSodium: 60mgPotassium: 297mgFiber: 1gSugar: 23gVitamin A: 99IUVitamin C: 0.1mgCalcium: 87mgIron: 1mg
Tried this recipe?Let me know what you think!

More Recipes

  • hanukkah cookies with chocolate gelt and m&ms.
    4-Ingredient Cake Mix Hanukkah Cookies
  • Foolproof Roasted Sweet Potatoes (4-Ingredients)
  • honey roasted carrots on a white plate
    4-Ingredient Honey Roasted Carrots
  • miso corn in a blue speckled bowl
    2-Ingredient Miso Butter Corn

About Marni Katz

Marni Katz is the recipe developer, photographer and writer behind Simple Gray T-Shirt. She wants to help people keep things simple in the kitchen. With simple recipes, easy menu ideas and plenty of tips and tricks along the way, she wants getting a meal on the table to be as simple as putting on your favorite gray tee!
"I want to inspire you to get back in the kitchen and do this, because you can!"

Comments

  1. Marni Katz says

    September 08, 2025 at 1:10 pm

    5 stars
    This is the coffee recipe that fuels this blog. I drink this almost every morning to get my day going!

    Reply
5 from 1 vote

Leave a Reply 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.

I'm so glad your here!

As a busy mom of three, I believe in keeping recipes simple. 7-ingredients or less is my goal, and everything is kid-tested and approved!

More about me

Most Popular Recipes

  • slice of pudding pie on a plate with whip cream and a fork
    Vanilla Pudding Pie with Graham Cracker Crust
  • whipped pudding in a glass bowl.
    Easy 2-Ingredient Vanilla Mousse (no cook method)
  • chocolate pudding pie with a slice removed, garnished with crushed oreos
    4-Ingredient No Bake Chocolate Pudding Pie
  • three ingredient garlic butter sauce in a mason jar with cloves of garlic
    3-Ingredient Garlic Butter Sauce
  • butternut squash ravioli in a sage sauce in the saute pan
    3-Ingredient Butternut Squash Ravioli Sauce
  • blueberry dump cake on a small white plate with whipped cream and fresh blueberries
    3-Ingredient Blueberry Dump Cake

Holiday Favorites

  • three latkes stacked on a plate with a dollop of applesauce
    Grandma's Crispy Potato Latke Recipe
  • a slice of sweet potato pie on a plate with a fork
    Sweet Potato Casserole with Canned Yams (made in 1 Bowl)
  • hanukkah cookies with chocolate gelt and m&ms.
    4-Ingredient Cake Mix Hanukkah Cookies
  • green cookies in pile with a glass of milk behind
    Easy Grinch Cake Mix Cookies (4-Ingredients)
  • two hello dolly cookie bars piled on top of each other on parchment paper
    Simple Hello Dolly Cookie Bars (aka 7-Layer Bars)
  • garlic rolls in a bread basket lined with a linen
    Pull Apart Garlic Bread Rolls (4-Ingredients)

As Seen In

as featured in with logos from media features

Footer

↑ back to top
12 months dinner done pin

Don't know what to make for dinner?

Get my 12 Months - Dinner Done eBook!

12 months of dinner ideas done for you AND an easy to use method for creating dinner menus your family will LOVE!

Grab it here!

Details

  • Privacy Policy
  • Terms & Conditions
  • Accessibility Policy

Stay In Touch

  • Sign Up! for emails
  • Instagram
  • Facebook

About

  • About
  • FAQ
  • Contact

As an Amazon Associate I earn from qualifying purchases.

Copyright © 2025 Simple Gray T-Shirt

Rate This Recipe

Your vote:




A rating is required
A name is required
An email is required

Recipe Ratings without Comment

Something went wrong. Please try again.