iced ube coconut macchiato 🌸

I love this one!

3/3 Edited to

... Read moreOkay, so who else is utterly obsessed with ube? That gorgeous purple yam from the Philippines has completely captured my heart, especially when it comes to drinks! There's just something about its subtle sweetness and unique flavor that makes it perfect for a creamy, refreshing treat. I've been seeing those stunning iced ube coconut macchiatos all over, and honestly, the thought of paying café prices every day just wasn't sustainable for my ube addiction. So, I took it upon myself to master a homemade version, and let me tell you, I think I've cracked the code! Making your own Ube Coconut Macchiato Recipe at home isn't just about saving money; it's about customizing it to your perfect taste. Do you like it sweeter? Less sweet? Extra coconutty? You're in charge! Plus, there's a certain satisfaction that comes from crafting your own beautiful layered iced drink right in your kitchen. It's like bringing a little bit of that Starbucks-inspired magic right to your mug (or, in my case, a clear plastic cup to admire the layers!). Here’s what you’ll need for your DIY Iced Ube Coconut Macchiato: Ube Extract: This is key for that iconic purple top layer. You can find it at most Asian grocery stores or online. A little goes a long way! Coconut Milk: I prefer full-fat canned coconut milk for extra creaminess, but you can use your favorite kind. This creates the beautiful white bottom layer. Espresso or Strong Brewed Coffee: About 1-2 shots, depending on your caffeine preference. This will form the light brown middle layer. Sweetener: Maple syrup, simple syrup, condensed milk, or even ube condensed milk for an extra kick. Ice: Plenty of it! Optional: A green straw for that authentic look, like the one I use! Let's Make This Purple Dream! Prepare your Ube Milk: In a small bowl, combine about 1 cup of your preferred milk (dairy or non-dairy, but I love oat milk here!) with 1/2-1 teaspoon of ube extract and your desired amount of sweetener. Stir well until the color is a vibrant purple and the sweetener is dissolved. Taste and adjust. This is your purple layer! Sweeten your Coconut Milk: In a separate glass, take about 1/2 cup of coconut milk and sweeten it slightly if you wish. This will be your base white layer. Brew your Coffee: Prepare your espresso shots or brew a strong batch of coffee. Let it cool slightly. Assemble Your Macchiato: Grab a tall glass. First, fill it about two-thirds full with ice. This is crucial for keeping the layers separate initially. Next, pour in your sweetened coconut milk, letting it settle at the bottom to form the white bottom layer. Slowly, and I mean *slowly*, pour your ube milk over the back of a spoon into the glass. This technique helps it float on top of the coconut milk, creating a beautiful transition. Finally, gently pour your espresso over the ube layer, again using the back of a spoon if needed, to create that distinct light brown middle layer. You'll love watching the colors settle! My Top Tips for the Perfect Layered Drink: Chilling is Key: Make sure your milks and coffee are chilled before assembling. Colder liquids layer better. The Spoon Trick: Seriously, don't skip pouring slowly over the back of a spoon. It's the secret to those distinct, photo-worthy layers. Adjust Sweetness: Ube extract itself isn't sweet, so don't be shy with your preferred sweetener. Play around until it's just right for you. Coffee Strength: If you don't have an espresso machine, use strong cold brew concentrate or finely ground coffee brewed extra strong. This Iced Ube Coconut Macchiato is truly a treat – perfect for a morning pick-me-up or an afternoon indulgence. It's creamy, subtly sweet, and those vivid colors just make me happy. Give this ube coconut macchiato recipe a try, and let me know how much you love it!

Related posts

Iced Ube Coconut Macchiato 💜🥥✨
Recipe 2 shots espresso Ice 1 oz toasted coconut syrup (recipe below) 8 oz milk Ube Cold Foam 3 tbsp heavy cream 2 tbsp milk 1 tbsp vanilla syrup 1/8 tsp Ube extract Toasted coconut syrup 1 cup shredded coconut (toasted) 1 cup sugar 1 cup water (Directions: Toast coconut on
Café Livcakes

Café Livcakes

65 likes

Trying and rating the Iced Ube Coconut Macchiato and Lavender Crème Frappuccino!
#STARBUCKS #starbucksrecommendations #starbucksorderideas #coffee
Jas

Jas

19 likes

#creatorsearchinsights #rose_makescoffee #starbucksdrinks #creatorsearchinsightsview #macchiato
Rose Joseph

Rose Joseph

3 likes

Iced Ube Coconut Macchiato 💜🥥✨
Recipe coming soon🫶🏻 #starbucksrecipe #coffeeathome #coffeerecipe #coconut #ube
Café Livcakes

Café Livcakes

46 likes

A hand with neon green nails holds a clear plastic cup of a layered iced drink with a Starbucks logo. The drink features a white/light green base, a brown coffee layer, and a vibrant purple foamy top. Text overlays read 'UBE COCONUT MACCHiATO' and 'Lemonging >>>'. The background shows a sunny outdoor scene with a blue sky and a road.
Iced ube coconut macchiato ☕️🌸
who else is ready for spring? #STARBUCKS #coffee #spring #ube #fyp
Valerie 🌹

Valerie 🌹

436 likes

Esto está delicioso @Starbucks esta vez te pasaste 💅💅💅💘
Diana Medina

Diana Medina

1 like

Iced Ube Coconut Macchiato
#icedcoconut #STARBUCKS #lemon8challenge
Né💖💚

Né💖💚

14 likes

Ube Coconut Macchiato 🫶✨
Have you tried it????? @Starbucks #macchiato #coffee #STARBUCKS #icecoffeelovers #beverage 🫶🏼
mariee ✨

mariee ✨

13 likes

Iced Ube coconut macchiato
People said the Ube macchiato tastes like food coloring… so I added actual Ube halaya to mine. Problem solved. 💜 now this is the Ube macchiato we deserve. #ube #starbuckshack #filipinoflavors #icedubecoconutmacchiato #foodtok
Raymond Raborar

Raymond Raborar

14 likes

#starbucks #icedubecoconutlatte #fyp #viral
Aniya

Aniya

3 likes

Mi honest review del Iced Ube Coconut macchiato de Starbucks @Starbucks … Si ustedes ya lo probaron díganme qué tal les pareció? #honestreview #reseña #starbucks #starbucksdrinks #parati
Maleja Marlow

Maleja Marlow

0 likes

Spring picks @Starbucks! Definitely a must try! #springtok #starbucks #coconut #coffeetiktok #workingmom
FLOPEZ

FLOPEZ

0 likes

its kinda grown on me @Starbucks #starbucksdrinks #springdrinks #drinkreview #ubecoconut #macchiato
hanna

hanna

0 likes

#rose_makescoffee #starbucksdrinks #creatorsearchinsights2025view🙌 #starbucks #creatorsearchinsights
Rose Joseph

Rose Joseph

6 likes

Starbucks drink 💃 Ube ☕️
#coffee #coffeeaesthetic #STARBUCKS
i.am.mahogany

i.am.mahogany

16 likes

#ubeicedcoffee #STARBUCKS #spring #springdrinks #starbucksorderideas
داليا

داليا

9 likes

(Iced Ube coconut macchiato)
Starbucks Iced Uber Coconut Macchiato. Look how pretty and absolutely delicious. #starbucksaddict✨ #macchiato #coffeetime☕ #STARBUCKS
Cheryl

Cheryl

9 likes

Have you tried Ube before ? #starbucksdrinks #starbucksorder #ubecoconut
Lemon8er

Lemon8er

12 likes

💜 Ube Coconut Macchiato! Have you tried this yet?? @Starbucks #starbucks #ubecoconutmacchiato #newdrink #ubelatte #ube
Hope Baxter

Hope Baxter

11 likes

I’ve coconut macchiato
Not sure when I became a drink review account, but here we are😉 New Starbucks iced Ube coconut macchiato❤️ #ubecoconutmacchiato #newstarbucksdrink #starbucksspringmenu #ubecoconut #starbucksreview
BlondieBrand

BlondieBrand

16 likes

Will you be trying Starbucks Ube coconut macchiato? 🪻 #starbucks #starbucksspring #starbucksorder #ubecoconut
Lemon8er

Lemon8er

3 likes

Love the new macchiato!
#STARBUCKS #ube #ubecoconutmacchiato #macchiato #taylorswift
eboogiebus (F4F)

eboogiebus (F4F)

28 likes

A hand holds a layered Starbucks iced ube coconut macchiato with a green frog straw topper, inside a car. The drink features white, brown, and purple layers, with "licious" written on the cup.
Iced ube coconut macchiato
#starbucks drink #STARBUCKS #macchiato #drinks
Kandy_rdguez32

Kandy_rdguez32

9 likes

The Ube cold foam with coconut toppings was sooo delicious ✨. However all the flavor is in the cold foam so the macchiato just tastes like expresso and milk. I did not taste anything else in the base of the drink. If you like your coffee sweet, I’d recommend adding classic syrup. Overall though 8/1
Diana -FeedingTheFire 🔥

Diana -FeedingTheFire 🔥

2 likes

Iced Ube Coconut Macchiato w/Caramel Drizzle 💜🤎💜💜
#starbucksorderideas #lemon8challenge
Né💖💚

Né💖💚

22 likes

Ube Coffee
#coffeelover #starbucksdrink #coffeetok #morningcoffee #icedcoffee
Sophie Trausch 🦋

Sophie Trausch 🦋

19 likes

Would you try this Ube coconut macchiato? 🪻🤍 #starbucksspring #starbucksspringmenu #springdrinks #ubecoconutmacchiato #ube
Lemon8er

Lemon8er

10 likes

Trying the NEW @Starbucks drinks 🌸☕️ #starbucks #starbucksreview #starbucksdrinks #newstarbucksdrinks #toastedcoconut
Jessica

Jessica

6 likes

💜 STARBUCKS ICED UBE COCONUT MACCHIATO
POV: you try something new… and now you can’t stop thinking about it 😍 This drink is literally a DREAM ☁️ creamy, lightly sweet, with that soft coconut + ube flavor that just hits different 💜 ♡ gorgeous purple foam ♡ creamy coconut base ♡ lightly sweet + smooth ♡ tastes like a dessert but
Ashleigh Garcia

Ashleigh Garcia

3 likes

its kinda grown on me @Starbucks #starbucksdrinks #springdrinks #drinkreview #ubecoconut #macchiato
hanna

hanna

0 likes

A hand holds an Iced Ube Coconut Macchiato in a Starbucks cup. The layered drink features a vibrant purple foam top, a brown coffee layer, and a white coconut milk base, with the Starbucks logo visible. A building is in the background.
Iced Ube Coconut Macchiato
#iced coconut #starbucksdrinkorder #macchiatomade #ube coconut latte Location:Starbucks
Yojaida HM

Yojaida HM

20 likes

Will you be trying the Starbucks Ube coconut macchiato? 🪻🤍 #starbucksdrinks #starbucksorder #springmenu
Lemon8er

Lemon8er

8 likes

BlueIndigo

BlueIndigo

11 likes

A hand holds a layered iced drink with purple ube foam on top. The cup's label reads 'Gisele Gr Iced Ube Coconut Macchiato'. The drink shows distinct layers of white and light brown. 'Coffee time' is overlaid, with blurred outdoor background and pink flower doodles.
#coffee #starbuckideas #lovecoffee
Gissel makeup/fashion/beauty

Gissel makeup/fashion/beauty

61 likes

Iced Ube Coconut Macchiato
#starbucks #springmenu #macchiato
Katie Reese

Katie Reese

2 likes

Is the Iced Ube Coconut Macchiato from Starbucks worth it? Come with me to try it for the very first time while I charge my car. #starbucks #ube #coconut #macchiato #bayarea
Zoe Sofia

Zoe Sofia

4 likes

Iced ube coconut macchiato 💜 If you’re a coconut lover like me, this one is so good! @Starbucks #coconutubemacchiato #coconutube #fyp #coffeetiktok
Marissa Braughton🩷

Marissa Braughton🩷

1 like

its kinda grown on me @Starbucks #starbucksdrinks #springdrinks #drinkreview #ubecoconut #macchiato
hanna

hanna

0 likes

Starbucks✨
Venti iced ube coconut macchiato 💜🥥 #coffee #starbucksrecommendations #ube #coconut #DELICIOUS
Serendiipityy

Serendiipityy

4 likes

A layered Iced Ube Coconut Macchiato drink in a clear cup, featuring white, brown, and purple foam layers. Text overlays read "Coffee time" and "Iced Ube Coconut Macchiato," with a sunset background visible through a car windshield. The cup also displays "That first sip feeling." and "STARBUCKS REWARDS".
Iced Ube Coconut Macchiato
Kat

Kat

5 likes

Starbucks
#STARBUCKS #fyplemon8
Susy Carrillo360🪽🪽

Susy Carrillo360🪽🪽

5 likes

Tasted pritty good Starbucks new ube drink #starbucks #foodtiktok #ubereats #fyp #foryoupage
Belixomxshop

Belixomxshop

0 likes

#rose_makescoffee #creatorsearchinsights2025view🙌 #starbucks #creatorsinsights #macchiato
Rose Joseph

Rose Joseph

8 likes

Starbucknewtrenddrink #iceubecoconutmacchiato #earlymorningroutine #starbucksdrinkorder #starbuckaddict Starbucks Coffee Company
《♡ Ciin♡》

《♡ Ciin♡》

9 likes

Iced Ube
🧋Starbucks Iced Ube Coconut Macchiato🤌🏽 #starbucks #hacks #savingmoney #extracarameldrizzle 💵 Price:$6.00 +tax ⭐️Overall rating: 9/10 👍Pros : Cheaper way to order it. Actual price is $7.49
Deisy Oblea

Deisy Oblea

3 likes

Run to Starbucks for the New Ube 💜
Okay… I tried the Starbucks Iced Ube Coconut Macchiato for the first time today and I genuinely cannot stop thinking about it 💜 It was creamy, refreshing, and such a fun switch from my usual order. If you like trying new drinks, this one is definitely worth a try. I will definitely be getting the V
mama jess 💖

mama jess 💖

3 likes

ICED UBE COCONUT 🥥 MACCHIATO 🤍✨🫶🍋🌸🤤
zrmz

zrmz

1 like

I’d get it again #starbucks #ubecoconutmacchiato
Alyssa Jay Perez

Alyssa Jay Perez

1 like

A hand holds a layered iced ube coconut macchiato drink with a label, inside a car. A drive-thru sign is visible in the background. Overlays announce a new menu review, with graphics of a coconut and a dessert.
New Menu item…Was it worth it??
I finally tried the new Iced Ube Coconut Macchiato, and l have to say... it was good, just not for me! First of all, it's such a pretty drink. The purple ube cold foam on top makes it look like spring in a cup. 🍠🌸 When I tried it, the ube flavor was definitely there, but it wasn't ove
JustSabbs

JustSabbs

10 likes

Ube Coconut Macchiato 😋
#coffeelove #morningbrew #communitycoffee #coffeetime #coffeeaddict United States
cherellemaxine

cherellemaxine

2 likes

We are very loyal to our Starbucks as you can tell by the name they use 😅 @user190903750364 You are already missed! #starbucks #trendy
Liz Ecsedy

Liz Ecsedy

0 likes

Starbucks Iced Ube Coconut Macchiato Review
#starbucks #iced #coconut #macchiato #review
Nick's Happy Place

Nick's Happy Place

0 likes

A hand holds a layered iced beverage in a clear cup inside a car. The drink features white, brown, and purple layers, topped with cream and a green straw. The cup's label indicates it is an iced coconut macchiato with ube flavor. Text overlays read 'Coffee time'.
(Iced coconut macchiato)
Wow 🤩 me encantó 🫶🏼 #STARBUCKS #coffee #drink #cafe #latte
Honey

Honey

16 likes

Starbucks spring drink:Ube & coconut macchiato
#springstarbucksdrink #starbucksdrinkinspo #starbucksdrinkorder
Therese/ the caregiver mom

Therese/ the caregiver mom

21 likes

A promotional graphic for a new Starbucks Iced Ube Coconut Macchiato. The layered drink features purple ube, espresso, and white coconut milk, topped with sprinkles. Scattered coffee beans are visible at the bottom. Text describes the drink as creamy, sweet, bold, and ice-cold.
Iced Ube Coconut Macchiato 💜🥥
🛍Brand: Starbucks ⭐️Overall rating: ⭐️⭐️⭐️⭐️⭐️ A dreamy blend of sweet purple ube, smooth espresso, and tropical coconut over ice. It’s rich, lightly nutty, perfectly layered, and made to turn your usual coffee run into something special. One sip, and you’re hooked. @Starbucks ☕️ #spring
Jordan 💗🐢

Jordan 💗🐢

8 likes

A hand with rings and a gold watch holds a Starbucks cup containing a layered purple and light-colored drink. The person's fingernail has a white starfish design. The background is a blurred indoor setting with chairs.
Iced Ube Coconut Macchiato
Sipping on the new caramel macchiato from Starbucks and baby…it’s giving smooth, sweet, and slightly obsessed. That rich macchiato layered with buttery caramel hits different, yup!It’s not just a drink, it’s a whole mood in a cup. Catch me romanticizing life one sip at a time. 🤪☕✨ #lemon8challeng
Fashion Stylist 👗

Fashion Stylist 👗

7 likes

See more