Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Close-up of an iced ube coconut latte in a clear glass, showing creamy purple layers with espresso and ice.

Iced Ube Coconut Latte Recipe That’ll Brighten Your Morning


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Melissa
  • Total Time: 5 minutes
  • Yield: 1 glass

Description

An earthy, nutty, and tropical Iced Ube Coconut Latte that’s as comforting as it is colorful. With ube, coconut, and a hit of espresso, this drink is a quick café-level creation you’ll crave daily.


Ingredients

Scale
  • 2 tablespoons sweetened condensed coconut milk
  • ¼ teaspoon ube extract
  • ½ cup milk of choice (oat or coconut milk recommended)
  • 2 ounces espresso (or 1 tablespoon instant coffee dissolved in ¼ cup hot water)
  • Ice (enough to fill your glass)
Flat lay of modern ingredients for iced ube coconut latte, including coconut milk, ube extract, espresso, oat milk, and ice on marble.
Clean, simple, and ready to pour


Instructions

  1. Add sweetened condensed coconut milk to the bottom of a tall glass.
  2. Pour in ube extract and stir it together with the coconut milk.
  3. Add your choice of milk.
  4. Fill the glass with ice.
  5. Slowly pour the espresso over the top.
  6. Stir, taste, and adjust sweetness or coffee strength if needed.

Notes

Use a clear glass to highlight the vibrant purple layer. Blend it if you prefer a frappe-style texture. Sprinkle cinnamon or swap milks for extra flair.

  • Prep Time: 5 minutes
  • Cook Time: 0 minutes
  • Category: Drinks
  • Method: No Cook
  • Cuisine: Filipino-Inspired

Nutrition

  • Serving Size: 1 glass
  • Calories: 170
  • Sugar: 9g
  • Sodium: 45mg
  • Fat: 6g
  • Saturated Fat: 5g
  • Unsaturated Fat: 1g
  • Trans Fat: 0g
  • Carbohydrates: 24g
  • Fiber: 1g
  • Protein: 2g
  • Cholesterol: 0mg