Go Back
–+ servings
Homemade Mocha Syrup for Coffee in a glass bottle on a white kitchen counter

Homemade Mocha Syrup

Rich, smooth, and chocolatey homemade mocha syrup for coffee that transforms any latte or iced coffee into a café-style treat ; made in 10 minutes with pantry staples.
Print Pin
Course: Drinks, Syrups
Cuisine: American, Café Style
Prep Time: 5 minutes
Cook Time: 5 minutes
Total Active Time: 10 minutes
Total Time: 10 minutes
Servings: 16 servings
Calories: 48kcal
Cost: $3.50

Equipment

  • 1 Medium saucepan
  • 1 Wire whisk
  • 1 Fine-mesh strainer
  • 1 Glass storage bottle
  • 1 Funnel
  • Measuring cups and spoons
  • 1 Rubber spatula

Ingredients

  • ½ cup Water Forms syrup base
  • 1 cup Granulated sugar Can use coconut sugar for deeper flavor
  • 0.75 cup Unsweetened cocoa powder Use Dutch-process for smoother taste
  • 2 tablespoon Instant espresso powder Adds authentic mocha depth
  • 0.25 teaspoon Salt Balances sweetness
  • 1 teaspoon Vanilla extract Adds warm depth
  • 1 tablespoon Chocolate chips Optional — for extra richness
  • 0.5 teaspoon Cinnamon Optional — adds warmth

Instructions

  • Whisk sugar, cocoa, espresso, and salt in saucepan.
  • Add water and heat on medium, whisk until smooth.
  • Bring to gentle boil, simmer 3–4 minutes.
  • Remove from heat, stir in vanilla.
  • Cool, strain, and store in bottle.

Notes

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

Nutrition

Serving: 1tablespoon | Calories: 48kcal | Carbohydrates: 12g | Protein: 0.5g | Fat: 0.4g | Saturated Fat: 0.1g | Sodium: 28mg | Potassium: 68mg | Fiber: 1g | Sugar: 10g | Calcium: 7mg | Iron: 0.7mg