This refreshing McCafe Iced Mocha Recipe is a creamy and chocolatey beverage, which uses robust cold brewed coffee and rich chocolate syrup. It’s a budget-friendly copycat recipe, perfect for beating the summer heat in under 5 minutes.
Jump to RecipeMcCafe Iced Mocha Ingredients
The Base:
- Ice cubes: You need a lot—fill the glass to the brim to keep the drink frosty without melting too fast.
- 1/4–1/3 glass Cold Brewed Coffee: Cold brew is smoother and less acidic than chilled drip coffee, mimicking the smooth taste of the drive-thru version. You can adjust the ratio depending on how much of a caffeine kick you need.
- 2/3–3/4 glass Milk: 2% milk is standard for that creamy mouthfeel, but oat milk or almond milk work perfectly for a dairy-free alternative.
The Flavor:
- 1–2 tbsp Chocolate Syrup: Classic Hershey’s syrup works best here to replicate the authentic McCafe flavor profile.
- 1–2 tsp Sugar (optional): Only add this if you like your coffee extremely sweet, as the chocolate syrup already provides significant sugar.
The Topping:
- Whipped Cream: Canned aerosol whip is the easiest way to get that high pile of fluff.
- Extra Chocolate Syrup: For the signature drizzle on top.

How To Make McCafe Iced Mocha
- Ice the Glass: Fill a tall glass completely with ice cubes. Don’t be stingy; more ice keeps the drink colder for longer without diluting it as quickly.
- Pour the Coffee: Pour in your cold brew or chilled leftover coffee. Fill about 1/4 of the glass for a milky, sweet drink, or up to 1/3 if you want a stronger coffee flavor.
- Add the Milk: Top the rest of the glass up with your milk of choice (2%, oat, almond). Leave about an inch of room at the top if you plan on adding a mountain of whipped cream.
- Flavor and Mix: Squeeze in the chocolate syrup and add the sugar (if using). Crucial Step: Stir vigorously with a spoon or a straw. Chocolate syrup is heavy and loves to sink to the bottom; you want to ensure it is fully dissolved into the cold milk and coffee mixture.
- Garnish: Top with a generous swirl of whipped cream and a final zigzag drizzle of chocolate syrup. Insert a straw and enjoy.

Recipe Tips
- Coffee Ice Cubes: To prevent your mocha from getting watery as it sits, freeze some leftover coffee in an ice tray the night before. Use these coffee cubes instead of regular ice for a drink that gets stronger as it melts.
- Dissolving Trick: If you find the chocolate syrup hard to mix into the cold liquid, mix the syrup with the coffee before adding the ice and milk. The slightly less-cold coffee helps the syrup emulsify better.
- Milk Choice: For the closest texture to McDonald’s, use whole milk or 2%. Skim milk will taste a bit watery, while oat milk adds a lovely toasted flavor that complements the chocolate.
- Instant Option: If you don’t have cold brew, you can dissolve a teaspoon of instant espresso powder in a tablespoon of hot water, then fill with cold water and ice.
What To Serve With McCafe Iced Mocha
- Glazed Donuts: Coffee and donuts are the ultimate pair.
- Breakfast Sandwich: A savory egg muffin balances the sweet chocolate drink.
- Chocolate Chip Cookies: Double down on the chocolate.
- Croissants: A buttery pastry pairs well with the creamy mocha.

How To Store McCafe Iced Mocha
- Immediate Consumption: This drink is best enjoyed immediately while the ice is fresh.
- Batch Prep: You can mix the coffee, milk, and chocolate syrup in a pitcher and keep it in the fridge for up to 3 days. Pour over fresh ice when ready to serve.
McCafe Iced Mocha Nutrition Facts
- Calories: 240 kcal
- Carbohydrates: 38g
- Fat: 8g
- Protein: 6g
- Sugar: 32g
Nutrition information is estimated per glass with 2% milk and whipped cream.
FAQs
Yes. Combine the coffee, milk, and syrup in a mug and heat in the microwave or on the stove. Top with whipped cream after heating.
Generally, yes. Coffee, milk, and most major brands of chocolate syrup (like Hershey’s) are gluten-free, but always check the syrup label to be sure.
To make a mocha frappe, throw all the ingredients (including the ice) into a blender and pulse until smooth and slushy.
McCafe Iced Mocha Recipe
Course: DrinksCuisine: AmericanDifficulty: Easy1
servings5
minutes240
kcalA DIY version of the popular drive-thru drink, combining cold brew coffee, milk, and chocolate syrup over ice for a sweet caffeine kick.
Ingredients
Ice cubes
1/3 cup cold brew coffee
3/4 cup milk
2 tbsp chocolate syrup
Sugar (optional)
Whipped cream
Directions
- Fill glass with ice.
- Add coffee and milk.
- Stir in chocolate syrup and sugar vigorously.
- Top with whipped cream and extra syrup drizzle.
- Serve immediately.
Notes
- Use coffee ice cubes to avoid dilution.
- Mix syrup well to prevent sinking.
- Adjust coffee ratio for strength.
