Easy Iced Mocha Recipe with DIY Mocha Syrup

User Reviews

4.5

78 reviews
Excellent
  • Cook Time

    5 mins

  • Additional Time:

    5 mins

  • Total Time

    10 mins

  • Servings

    10 servings (2 tablespoons of syrup each)

  • Calories

    190 kcal

  • Course

    Drinks

  • Cuisine

    American

Easy Iced Mocha Recipe with DIY Mocha Syrup

This recipe shows how to make an iced mocha with a homemade mocha syrup combining cocoa powder, sugar, salt, and vanilla. Mixed with cold milk and coffee or espresso and poured over ice, it creates a creamy, chocolaty coffee drink that can be topped with whipped cream and extra syrup for added richness.

Description

The DIY mocha syrup is made by gently heating cocoa powder, sugar, salt, and water until the sugar dissolves and the syrup becomes smooth and glossy. Vanilla extract is added after removing from heat, contributing to aroma and flavor. This syrup serves as the chocolate base for the drink.

For the iced mocha, milk (whole or plant-based) is combined with coffee or espresso and the mocha syrup in a container that can be whisked or shaken. The mixture is poured over ice and optionally topped with whipped cream and additional chocolate syrup for texture and indulgence. This process provides a consistent balance of coffee bitterness, chocolate sweetness, and creamy mouthfeel.

The recipe includes notes on substituting plant-based milks such as coconut or oat milk, changing sweeteners from sugar to honey or maple syrup, and storing extra mocha syrup in the refrigerator for up to a month. Freezing coffee in ice cube trays is suggested for chilling the drink without dilution.

I Made This!

Be the first!

Save this

Be the first!

Ingredients

Servings

Mocha Syrup

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

Iced Mocha

  • ½ cup milk whole
  • ½ cup coffee cold brew concentrate works well, chilled strongly brewed or espresso
  • 1-2 tablespoons Mocha Syrup to taste
  • Whipped Cream for serving, more mocha syrup
  • Mocha Syrup for serving, more mocha syrup

Instructions

  1. To make the mocha syrup, combine the cocoa or cacao powder, sugar, salt, and water in a small saucepan over low heat. Heat, whisking frequently, until the sugar dissolves and the syrup is smooth and glossy. Remove from heat, whisk in the vanilla, and set aside to cool.
  2. To make a mocha, combine milk, coffee or espresso, and mocha syrup in a glass measuring cup or mason jar with a tight fitting lid. Whisk or shake the mixture until well incorporated and frothy.
  3. Pour mocha over ice into a glass. Top with whipped cream and extra chocolate syrup, if desired.

Notes

  • This recipe works well with plant-based milks like canned full-fat coconut milk or oat milk.
  • You can substitute sugar in the syrup with honey or maple syrup, but expect the syrup to carry their distinct flavors.
  • Homemade mocha syrup will keep refrigerated for about a month or longer in a sealed container.
  • Freeze extra coffee or espresso in ice cube trays to chill your coffee drinks without diluting them.

Nutrition Information

Show Details
Serving 2tablespoons mocha syrup Calories 190kcal (10%) Carbohydrates 40g (13%) Protein 3g (6%) Fat 2g (3%) Saturated Fat 1g (5%) Polyunsaturated Fat 1g (6%) Cholesterol 7mg (2%) Sodium 64mg (3%) Fiber 1g (4%) Sugar 30g (60%)

Nutrition Facts

Serving: 10servings (2 tablespoons of syrup each)

Amount Per Serving

Calories 190 kcal

% Daily Value*

Serving 2tablespoons mocha syrup
Calories 190kcal 10%
Carbohydrates 40g 13%
Protein 3g 6%
Fat 2g 3%
Saturated Fat 1g 5%
Polyunsaturated Fat 1g 6%
Cholesterol 7mg 2%
Sodium 64mg 3%
Fiber 1g 4%
Sugar 30g 60%

* Percent Daily Values are based on a 2,000 calorie diet.

Genuine Reviews

User Reviews

Overall Rating

4.5

78 reviews
Excellent

Write a Review

Drag & drop files here or click to upload
Other Recipes

You'll Also Love

Loaded Mashed Potatoes

American
5.0 (33 reviews)

Easy Baked Sweet Potatoes

American
5.0 (15 reviews)

Creamy Chicken Pasta Salad

American
5.0 (12 reviews)

Candied Yams

American
5.0 (21 reviews)

Buffalo Wings

American
5.0 (63 reviews)

Broccoli Casserole

American
5.0 (36 reviews)

Crab Cake Sandwich

American
5.0 (15 reviews)

S'mores Bars

American
5.0 (21 reviews)

Vegetable Beef Stew

American
5.0 (30 reviews)

Cajun Roasted Turkey

American
5.0 (39 reviews)

Oven Baked Chicken and Rice

American
5.0 (27 reviews)

BBQ Beef Sloppy Joes

American
5.0 (30 reviews)