Iced Ube Coconut Macchiato: Your New Favorite Coffee Treat

Experience a tropical twist with this Iced Ube Coconut Macchiato that blends espresso, creamy coconut, and vibrant ube foam.

Print Recipe Pin Recipe

Prep Time 5

Total Time 5

Servings: 1 drink

Course: Dessert

Cuisine: Tropical

Calories: 180

Ingredients Equipment Method Nutrition Notes

Ingredients

For the Cold Foam

1 cup Heavy Cream Can be replaced with coconut cream for a dairy-free option.
2 tablespoons Coconut Syrup Try using sugar-free coconut syrup to reduce sugar content.
1 teaspoon Ube Extract Essential for achieving the signature ube profile.

For the Milk Base

1 cup Milk of Choice 2% suggested, almond or oat milk for vegan version.
1 shot Espresso Adjust the quantity for your desired strength.

For Garnish (Optional)

2 tablespoons Toasted Coconut Chips Adds crunch and enhances visual appeal.

Equipment

milk frother
Tall glass
Small glass or jar

Method

Step‑by‑Step Instructions for Iced Ube Coconut Macchiato

In a small glass or jar, combine heavy cream, coconut syrup, and ube extract. Froth for about 15-20 seconds until thick and fluffy.
Fill a tall glass with ice cubes, pour in milk and the remaining coconut syrup. Stir gently to combine.
Carefully pour fresh espresso over the milk to create a layered effect.
Spoon the ube coconut cold foam over the espresso layer for contrast in colors.
Serve immediately to enjoy the delicate layers and flavors.

Nutrition

Serving: 1drinkCalories: 180kcalCarbohydrates: 20gProtein: 2gFat: 10gSaturated Fat: 6gMonounsaturated Fat: 4gCholesterol: 30mgSodium: 50mgPotassium: 200mgSugar: 12gCalcium: 15mgIron: 2mg

Notes

Enjoy your Iced Ube Coconut Macchiato fresh for the best texture and flavor. Customize with toppings as desired.

Tried this recipe?

Let us know how it was!