top of page

How to Make Ube Macchiato: A Step-by-Step Guide

  • Writer: JANSFOOD USA
    JANSFOOD USA
  • Feb 19
  • 8 min read
Purple ube coconut macchiato on a wooden table with a bowl of ube, a whisk, and a cup of coffee. Text: "Ube Coconut Macchiato Recipe".

The ube macchiato is a vibrant, café-style beverage that combines the earthy, vanilla-nutty notes of ube (purple yam) with bold espresso. This modern twist on the classic macchiato utilizes a hydrating coconut water base and a signature purple cream foam, creating a stunning layered effect that is both visually appealing and flavorful.


Key Highlights


  • Multiple Foam Options: Choose from three ube cream foam recipes using ube condensed milk, ube flavoring, or ube powder.

  • Refreshing Base: Swaps traditional milk for Jans 100% Coconut Water, providing a light, tropical sweetness that complements the espresso.

  • Visual Layering: Master the technique of pouring espresso over a spoon to create distinct, social media-worthy layers.

  • Nutritional Twist: Features the natural antioxidants of ube and the hydrating electrolytes of coconut water.

  • High Trend Appeal: Reflects a major 2026 shift in beverage trends adopted by major global coffee chains.


Introduction


Welcome to the world of vibrant, cafe-style drinks you can make right in your own kitchen! The ube

macchiato is taking the coffee scene by storm, and for good reason. This eye-catching beverage combines the nutty, vanilla-like ube flavor with the bold kick of espresso. Topped with a luscious purple cream foam, it's a treat for both your eyes and your taste buds. Get ready to elevate your coffee routine with a recipe that’s as delicious as it is beautiful.


3 Delicious Ube Macchiato Recipes for Summer Sips


Ready to become your own favorite barista? This guide offers three unique ways to create the perfect ube macchiato, each with a distinct texture and ube flavor profile. Whether you prefer a rich and creamy topping or something light and airy, there’s a version here for you.


We’ll explore how to make delicious ube cream foams using Sweet Cow Ube Sweetened Condensed Milk, Jans Butterfly Ube Flavoring, and Jans Ube Powder. Each recipe provides a different twist on this amazing coffee drink, allowing you to customize it to your liking.


1) Creamy Version – Ube Condensed Milk

Flavor: Sweet and dessert-likeTexture: Thick and creamy

Ingredient

Amount

Heavy cream (cold)

100 ml

Sweet Cow Ube Sweetened Condensed Milk

1½–2 tbsp

Steps

  1. Combine cream and ube condensed milk.

  2. Whip until soft peaks form.

  3. Use as the topping.


2) Light & Aromatic Version – Ube Flavoring

Flavor: Balanced and fragrantTexture: Light and airy

Ingredient

Amount

Heavy cream (cold)

100 ml

Jans Butterfly Ube Flavoring

1 tsp

Sugar (optional)

1 tbsp

Steps

  1. Mix all ingredients.

  2. Whip until soft peaks form.

  3. Use as the topping.


3) Rich & Natural Version – Ube Powder

Flavor: Natural, earthy ube tasteTexture: Slightly thicker and richer

Step 1: Make Ube Paste

Ingredient

Amount

Jans Ube Powder

2 tbsp

Water

80 ml

Sugar

1–2 tbsp

Steps

  1. Cook all ingredients on low heat.

  2. Stir until smooth and slightly thick (3–5 minutes).

  3. Let it cool completely.


Step 2: Make the Cream Foam

Ingredient

Amount

Heavy cream (cold)

100 ml

Prepared ube paste

2 tbsp

Steps

  1. Combine cream and ube paste.

  2. Whip until soft peaks form.


Ube Coconut Macchiato Base (For All Versions)

Ingredient

Amount

Ice cubes

As needed

Coconut water

90 ml

Milk (whole, oat, or coconut milk)

60 ml

Espresso or strong coffee

1 shot (≈50 ml)

Ube cream foam

Any version above


Assembly Steps

  1. Fill a clear glass with ice.

  2. Pour in coconut water and milk.

  3. Slowly pour espresso over the back of a spoon.

  4. Spoon the ube cream foam on top.

  5. Serve immediately.


What Makes an Ube Macchiato Unique?


The ube macchiato stands out with its stunning visual appeal and unique flavor combination. Unlike a traditional espresso macchiato, which is simply espresso "stained" with milk foam, this drink introduces the sweet, nutty ube flavor and a vibrant purple hue. It's a creative twist that transforms the coffee experience.


The magic lies in the layering of ingredients: a refreshing coconut water base, a bold shot of espresso, and a creamy ube foam on top. This combination creates a delightful contrast in both taste and texture, balancing the bitter flavor of espresso with sweet, earthy notes.


The Role of Ube Flavoring and Ingredients


An ube macchiato gets its signature taste and color from ube, a purple yam from the Philippines with a flavor often described as a mix of vanilla and pistachio. What makes it different from a regular macchiato is this distinct ube flavor, which comes from various ube products. Each type of ingredient offers a different intensity and sweetness.


The vibrant purple color is a natural characteristic of the ube yam, although some ube products might contain ube food colouring for a more intense shade. This beautiful color is a huge part of its appeal.

  • Ube Extract/Flavoring: This liquid form, like Jans Butterfly Ube Flavoring, provides a concentrated, aromatic ube flavor. It’s easy to mix into creams and liquids for a balanced taste.

  • Ube Powder: Made from dehydrated ube, Jans Ube Powder offers a more natural, earthy flavor. It needs to be rehydrated or cooked into a paste before use, resulting in a richer taste profile.


Why Use Coconut Water as a Coffee Base?


Using coconut water as a base for a coffee drink might sound unusual, but it's a game-changer. Jans 100% Coconut Water adds a subtle, natural sweetness and a refreshing tropical note that beautifully complements the bold shot of espresso. It creates a lighter, more hydrating beverage compared to those made with milk alone.


This choice transforms the ube macchiato into the perfect summer coffee drink. The best coconut water provides a clean, crisp foundation that doesn't overpower the other flavors, allowing both the ube and espresso to shine.


Tips for Serving and Customizing Your Ube Coconut Macchiato


Once you’ve mastered the basic ube macchiato recipe, it’s time to get creative! Serving this drink is all about presentation. Use a clear glass to show off the beautiful layers. You can adjust the amount of milk in your foam or even swap heavy cream for coconut milk for a different texture.

Think of this recipe as a starting point, much like a classic caramel macchiato can be customized in countless ways. Don't be afraid to experiment with different toppings and flavor additions to make the drink truly your own.


Creative Toppings and Flavor Variations


Making an ube coconut macchiato at home gives you the freedom to customize it endlessly. Beyond the three foam variations, you can add your personal touch with creative toppings that add texture and flavor. The right garnish can turn your homemade drink into a masterpiece.


Consider adding a drizzle of extra ube condensed milk for more sweetness or a sprinkle of toasted coconut flakes for a nutty crunch. You can even experiment with infusing other flavors into the milk foam, like a drop of vanilla or pandan to complement the ube extract.

  • Toasted Coconut Flakes: Adds a crunchy texture and enhances the tropical notes.

  • A dusting of Ube Powder: For an extra pop of color and earthy ube flavor.


Why Is the Ube Coconut Macchiato a Strong Beverage Concept for Businesses?


The Ube Coconut Macchiato isn’t just a viral idea, it reflects a major shift in café beverage trends that big brands are adopting. Major chains like Starbucks are adding Iced Ube Macchiato and other ube drinks to their seasonal menus, showing how mainstream this flavour has become in 2026.


Beyond flagship launches, ube has emerged as a high-growth menu driver in foodservice. Trend data shows that ube’s vibrant purple colour makes it a social-media standout, and it has grown significantly on menus because it delivers visual differentiation and shareability — two factors that help products perform better in competitive beverage categories. Analysts have tracked ube appearances rising sharply on menus since 2022, and its continued popularity is expected to expand further as operators look for ways to stand out in 2026 and beyond.


For businesses, this means high visual appeal, strong shareability on social platforms, and expanded customer appeal beyond traditional coffee drinkers, especially among Gen Z and Millennial consumers who seek both aesthetic and flavour innovation. In short, the Ube Coconut Macchiato blends authenticity, trend power, and menu diversity into a concept that drives traffic, sales, and brand differentiation.


Conclusion


Crafting the perfect Ube Coconut Macchiato is all about balancing flavors and textures, resulting in a refreshing drink that delights the senses. By blending Jans products like Sweet Cow Ube Sweetened Condensed Milk, Jans Butterfly Ube Flavoring, or Jans Ube Powder into your cream foam, you’ll create a delightful layer of vibrant color and unique taste. The coconut water base not only enhances the overall flavor but also adds a tropical twist to your coffee experience. Whether you're sipping it at home or showcasing it on your social media, this trendy beverage is sure to impress.


Frequently Asked Questions


How do I make a layered ube coconut macchiato at home?


To create beautiful layers, start by filling a clear glass with ice. Pour in Jans 100% Coconut Water first. Then, slowly pour the espresso over the back of a spoon to create a distinct coffee layer. Finally, gently spoon your prepared ube cream foam on top.


What does an ube macchiato taste like?


An ube macchiato has a unique and delicious taste. It blends the nutty, sweet, vanilla-like ube flavor with the bitterness of espresso and the refreshing lightness of coconut water. The creamy foam adds a rich texture, creating a balanced and multi-dimensional coffee experience that is both sweet and bold.


Is Jans an Indonesian Food Distributor in the USA?


Yes. Jans is an Indonesian Food Distributor USA supplying authentic Indonesian snacks and beverages to retailers, supermarkets, and foodservice operators nationwide. As an experienced Asian food distributor, we manage Asian food imports and distribution to ensure consistent inventory, compliance, and strong shelf performance across specialty and mainstream channels.


As an indonesian food distributor usa, Jans also operates as an asian food importer and food importer and distributor, working closely with food importers in usa and south asian food importers. We support partners searching for an asian food distributor near me, an asian food distributor in usa, or an asian food distributors usa network, including retailers looking for a food distributor for retail. Our reach includes markets such as asian food distributor california and asian food distributor los angeles, positioning Jans as a reliable food distributor usa and food distributor in usa for businesses seeking an indonesia food distributor or an indonesian food importer.


Do Jans offer wholesale Asian food and snacks?


Jans provides wholesale Asian food solutions for retailers, wholesale distributors, and foodservice buyers seeking high-demand Indonesian products. Within the Asia food wholesale and Asian snacks wholesale category, our portfolio is curated for retail velocity, repeat purchase, and scalable growth for wholesale Asian food distributors.


Jans snack distributor and established asian food company, Jans manages asian food imports as an importer of asian food and importer asian food, working alongside asian foods importer and indonesia food importers. We support partners looking for an asian foods distributor or a trusted asian food distributor in usa, including those searching for asian food distributor california or asian food distributor los angeles. Our role as an asian food importer usa and food importer usa helps strengthen supply for ethnic food importers usa and regional wholesale buyers.


What role does Jans play in the Asian snack supply chain?


Jans operates as both a distributor snack partner and an importer snack import specialist. We handle Asian food imports directly, giving us greater control over quality, pricing, and logistics. This integrated structure allows us to function as both a food wholesaler and snack distributor, supporting snack and beverage distributors with efficient and reliable supply.


For partners searching for food distributors near me, Jans works with wholesale distributors across the food and beverage sector, including wholesale food distributors and regional snack and beverage distributors. As a trusted food distributor and food wholesaler, we also collaborate with asian food distributors and position ourselves among the top asian food distributor in usa and top asian food distributor usa networks. Through our integrated supply chain, we support distributors seeking an asian food distributor, an importer asian food partner, or a specialized asian foods distributor across the United States.


Where does Jans distribute its Indonesian snack portfolio in the United States?


Jans partners with food distributors Los Angeles and wholesale food distributors across the United States. For businesses searching for food distributors near me, an Asian food distributor, or trusted wholesale distributors in food and beverage, we provide dependable supply and flexible distribution support.


Jans focuses specifically on Indonesian snacks and beverages rather than operating as a general Asian food company. As a specialized food distributor and food wholesaler, we deliver authentic products, importer-direct sourcing, and portfolio strength that help wholesale Asian food distributors compete effectively in the Asian food imports market, including partners seeking importir snack import support within the United States.


Comments


Commenting on this post isn't available anymore. Contact the site owner for more info.
bottom of page