Iced Mocha with Coconut Milk (Dairy-Free)
If it’s warm outside and you’re craving a coffee drink, try this Iced Mocha with Coconut Milk. This dairy-free drink is energizing, refreshing, and such a treat!
This Iced Mocha recipe is a dreamy combination of caffeine and sweet chocolate poured over ice. What could be better on a hot summer morning?
This special treat is perfect for occasions when you want a coffee recipe like no other. You could argue that it’s a little healthier than ones made at the coffee shop since you have full control over the quality of ingredients.
Most traditional recipes for Iced Mocha use chilled espresso plus milk. I’ve adapted this one for my dairy-free friends (see my article on the benefits of a dairy-free diet).
Why You Need This Recipe
- Instead of spending a fortune on prepared coffee drinks, make this flavorful drink at home with only five simple ingredients. I’ve made it dairy-free using coconut milk instead of dairy milk.
- Served over ice, this beverage is perfect for a summer morning or as a mid-day treat.
- Coffee and chocolate make an amazing combination!
Key Ingredients
Coffee adds the rich base flavor, as well as the kick of caffeine that we are all looking for in a morning pick-me-up. You can also use an espresso shot if you have an espresso machine or espresso maker.
I like to use cold brew coffee for this recipe. Leftover coffee from your morning pot of coffee, instant coffee, or cold brew mocha will also work.
Coconut milk is a great dairy alternative that adds a lovely flavor to this beverage. You can use whatever type of non-dairy milk you like (oat milk would be great), but coconut milk offers the richest flavor.
Chocolate syrup gives the extra sweetness that makes this drink so tasty and satisfying.
If you don’t want to use chocolate syrup because of the sugar, feel free to use cocoa powder instead. Either way, you’ll get your chocolate fix!
See the full printable recipe card below for the exact ingredients and measurements.
Recipe Steps
Step One
Freshly brew a cup of coffee or a few shots of espresso. Chill for several hours before moving forward.
You may also like my recipes for Iced Coffee or Iced Americano.
Step Two
Blend cooled coffee, coconut milk, and chocolate sauce until smooth.
Please see the recipe card at the end of this post for the exact ingredients and measurements.
Step Three
Serve your easy iced mocha recipe over ice, topped with whipped cream and chocolate syrup. Use a tall clear glass or a mason jar for serving.
Enjoy!
I hope you agree that this is one of your new favorite coffee drinks and is perfect for a hot summer day. The combination of chocolate and coffee is like no other.
If you are truly extra, you can top your iced coffee recipe with chocolate shavings, chocolate sprinkles, or chocolate chips.
Recipe Tips & Substitutions
- This recipe can easily be doubled and served in 2 glasses.
- You can substitute the chocolate syrup with 1-2 teaspoons of cocoa powder or cacao powder if you prefer. Or, leave out the chocolate altogether for an Iced Latte.
- It’s best to brew your coffee and chill it at least several hours before you make the mocha. Otherwise, the hot coffee will melt the ice cubes.
Recipe FAQs
An iced mocha is a cold coffee beverage that typically consists of espresso or brewed coffee, chocolate syrup, and milk.
It is often served over ice and can be topped with whipped cream.
The calorie count of an iced mocha can vary depending on the ingredients used and the size of the drink.
A typical 16-ounce iced mocha made with whole milk and chocolate syrup can have anywhere from 200 to 400 calories. This recipe totals about 260 calories per serving.
Yes, you can add various flavorings to your iced mocha such as vanilla, caramel, or hazelnut syrup.
You can also experiment with adding spices like cinnamon or nutmeg for a unique flavor profile.
Yes! Simply brew the coffee as usual and then cool the coffee in the refrigerator (this usually takes a few hours).
More Yummy Coffee Recipes You Might Like
- How to Make Butter Coffee
- Protein Coffee Recipe
- Iced Coffee
- Pumpkin Pie Spice Coffee
- Herbal Coffee
- Matcha Coffee
Don’t Miss These Coffee Resources!
Iced Mocha with Coconut Milk (Dairy-Free)
If it’s warm outside and you’re craving a coffee drink, try this Iced Mocha with Coconut Milk. This dairy-free drink is energizing, refreshing, and such a treat!
- Total Time: 7 minutes
- Yield: 1 Serving 1x
Ingredients
- 1 cup brewed coffee, cooled
- 1/4 cup canned coconut milk
- 2 teaspoons chocolate syrup (plus more for topping, if desired)
- 1 cup ice cubes
- 2 tablespoons coconut milk whipped cream (optional, for topping)
Instructions
- Brew your coffee and allow it to cool. You can use any type of coffee you like, but for this recipe, I recommend a dark roast or espresso.
- In a blender, combine the cooled coffee or espresso, coconut milk, and chocolate syrup. Blend until smooth.
- Fill a glass with ice cubes.
- Pour the blended mixture over the ice cubes.
- If desired, top with whipped cream and extra chocolate syrup.
Equipment
Buy Now → Notes
- This recipe can easily be doubled and served in 2 glasses.
- It’s best to brew your coffee and chill it at least several hours before you make the mocha. Otherwise, the hot coffee will melt the ice cubes.
- Prep Time: 5 minutes
- Cook Time: 2 minutes
- Category: Beverage
- Method: Blended
- Cuisine: American
- Diet: Vegan
Nutrition
- Serving Size:
- Calories: 260
- Sugar: 5.2 g
- Sodium: 73.1 mg
- Fat: 24 g
- Saturated Fat: 18.1 g
- Carbohydrates: 10.3 g
- Fiber: 0.4 g
- Protein: 2.9 g
- Cholesterol: 34 mg
Don’t forget to join my newsletter list to get exclusive clean eating recipes and tips. The newsletter is 100% free with no spam; unsubscribe anytime.
About the Author: Carrie Forrest has a master’s degree in public health with a specialty in nutrition. She is a top wellness and food blogger with nearly 10 million annual visitors to her site. Carrie has an incredible story of recovery from chronic illness and is passionate about helping other women transform their health. Send Carrie a message through her contact form.
I mean this is just about as awesome of a coffee drink as one can get. And it’s dairy-free, woo hoo!