Easy Iced Mocha Recipe with DIY Mocha Syrup

The moment you take that first sip of a chilled iced mocha, the rich chocolatey goodness pairs beautifully with the bold coffee flavor, creating a blissful escape from the everyday grind. This Easy Iced Mocha Recipe with DIY Mocha Syrup comes together in just under 20 minutes, making it a quick and delightful treat. Trust me, the homemade mocha syrup elevates this drink like nothing store-bought can.

This recipe is perfect for coffee lovers looking for a refreshing drink to enjoy on hot days or during cozy weekends at home. It’s versatile enough for brunch gatherings or a midday pick-me-up. You can make the mocha syrup ahead of time and store it in the fridge, which adds to the convenience.

Why You’ll Love This Recipe

• The homemade mocha syrup is rich and silky, adding depth to your drink.
• This recipe comes together in under 20 minutes, making it quick and easy.
• Whisking the milk, coffee, and syrup creates a delightful frothy texture.
• It’s a customizable drink; adjust the syrup to your preferred sweetness.

What You’ll Need

Gather the following ingredients for a refreshing iced mocha.

For the Mocha Syrup

• ½ cup unsweetened cocoa powder or cacao powder
• 1 cup granulated or cane sugar
• ⅛ teaspoon sea salt
• ½ cup cold water
• 1 ½ teaspoons vanilla extract

For the Mocha

• ½ cup whole milk
• ½ cup chilled strongly brewed coffee or espresso (cold brew concentrate works well)
• 1-2 tablespoons mocha syrup (to taste)

For Serving

• Whipped cream
• More mocha syrup (for drizzling)

Substitution note: You can use almond or oat milk instead of whole milk.

Substitutions & Swaps

• Use honey or maple syrup instead of sugar.
• Swap cocoa powder for carob powder for a caffeine-free version.
• Cold brew concentrate can replace brewed coffee for a smoother flavor.
• Dairy-free milk alternatives work well for a vegan option.

How to Make It

Follow these straightforward steps to create your iced mocha.

1. Combine

Combine the cocoa or cacao powder, sugar, salt, and water in a small saucepan over low heat. Stir frequently until the sugar dissolves and the syrup is smooth and glossy.

2. Whisk

Remove from heat and whisk in the vanilla extract. Set the mocha syrup aside to cool.

3. Mix

In a glass measuring cup or mason jar with a tight fitting lid, mix the milk, chilled coffee or espresso, and desired amount of mocha syrup. Whisk or shake until well incorporated and frothy.

4. Serve

Pour the mocha mixture over ice in a glass. Top with whipped cream and a drizzle of extra mocha syrup if desired.

How to Store It

Fridge: Store mocha syrup in an airtight container for up to 1 week.
Freezer: No, syrup consistency will change.
Reheat: Warm syrup in a saucepan over low heat for about 5 minutes.

Tips for Best Results

• Adjust the sweetness level by varying the amount of mocha syrup used.
• For a frothier drink, use a milk frother if available.
• Serve immediately over ice to maintain freshness and flavor.
• Experiment with flavor by adding a pinch of cinnamon to the mocha syrup.

Serving Suggestions

• Enjoy your iced mocha alongside a slice of chocolate cake.
• Pair it with a light fruit salad for a refreshing brunch.
• Serve at gatherings for a delicious coffee bar experience.