Starbucks Coconut Milk Mocha Macchiato Recipe (Copycat)

Starbucks Coconut Milk Mocha Macchiato Recipe


Starbucks Coconut Milk Mocha Macchiato Recipe (Copycat)

Starbucks Coconut Milk Mocha Macchiato recipe is a smooth upgrade to the caramel macchiato.

This drink has a huge fan following for its texture and taste! It is thick and creamy till the last sip and leaves no bitter after-taste on the palate.

The people’s favorite classic stained milk or macchiato effect is definitely present!

On top of that, the dark roast espresso meets the white chocolate mocha sauce. The lip-smacking silky nutty creaminess of coconut milk adds the “wow” factor!

You can finish the Starbucks coconut milk mocha macchiato recipe with a caramel or chocolate sauce drizzle for that satisfying sweetness.

Learn how to make a copycat version of Starbucks Coconut Milk Macchiato by following these steps:

  • Author: Recipe Marker
  • Prep Time: 2 minutes
  • Cook Time: 5 minutes
  • Total Time: 7 minutes
  • Yield: 1 glass 1x
  • Category: Beverage
  • Method: Boiling
  • Cuisine: Drinks



  • 2 Tbsp white chocolate mocha sauce
  • 45ml espresso
  • ¾ cup coconut milk
  • Ice
  • 12 Tbsp caramel syrup (for topping)


  • Begin by brewing the espresso using a French press or espresso machine. Make it extra strong, pour into a glass, and let it cool.
  • Now, add the ice into the serving glass, followed by the white chocolate mocha sauce.
  • Next, pour in the coconut milk and then add the espresso to achieve the stained milk result.
  • Finally, drizzle the caramel syrup & enjoy!


  • To get the authentic strong brewed taste, use espresso roast beans.
  • If making the drink using instant coffee, then use 1 tsp instant espresso with 120ml of hot water.
  • For an extra creamy layer, you may top the drink with 3-4 tablespoons of whipped cream and then drizzle the caramel or chocolate sauce.
  • To make this iced drink is 100% lactose-free substitute the chocolate mocha sauce & caramel sauce/syrup with dairy-free chocolate sauce.


  • Serving Size: 1 glass
  • Calories: 488
  • Sugar: 16.62g
  • Sodium: 73mg
  • Fat: 44.85g
  • Saturated Fat: 38.935g
  • Trans Fat: 0g
  • Carbohydrates: 22.97g
  • Fiber: 4.1g
  • Protein: 5.72g
  • Cholesterol: 4mg

Keywords: Starbucks Coconut Milk Mocha Macchiato Recipe

you may also like

well hello there!

Profile Picture

Hi, welcome to my site! I'm so happy you're here. I'm Linh, as you can tell I'm a fan of cooking and baking.

free newsletter

Join the mailing list and receive our free newsletter!

recent posts

Best Pedialyte Flavors

Top 10 Best Pedialyte Flavors

Irish Trash Can Drink Recipe

Irish Trash Can Drink Recipe

How To Tell When Corned Beef Is Done

How To Tell When Corned Beef Is Done?

Grateful Dead Drink Recipe

Grateful Dead Drink Recipe

let's be social

search site

Recipe Marker

Recipe Marker provides you with the best information about home cooking tips, recipes, ingredient substitutes and more. Check out our blog to see the latest articles.

Copyright © 2021 | All Rights Reserved | Privacy | Disclaimer | Contact