Starbucks Iced Coconut Mocha Macchiato (Easy Copycat Recipe)
Skip the drive-thru and make Starbucks-style layers at home. This Iced Coconut Mocha Macchiato copycat delivers everything people love about the coffeehouse version: a glossy chocolate base, bold espresso “stripe,” and creamy coconut milk that softens the coffee while adding a subtle tropical sweetness. It looks impressive in the glass, but it is genuinely quick to make, and once you dial in your preferred chocolate-to-coffee ratio, it becomes an easy repeat for warm afternoons or a dessert-like pick-me-up.
Add this site as a preferred Google source!
This post contains affiliate links. As an Amazon Associate, I earn from qualifying purchases.
Why this recipe works
The beauty of this macchiato lies in its stunning visual layers and complementary flavors. The chocolate sauce provides a rich, sweet base that slowly mingles with the bold espresso, while the coconut milk adds tropical creaminess that mellows the coffee’s intensity. Unlike traditional macchiatos that use regular milk, coconut milk adds a subtle sweetness and exotic flavor, transforming this into a truly special drink.
Ingredients
- Chocolate sauce – Creates a sweet, rich base layer and can be drizzled on top
- Espresso – Provides bold coffee flavor and caffeine kick
- Coconut milk – Adds tropical creaminess and natural sweetness
- Ice – Chills the drink and adds a refreshing element
- Whipped cream – Optional creamy topping for extra indulgence
- Additional chocolate or caramel sauce – For garnish and extra sweetness
Step-by-Step Instructions
Prepare Your Base:
- Start with a tall, clear glass to showcase the beautiful layers.
- Pour 2 tablespoons of chocolate sauce into the bottom of the glass, allowing it to settle evenly.
Brew Your Coffee:
- Prepare 1.5 ounces of fresh espresso using your espresso machine.
- Alternative options: Mix 1 teaspoon instant espresso with a few ounces of hot water, use 4 ounces of strong coffee, or substitute with 1 cup of cold brew for a smoother flavor.
Create the Layers:
- Carefully pour the hot espresso over the chocolate sauce, creating the second layer.
- Fill the glass with ice, leaving room for coconut milk and toppings.
- Slowly pour 1 cup of coconut milk over the back of a spoon or along the side of the glass to create a distinct layer on top.
Add Finishing Touches:
- Top with a generous dollop of whipped cream.
- Drizzle chocolate or caramel sauce over the whipped cream for extra sweetness and visual appeal.
- Serve immediately with a straw and a long spoon for stirring.
Storage & Make-Ahead Tips
- Fresh is Best: This drink is meant to be enjoyed immediately for optimal layering and temperature.
- Prep Components: Pre-make cold brew or chill coconut milk ahead of time.
- Chocolate Sauce: Homemade chocolate sauce can be stored in the refrigerator for up to 1 week.
- Batch Prep: Prepare multiple servings by scaling ingredients proportionally.
Do you love Starbucks? Here are more copycat recipes for you to try:
- Flat White Coffee
- Homemade Mochas
- Iced Caramel Macchiato
- Starbucks S’mores Frappuccino
- Espresso White Chocolate Mocha
- Starbucks Cranberry Bliss Bars
- How to Make a Caramel Frappe
- Starbucks White Chocolate Mocha
- Bacon Egg Bites Recipe
- Very Berry Hibiscus Starbucks
- Starbucks Petite Vanilla Scone
More Coconut Recipes
Check out my easy recipe for drinks and the best restaurant copycat recipes.
Plus you’ll get great new recipes from us every week!
Starbucks Iced Coconut Mocha Macchiato Copycat Recipe
Ingredients
- 2 tablespoons chocolate sauce
- 1.5 ounces espresso (or use one teaspoon instant espresso and a few ounces of hot water or 4 ounces of strong coffee)
- 1 cup coconut milk
Instructions
- In a glass layer the chocolate sauce, espresso, and coconut milk. Add in the ice. Top with whipped cream and additional chocolate sauce. (Or caramel!) And enjoy. If you don’t have espresso you can also use 1 cup of cold brew or leftover coffee!
I loved this!
That looks amazing! I could totally go for one of these right now. I can’t wait to try this out.
Oh, girl yes! Starbucks is one of my guilty pleasures. That picture alone makes me want one of these right now!
In the last year I’ve become totally infatuated with coconut. It’s my latest favorite flavor and would love to try this dessert drink! I know I’d love it!
Yum!!! I love SB – especially their iced drinks. I will definitely be trying this recipe out. Thanks for the share.
🙂
Traci
I will take one of these. How long b/f it’s delivered to my desk. Probably need decaf this time of day though
It’s in the picture, but not the recipe…shouldn’t it be caramel sauce and chocolate sauce? I totally agree with you, it is my new favorite SB drink! Thank you for this, I definitely want to make them at home.
It is in the recipe it is in the last two lines, it is just an additional touch you can do.