Starbucks Iced Coconut Milk Mocha Macchiato

If you were a fan of Starbucks’ Iced Coconut Milk Mocha Macchiato, you’re not alone! This tropical-meets-chocolatey drink debuted in 2016 as part of their summer lineup and quickly developed a loyal following.

Unfortunately, it’s been discontinued for years—but the good news? You can easily recreate this dreamy iced drink at home with just a few simple ingredients.

Whether you’re craving a mocha with a twist or just looking to switch up your usual caramel macchiato order, this copycat recipe lets you bring back the nostalgic flavor anytime, anywhere.

Why You’ll Love This Drink

This macchiato is the perfect blend of rich espresso, creamy coconut milk, sweet white chocolate, and bold chocolate and caramel drizzles. It’s layered, luxurious, and has that signature Starbucks-style finish without the long drive-thru wait.

How To Order at Starbucks?

If you want to buy this drink to try before commiting to gathering all the ingredients, here’s TWO different ordering options:

Ask for an ICED CARAMEL MACCHIATO WITH COCONUT MILK, AND SUB THE VANILLA SYRUP FOR 2 PUMPS WHITE CHOCOLATE SAUCE, AND THEN ADD MOCHA SAUCE DRIZZLE (YES, KEEP THE CARAMEL DRIZZLE TOO).

or you could also order an ICED WHITE MOCHA UPSIDE DOWN WITH COCONUT MILK, NO WHIPPED CREAM, AND ADD CARAMEL DRIZZLE AND MOCHA DRIZZLE.

Ingredients

Instructions

  1. Add the base:
    In a tall cup or glass, add the white chocolate sauce and pour in the coconut milk. Stir to combine so the white chocolate fully dissolves.
  2. Add ice:
    Fill the glass with ice, leaving a little room on top for your espresso.
  3. Top with espresso:
    Brew espresso shots and slowly pour over the ice. This creates that beautiful layered effect you’d expect from a Starbucks macchiato.
  4. Drizzle and finish:
    Drizzle the top with caramel sauce and mocha/chocolate sauce. Don’t be shy—this is what gives the drink its signature flavor and marble-like presentation.
  5. Sip and enjoy!
    Grab a straw, give it a little swirl if you’d like, and enjoy your at-home Starbucks favorite.

Starbucks Ratios

For the exact ratios used by Starbucks, follow the measurements in this chart:

SHORTTALLGRANDEVENTI
WHITE CHOCOLATE SAUCE1/2 TBSP1 TBSP1 1/2 TBSP2 TBSP
COCONUT MILK6 OUNCES8 OUNCES10 OUNCES12 OUNCES
ICE
ESPRESSO1 SHOT2 SHOTS2 SHOTS3 SHOTS
CARAMEL & CHOCOLATE DRIZZLEMEASURE WITH YOUR HEARTMEASURE WITH YOUR HEARTMEASURE WITH YOUR HEARTMEASURE WITH YOUR HEART

How To Make Espresso at Home

See my post: 5 Ways to Make Espresso at Home for all the different espresso making methods- with or without a machine.

Customize It Your Way

Want to switch it up? Try these variations:

  • Make it hot: For a hot version, steam/warm the coconut milk before pouring over the white chocolate sauce, and don’t add any ice!
  • Make it blended: Toss everything into a blender for a frozen version.
  • Add whipped cream: For an indulgent twist, top it off with coconut or dairy whipped cream.
  • Up the espresso: Add in 1-2 more espresso shots for an extra strong beverage!
  • Make it dairy-free: Use a dairy free white chocolate, caramel, and mocha sauce.
  • Lower the sugar: Use sugar free versions of the white chocolate, caramel and mocha sauce.
  • Make it decaf: Cut the caffeine and use decaf coffee for the espresso.

Even though Starbucks retired the Iced Coconut Milk Mocha Macchiato, there’s no reason you have to live without it this summer. With this easy copykat recipe, you can enjoy this rich, coconutty, espresso drink right from your kitchen—no line, no app, and no barista training required.

Whether you were obsessed with this drink in 2016 or you’re discovering it for the first time, it’s a refreshing and decadent way to enjoy coffee at home.

Starbucks Iced Coconut Milk Mocha Macchiato

This discontinued Starbucks drink was a summer hit, but now you can bring it back any time! This Iced Coconut Milk Mocha Macchiato is creamy, chocolatey, and perfectly layered with espresso and caramel—made easily right from home.
No ratings yet
Print Pin
Course: Drinks
Keyword: Coffee, Macchiato, Mocha, Starbucks
Prep Time: 6 minutes
Servings: 1
Author: katerinafaith

Ingredients

Instructions

  • In a tall cup or glass, add the white chocolate sauce and pour in the coconut milk. Stir to combine so the white chocolate fully dissolves.
  • Fill the glass with ice, leaving room on top for the espresso.
  • Brew espresso shots and slowly pour over the ice.
  • Drizzle caramel sauce and chocolate sauce over the top, and enjoy.

4 responses to “Starbucks Iced Coconut Milk Mocha Macchiato”

  1. Haeli Avatar
    Haeli

    Is there a particular brand of coconut milk you suggest? I’ve tried a couple different ones but they never taste similar to Starbucks!

    1. katerinafaith Avatar

      The ones with the most similar ingredients as starbucks are the Silk Original/Sweetened Coconut Milk, So Delicious Sweetened Coconut Milk. I do also like the Trader Joes coconut milk too 🙂

  2. Shelly Avatar
    Shelly

    Made it, it was great and so easy! Thank you!

    1. katerinafaith Avatar

      YAY SHELLY!!!! I’m so happy to hear you liked the recipe! Happy sippin🤗

Leave a Comment

I’m Kat!

Welcome to Kat’s Kitchen! I’m Kat, a Phoenix-based blogger passionate about cooking and crafting coffee shop-quality drinks at home. My mission is to inspire confidence in the kitchen and help you elevate your meals and at home coffee experiences while saving money!

Discover more from Kat's Kitchen

Subscribe now to keep reading and get access to the full archive.

Continue reading