clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
a dairy-free iced mocha topped with whipped cream in a glass with chocolate syrup.

Iced Mocha with Coconut Milk (Dairy-Free)

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

5 from 1 review

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


Units Scale
  • 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)


  1. 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.
  2. In a blender, combine the cooled coffee or espresso, coconut milk, and chocolate syrup. Blend until smooth.
  3. Fill a glass with ice cubes.
  4. Pour the blended mixture over the ice cubes.
  5. If desired, top with whipped cream and extra chocolate syrup.


  • 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.


  • 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