Starbucks Iced Ube Coconut Macchiato Recipe – Spring 2026
You'll be shocked how close this tastes to Starbucks' viral spring launch. Layers of toasted coconut milk, bold espresso, and that stunning purple ube cold foam come together in one strikingly beautiful drink — and you can make it at home in under 5 minutes.
Ingredients
Main ingredients
- Coconut milk (barista style if possible) 6 oz
- Ice 1 cup
- Espresso (ristretto preferred) 2 shots
Seasonings/Sauce
- Vanilla syrup 3 pumps
- Ube extract or ube powder 1 tsp
- Sweetened condensed milk 1 tbsp
- Coconut cream (chilled) 2 tbsp
- Toasted coconut flakes (optional for garnish) 1 tsp
Nutrition summary
Carbohydrates
32 g
61%
Protein
2 g
4%
Fat
8 g
35%
Cooking steps
-
1
Pour the coconut milk into the bottom of a 16oz glass. Add 3 pumps of vanilla syrup and stir until smooth; this base should be cold for the classic Starbucks layered effect.
-
2
Fill the glass with 1 cup of ice, letting the ice chill the coconut layer so layering is maintained.
-
3
Brew 2 shots of ristretto-style espresso. Let them cool for 30–45 seconds so the hot espresso doesn’t melt the ice all at once, which helps retain distinct layers.
-
4
Gently pour the espresso over the back of a spoon onto the ice so it floats above the coconut base. Starbucks' macchiatos rely on careful pouring for signature layers.
-
5
To make the ube cold foam, combine coconut cream, sweetened condensed milk, and ube extract (or powder) in a chilled bowl or milk frother. Froth using a handheld frother for 30–45 seconds until thick and pourable — fridge-cold cream creates that thick, spoonable foam Starbucks is known for.
-
6
Spoon the ube cold foam generously over the top of the layered drink. Optionally, garnish with toasted coconut flakes for extra Starbucks-style flair.
-
7
Serve immediately with a straw to show off the layers, and enjoy your homemade Iced Ube Coconut Macchiato.
Personalized Q&A
Q. Does this actually taste like the Starbucks version?
Yes! This recipe uses coconut milk, vanilla syrup, and a carefully frothed ube cold foam just like Starbucks. Layering the espresso over the coconut base and using real ube extract or powder gives it the signature flavor, aroma, and color of the original.
Q. Why won't my ube cold foam get thick and creamy?
For thick foam, make sure the coconut cream is fridge-cold and use a handheld frother for at least 30–45 seconds. Cold cream is crucial—if it's too warm, the foam will be thin and bubbly instead of velvety like Starbucks'.
Q. Can I substitute the coconut milk or ube extract?
Barista-style coconut milk gives the best texture, but you can use any non-dairy milk with a neutral flavor. The ube extract or powder is essential for the distinct flavor and color, but if necessary, a mix of taro and vanilla will approximate it (though not perfectly).
Q. How many calories are in this Iced Ube Coconut Macchiato?
One 16oz Grande drink (one serving) has approximately 210 calories, with 32g carbs (61%), 2g protein (4%), and 8g fat (35%).
Q. Can I make the ube foam ahead of time or store leftovers?
Ube cold foam is best made fresh, but you can refrigerate it for up to 24 hours. Re-froth briefly before using to restore its texture. The drink itself is best enjoyed right after assembling to keep layers and foam integrity.
