Chocolate coffee is a type of mocha drink consisting of strongly-brewed coffee, chocolate syrup, and milk. This Chocolate Coffee is full of rich chocolate flavor, so it’s the perfect go-to recipe for any coffee lover. Switch up your usual cup of hot coffee with this delicious mocha coffee drink!

three chocolate coffees lined up

This post may include affiliate links that earn us a small commission from your purchases at no extra cost to you.

What’s in Mocha Iced Coffee?

This chocolate coffee is simple but such a satisfying pick-me-up. Here’s a rundown of the ingredients:

  • Chocolate Syrup: Chocolate syrup gives this coffee its rich chocolate flavor. You can use a trusted brand, such as Hershey’s, or you can make your own chocolate syrup for that extra-special homemade touch!
  • Ice: Ice makes this coffee an iced coffee. If you’d prefer to enjoy this coffee hot, simply leave out the ice!
  • Coffee: The most important ingredient! You want to choose a coffee that you already know you love for the best results. You can use strongly-brewed coffee or a shot of espresso.
  • Milk: This is where you can get creative. I love whole milk for a rich, creamy coffee. For a lower-fat option, you can use skim milk, or try a plant-based milk such as almond, soy, or oat milk!

Pro Tip: For an even stronger cup of coffee, freeze strongly-brewed coffee in an ice cube tray and use coffee ice cubes to chill your coffee!

Variations on Dark Chocolate Coffee

You can change up this recipe in so many ways! Try a different flavored syrup, such as caramel, butterscotch, vanilla, or strawberry. Or try a flavored coffee, such as hazelnut, vanilla, or caramel. For a peppermint mocha, add a few drops of peppermint extract and top with whipped cream and crushed-up candy cane pieces. For a caramel mocha, add caramel syrup in place of (or in addition to) some of the chocolate syrup. Drizzle with caramel syrup! For a white chocolate mocha, add some white chocolate sauce, such as Ghirardelli or Torani brand.

how to make chocolate coffee step by step photos
Email This Recipe
Enter your email and we’ll send the recipe directly to you!
Please enable JavaScript in your browser to complete this form.
What’s the best coffee for chocolate coffee?

The best coffee for chocolate coffee is your favorite coffee! If you have a daily brew you absolutely love, that will give you the best-tasting cup! Nutty coffees with notes of cocoa tend to go really well with chocolate, but really any coffee works here, including flavored coffee!

How do I strongly brew coffee?

To make a stronger cup of coffee, simply increase the amount of grounds you use without changing the amount of water. If you normally use 1 tablespoon, try using 2 instead! Dark roasted coffee will yield a stronger taste than a light roast, but you can still make a strong cup of light roast coffee!

Can I use homemade chocolate syrup in chocolate coffee?

Absolutely! Follow my recipe for homemade chocolate syrup or use your favorite recipe!

What can I use instead of chocolate syrup in chocolate coffee?

Instead of chocolate syrup, you can use any other flavor of syrup, such as caramel, butterscotch, strawberry, or vanilla.

Can I make chocolate coffee hot instead of iced?

You sure can! Simply omit the ice and stir together the chocolate syrup, coffee, and warmed milk. You can also steam or froth the milk, if desired.

overhead view of a coffee drink topped with whipped cream and chocolate shavings

How to Store Chocolate Iced Coffee

I recommend brewing the coffee 1 day in advance of when you plan to make this drink and chilling it in the refrigerator overnight. This will ensure your coffee is nice and cold!

I strongly recommend enjoying this coffee drink as soon as you make it, but you can store it (without the ice) in the refrigerator for up to 1 day. I do not recommend freezing this coffee drink.

What to Serve with Homemade Mocha Iced Coffee

This drink is great for all times of day, but it goes especially well with sweet treats, other chocolate pairings, Cake Mix Coffee Cake, or breakfasts such as cinnamon rolls, chocolate chip pancakes, or chocolate cake.

iced chocolate mocha in a glass with a glass straw
Recipe Card

Chocolate Coffee Recipe

5 from 1 vote
Prep: 5 minutes
Total: 5 minutes
Servings: 1 drink
Author: Becky Hardin
chocolate coffee
Chocolate coffee is a type of mocha drink consisting of strongly-brewed coffee, chocolate syrup, and milk. This Chocolate Coffee is full of rich chocolate flavor, so it’s the perfect go-to recipe for any coffee lover. Switch up your usual cup of hot coffee with this delicious mocha coffee drink!
Save this recipe!
Enter your email and we’ll send the recipe directly to you, plus new recipes weekly!
Please enable JavaScript in your browser to complete this form.

Ingredients 

  • 1 ounce chocolate syrup such as Hershey's
  • 3-4 ice cubes
  • 8 ounces strongly brewed coffee
  • 4 ounces milk dairy or plant-based

Optional Toppings

Instructions 

  • Drizzle the syrup around a glass then add the ice and pour in the coffee and milk.
    1 ounce chocolate syrup, 3-4 ice cubes, 8 ounces strongly brewed coffee, 4 ounces milk
    chocolate syrup and iced cubes in a glass
  • Add the whipped cream and chocolate shavings, if desired, then serve immediately.
    Whipped Cream, Chocolate Shavings
    overhead view of an iced mocha

Becky’s Tips

  • Feel free to use any flavored syrup you like, such as caramel, butterscotch, vanilla, or strawberry. You can also make your own homemade chocolate syrup!
  • For an even stronger cup of coffee, freeze strongly brewed coffee in an ice cube tray and use coffee ice cubes to chill your coffee!
  • Use your favorite brewed coffee, or opt for a flavored coffee, such as hazelnut, vanilla, or caramel.
  • While I like to use whole milk in my coffee, you can use any milk you like, including plant milks.
  • For a peppermint mocha, add a few drops of peppermint extract and top with crushed-up candy cane pieces!
  • For a caramel mocha, add caramel syrup in place of (or in addition to) some of the chocolate syrup. Drizzle with caramel syrup!
  • for a white chocolate mocha, add some white chocolate sauce, such as Ghirardelli or Torani brand.
  • Nutritional information does not include optional toppings.
Storage: Store chocolate coffee (without ice) covered in the refrigerator for up to 1 day.
Serving: 1drinkCalories: 149kcalCarbohydrates: 24gProtein: 5gFat: 4gSaturated Fat: 2gPolyunsaturated Fat: 0.1gMonounsaturated Fat: 1gCholesterol: 14mgSodium: 70mgPotassium: 345mgFiber: 1gSugar: 20gVitamin A: 184IUVitamin C: 0.1mgCalcium: 149mgIron: 1mg

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

Did you make this? Leave a comment!

More Iced Coffee Recipes We Love

Meet Becky Hardin

Becky Hardin is a wife and mother living in Saint Louis Missouri. She founded The Cookie Rookie in 2012 as a creative way to share recipes. Now, she is a trusted resource for easy cooking around the world, being featured in Taste of Home, The Kitchn, ABC’s Home and Family, and more. Here at The Cookie Rookie she is the editor in chief of all recipes and continues to enjoy sharing her passion for cooking for busy families. She has since founded two additional food blogs, Easy Chicken Recipes and Easy Dessert Recipes.

5 from 1 vote (1 rating without comment)
Subscribe
Notify of
guest
Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.

2 Comments
Inline Feedbacks
View all comments
Emily
Emily
April 13, 2023 1:30 pm

How easy would it be to blend instead, for a frozen mocha?

Last edited 1 year ago by Emily
Samantha Marceau
April 13, 2023 4:28 pm
Reply to  Emily

Super easy! Just add some more ice cubes and blend!