Recipes By Hazel

  • Recipe Index
  • Breakfast
  • Dinner
  • By Meals
    • Appetizers and Snacks
    • Side-Dish
    • Soups
    • Drinks
    • Desserts
  • About
menu icon
go to homepage
  • Recipe Index
  • Breakfast
  • Dinner
  • By Meals
    • Appetizers and Snacks
    • Side-Dish
    • Soups
    • Drinks
    • Desserts
  • About
search icon
Homepage link
  • Recipe Index
  • Breakfast
  • Dinner
  • By Meals
    • Appetizers and Snacks
    • Side-Dish
    • Soups
    • Drinks
    • Desserts
  • About
×

Iced Ube Coconut Cream Shaken Espresso (Starbucks Copycat) Recipe

Published: Apr 15, 2026 by Hazel · This post may contain affiliate links · Leave a Comment

↓ Jump to Recipe

If you’ve been dreaming of that vibrant, creamy indulgence from Starbucks, I have the perfect homemade treat for you: the Iced Ube Coconut Cream Shaken Espresso (Starbucks Copycat) Recipe. It’s a dazzling blend of rich espresso, tropical coconut sweetness, and the beautiful purple hue of ube that transforms a simple coffee break into a mini celebration. The deliciously frothy coconut ube cold foam on top adds a velvety finish that feels both exotic and comforting. What’s best is how surprisingly easy and fast it is to whip up this stunning drink right in your kitchen without breaking the bank.

Ingredients You'll Need

A top view of five items arranged on a white marbled surface: at the top left is a glass jug filled with white cream, to the right of it is a small white bowl holding a light tan liquid, in the center is a small dark purple bottle labeled

Gathering these simple, yet thoughtfully chosen ingredients is your first step toward crafting this flavorful and visually stunning iced coffee. Each one plays a vital role, from the boldness of the espresso to the creamy sweetness of the coconut and ube cold foam, making this drink truly unforgettable.

  • Heavy cream: This creates the rich and velvety cold foam that crowns the drink, offering luxurious texture.
  • Coconut syrup: Adds tropical sweetness and a subtle nutty flavor that brightens the espresso’s bitterness.
  • Ube extract: Imparts the iconic purple color and that unique, mildly nutty, and sweet flavor essential to ube treats.
  • Espresso or cold brew espresso: The coffee base providing robust flavor and caffeine kick you crave.
  • Ice: Keeps the drink refreshingly chilled while diluting slightly to balance the flavors.
  • Oat milk or milk of choice: Adds creaminess and blends harmoniously with coconut and ube notes.
  • Mason jar: Perfect for shaking and mixing the espresso with syrup and ice vigorously.
  • Milk frother: Essential for turning the cold foam ingredients into that light, airy topping.

How to Make Iced Ube Coconut Cream Shaken Espresso (Starbucks Copycat) Recipe

Step 1: Prepare the Coconut Ube Cold Foam

Start by combining heavy cream, coconut syrup, and ube extract in a small glass or jar. Use your milk frother to whip this mixture until it becomes thick, luscious, and foamy. This foam is what gives your iced espresso that signature creamy crown and subtle sweetness that perfectly balances the bold coffee flavors.

Step 2: Shake the Espresso and Syrup

Next, fill a mason jar with ice to chill the drink thoroughly. Pour in the espresso (or cold brew) and add 2 tablespoons of coconut syrup for that extra tropical kick. Seal the jar tightly and give it a good shake a few times. This action invigorates the espresso, mixing everything into a well-chilled, lightly sweetened coffee base that’s ready to impress.

Step 3: Assemble Your Iced Ube Coconut Cream Shaken Espresso (Starbucks Copycat) Recipe

Carefully pour the shaken espresso and ice mixture into a tall glass. Top it with your choice of oat milk or any milk you prefer for creaminess and a smooth mouthfeel. Finally, gently spoon the fluffy ube coconut cold foam on top. If you like, give it a gentle stir to blend the foam lightly with the espresso or enjoy it swirling on top as you sip your delicious creation.

How to Serve Iced Ube Coconut Cream Shaken Espresso (Starbucks Copycat) Recipe

The image shows a clear glass filled with a two-layered drink. The bottom layer is a smooth light brown color with a few ice cubes visible inside, making up about two-thirds of the glass's height. The top layer is a thick, vibrant purple foam that softly drips down into the brown layer below. The glass is held by a woman's hand wearing a light cream sweater. The drink is placed on a round white marble plate scattered with a few light brown toasted coconut flakes, with a small black bowl containing more flakes in the background and some green leaves to the side. The surface under the plate is a white marbled texture. photo taken with an iphone --ar 4:5 --v 7

Garnishes

Enhance the visual appeal and flavor by adding a dusting of ube powder or a small drizzle of coconut syrup on the cold foam. A few toasted coconut flakes sprinkled on top also make a wonderful crunchy contrast. These garnishes elevate your presentation, making it feel like a café treat every time.

Side Dishes

This vibrant drink pairs beautifully with light, slightly sweet snacks. Try some buttery shortbread cookies, coconut macaroons, or fresh tropical fruit slices like mango or pineapple to complement the coconut and ube flavors. These sides keep the indulgence balanced and satisfying.

Creative Ways to Present

For a special touch, serve your iced ube coconut cream shaken espresso in a glass with a colorful reusable straw, or layer the drink in clear glassware to showcase the striking purple foam atop the rich coffee. You can even serve it with a small wooden skewer topped with a cube of ube jam for a playful edible garnish that guests will love.

Make Ahead and Storage

Storing Leftovers

If you happen to have leftovers, keep the cold foam and brewed espresso separate in airtight containers in the fridge. The cold foam remains best when freshly whipped, but storing it properly can let you enjoy a second round within a day.

Freezing

Freezing is not ideal for the cold foam as it loses its airy texture after thawing. However, you can freeze brewed espresso cubes to use later for iced drinks without watering them down, perfect for making this recipe faster next time.

Reheating

This iced drink is best enjoyed cold, so reheating is not recommended. Instead, use leftover espresso for hot beverages or other iced coffee recipes, and whip fresh cold foam each time for the best texture and flavor experience.

FAQs

Can I use regular milk instead of oat milk?

Absolutely! While oat milk adds a natural creaminess and subtle sweetness, any milk you prefer—whether dairy or non-dairy like almond or soy—works wonderfully in this recipe.

Where do I find ube extract?

Ube extract can typically be found in Asian grocery stores or online. It’s important to get ube extract, not food coloring, for that authentic flavor and color.

Is cold brew espresso the same as regular espresso?

Cold brew espresso has a smoother, less acidic taste compared to hot espresso shots. You can use either in this recipe; just note that cold brew will make the drink mellow and rich, while espresso brings a sharper, more intense flavor.

Can I make this drink vegan?

Yes! Use a dairy-free heavy cream alternative for the cold foam, such as coconut cream, and pick a plant-based milk like oat or almond milk. Adjust sweetness as needed since dairy-free creams can vary in taste.

How sweet is the drink? Can I adjust the sweetness?

The Iced Ube Coconut Cream Shaken Espresso (Starbucks Copycat) Recipe has a balanced sweetness from the coconut syrup, but you can easily reduce or increase the syrup amounts to suit your taste buds perfectly.

Final Thoughts

Nothing beats the joy of making your favorite café-style drinks right at home, especially when they’re as stunning and delicious as the Iced Ube Coconut Cream Shaken Espresso (Starbucks Copycat) Recipe. It’s quick to prepare, customizable, and a fantastic way to brighten your day with bold coffee flavors and tropical flair. Treat yourself to this beautiful purple delight—you might just find yourself hooked on your new go-to iced coffee!

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
Iced Ube Coconut Cream Shaken Espresso (Starbucks Copycat) Recipe

Iced Ube Coconut Cream Shaken Espresso (Starbucks Copycat) Recipe


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

4.2 from 7 reviews

  • Author: Hazel
  • Total Time: 5 minutes
  • Yield: 1 drink
Print Recipe
Pin Recipe

Description

Recreate the popular Starbucks Iced Ube Coconut Cream Shaken Espresso at home with this simple and refreshing recipe. Featuring a creamy coconut-ube cold foam atop shaken espresso and oat milk, this delightful drink offers a tropical twist perfect for coffee lovers seeking something unique and indulgent.


Ingredients

Coconut Ube Cold Foam

  • 3 tablespoons heavy cream
  • 1 ½ tablespoons coconut syrup
  • ¼ teaspoon ube extract

Iced Ube Coconut Cream Shaken Espresso

  • 2 oz espresso or 5 oz cold brew espresso
  • 2 tablespoons coconut syrup
  • Ice
  • ½ cup oat milk or milk of choice


Instructions

  1. Make the cold foam: In a small glass or jar, combine the heavy cream, coconut syrup, and ube extract. Use a milk frother to vigorously froth the mixture until it becomes thick and foamy. Set aside while you prepare the rest of the drink.
  2. Shake the espresso: Fill a mason jar halfway with ice. Pour in the espresso (or cold brew) and add 2 tablespoons of coconut syrup. Seal the jar tightly with the lid and shake vigorously several times to chill and combine the ingredients thoroughly.
  3. Assemble the drink: Pour the shaken iced espresso and ice into a tall glass. Add ½ cup of oat milk or your preferred milk and stir gently if desired. Spoon the prepared ube coconut cold foam generously on top as the finishing touch, then enjoy immediately.

Notes

  • Use cold brew espresso for a smoother, less acidic flavor.
  • Adjust the coconut syrup amount to taste for sweetness.
  • Oat milk is recommended for its creamy texture and compatibility with coconut flavors, but any milk will work.
  • The ube extract gives the drink its signature purple color and flavor—do not omit if you want the authentic taste.
  • For a dairy-free version, substitute heavy cream with coconut cream for the foam.
  • Prep Time: 5 minutes
  • Cook Time: 0 minutes
  • Category: Beverage
  • Method: Stovetop
  • Cuisine: American

Have you made this recipe? I'd love to see it!

Click here to Follow me on Pinterest

More Drinks

  • Iced Double Berry Matcha (Starbucks Copycat) Recipe
    Iced Double Berry Matcha (Starbucks Copycat) Recipe
  • Iced Double Berry Matcha (Starbucks Copycat) Recipe
    Iced Double Berry Matcha (Starbucks Copycat) Recipe
  • Mediterranean Couscous Salad with Chickpeas, Veggies, and Lemon-Dill Dressing Recipe
    Mediterranean Couscous Salad with Chickpeas, Veggies, and Lemon-Dill Dressing Recipe
  • Ghost Cookies with Buttercream Frosting Recipe
    Ghost Cookies with Buttercream Frosting Recipe

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

I’m Hazel, and I created Recipes By Hazel to share the kind of food that feels like home — warm, comforting, and full of meaning.

Learn more

Popular

  • Healthy Greek Pasta Salad (Quick & Easy) Recipe
    Healthy Greek Pasta Salad (Quick & Easy) Recipe
  • Wedge Salad Platter for a Crowd Recipe
    Wedge Salad Platter for a Crowd Recipe
  • Tuscan Skillet Chicken With Creamy Sun-Dried Tomatoes and Spinach Recipe
    Tuscan Skillet Chicken With Creamy Sun-Dried Tomatoes and Spinach Recipe
  • The Secret to the Best Quesadilla Recipe
    The Secret to the Best Quesadilla Recipe

Footer

↑ back to top

Explore

  • Appetizers and Snacks
  • Breakfast
  • Soups
  • Dinner
  • Side-Dish
  • Desserts
  • Drinks

About

  • Privacy Policy
  • Terms & Conditions
  • Contact
  • Disclosure
  • DMCA

We may earn from qualifying purchases through affiliate links at no extra cost to you.

Copyright © 2025 Recipes By Hazel. All rights reserved.