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

Starbucks Coconut Milk Mocha Macchiato Recipe

you may also like

well hello there!

Linh Image

Hi, welcome to my site! I'm so happy you're here. I'm Linda, 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

How Much Alcohol is in Twisted Tea

How Much Alcohol Is in Twisted Tea?

Crockpot Sizes

Crockpot Sizes: What Size is the Best for You?

Farmers Cheese Substitute

5 Best Farmer’s Cheese Substitutes

White Cheddar Substitute

5 Best White Cheddar Substitutes

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