Go Back
–+ servings
Iced Ube Coconut Macchiato

Irresistible Iced Ube Coconut Macchiato

This Iced Ube Coconut Macchiato is a refreshing twist on your favorite café beverage, featuring creamy coconut layers and a nutty ube flavor.
Print Recipe Pin Recipe
Prep Time 5 minutes
Total Time 5 minutes
Servings: 1 drink
Course: Drinks
Cuisine: Tropical
Calories: 250
Ingredients Equipment Method Nutrition Notes

Ingredients
  

For the Cold Foam
  • 1 cup Heavy Cream Substitute with coconut cream for a dairy-free option.
  • 2 tablespoons Coconut Syrup Can be swapped with sugar-free coconut syrup for a lighter version.
  • 1 teaspoon Ube Extract Provides distinct ube flavor.
For the Drink
  • 1 cup Milk (2%) Any milk of choice can substitute.
  • 1 shot Espresso Brewed coffee can be used as an alternative.
  • 2 tablespoons Toasted Coconut Chips Optional garnish.

Equipment

  • Frother
  • tall glass
  • Small glass or jar

Method
 

Step‑by‑Step Instructions
  1. In a small glass, combine heavy cream, coconut syrup, and ube extract. Use a frother to whip the mixture for 15–20 seconds until thick and creamy.
  2. Fill a tall glass with ice and pour in milk along with remaining coconut syrup. Stir gently until combined.
  3. Brew espresso and let cool slightly. Pour espresso slowly over the milk to create distinct layers.
  4. Spoon ube coconut cold foam generously on top and sprinkle toasted coconut chips if desired.

Nutrition

Serving: 1drinkCalories: 250kcalCarbohydrates: 18gProtein: 3gFat: 20gSaturated Fat: 12gMonounsaturated Fat: 8gCholesterol: 80mgSodium: 60mgPotassium: 220mgSugar: 14gVitamin A: 500IUCalcium: 300mgIron: 0.2mg

Notes

Use a clear glass to showcase the layers. Adjust sweetness by experimenting with coconut syrup amounts. Enjoy immediately for the best flavor and texture.

Tried this recipe?

Let us know how it was!