The Best Ube Mango Toast Recipe

    Filipino-inspired ube mango toast: sourdough spread with homemade ube halaya from real Ube Nolia purple yam powder, topped with ripe ma... Free delivery.

    UP TO 60% OFF + FREE DELIVERY FROM €32.00
    Ube Nolia

    July 22, 2026 · Recipe

    Ube Mango Toast with Coconut Flakes: The Filipino Halaya Tartine

    A vibrant Filipino-inspired tartine: golden sourdough spread with homemade ube halaya, layered with ripe mango slices and finished with a snow of toasted coconut flakes.

    This ube mango toast reinterprets the iconic mango and sticky rice pairing as a modern breakfast tartine. The base is our creamy ube halaya, cooked from 100% pure Ube Nolia ube powder, condensed milk and coconut milk. Ripe mango slices bring juicy sweetness, coconut flakes bring texture, and the sourdough anchors it all.

    Purple, yellow, white: a three-colour toast that photographs beautifully and takes only 5 minutes to assemble once the halaya is made.

    Ube mango toast – purple yam halaya and mango breakfast toast recipe | Ube Nolia

    Updated on

    Quick answer

    Ube Mango Toast is a Filipino-inspired breakfast tartine: sourdough or brioche toast spread with homemade ube halaya (purple yam jam) made with 100% pure Ube Nolia ube powder, topped with fresh ripe mango slices and toasted coconut flakes. Ready in 5 minutes once the halaya is made. Yields 2 toasts.

    Key Takeaways

    • Filipino mango-coconut-ube flavour trio on a slice of toast
    • Homemade ube halaya made with 100% pure Ube Nolia <a href='/eu/products/ube-latte-powder'>ube powder</a>
    • Assembled in 5 minutes once the halaya is ready
    • Naturally deep purple, no dye and no added sugar in the powder
    • Best on thick sourdough or brioche, lightly toasted
    • Perfect for brunch, breakfast or a light sweet snack
    Prep time
    5 min
    Cook time
    40 min
    Total time
    45 min
    Servings
    2 toasts
    Difficulty
    Easy
    Dietary
    Vegan option
    Ube Nolia 100% pure ube powder pouch, natural ube from the Philippines

    Ube Nolia Powder

    From €0.44 / ube latte

    Discover Ube Powder

    Less than a coffee. Better than a matcha.

    With the 5-pack you get 165 ube lattes at home. Cheaper than a café, delivered to your door.

    This recipe is made with ube powder from Ube Nolia, the #1 natural ube brand from the Philippines. Discover our buy ube powder, 100% pure: no coloring, no additives, no added sugar. One 100 g pouch makes 33 ube lattes.

    Looking for ube powder? Ube Nolia sells 100% pure ube from the Philippines, with no coloring, no additives and no added sugar.

    New to purple yam? Read our complete guide: What is ube? - origin, taste, benefits and how to use Ube Nolia ube powder.

    What Is Ube Mango Toast? A Filipino Flavour Trio on Sourdough

    Ube, mango and coconut are the holy trinity of Filipino desserts: think halo-halo, mango sticky rice with coconut cream, ube halaya on pandesal. This ube mango toast takes that trio out of the dessert bowl and turns it into a bright, Instagram-ready breakfast tartine on a slice of good bread.

    The purple base is our ube halaya, cooked from real Ube Nolia ube powder, which gives it its deep natural colour and its signature vanilla and biscuit notes. The fresh mango adds juicy sweetness, and the toasted coconut flakes echo the coconut milk cooked into the halaya for a coherent, layered flavour.

    If you love ube on bread, also try our ube pandesal and our ube french toast tiramisu.

    Ingredients for Ube Mango Toast (2 Toasts)

    Ube Mango Toast - Makes 2 Toasts

    • • • 2 thick slices of sourdough or brioche bread
    • • • About 4 tbsp of homemade ube halaya (with Ube Nolia ube powder)
    • • • 1 large ripe mango (Ataulfo, Alphonso or Carabao), thinly sliced
    • • • 1 to 2 tbsp unsweetened coconut flakes (lightly toasted)
    • • • Optional: pinch of flaky sea salt, drizzle of coconut cream

    Key Ingredient Notes: Bread, Ube Halaya, Mango & Coconut

    • Bread: a thick, sturdy slice is essential. Sourdough gives a slight tang that balances the sweet halaya, while brioche is more indulgent. Avoid thin, floppy sandwich bread.
    • Ube halaya: the star of the toast. Made with 30g of Ube Nolia ube powder, condensed milk and coconut milk. Deeply purple, thick and spreadable, with a natural vanilla-biscuit flavour.
    • Mango: pick a very ripe, fragrant yellow mango. Ataulfo, Alphonso and Filipino Carabao are the best matches for ube because they are silky, low in fibre and honey-sweet.
    • Coconut flakes: use unsweetened, wide coconut flakes and toast them 2 minutes in a dry pan for a light crunch and a biscuity aroma.

    Step 1: Cook the Ube Halaya (Purple Yam Jam)

    Start with the ube halaya. Whisk 30g of Ube Nolia ube powder with coconut milk, condensed milk and a knob of butter over medium-low heat until it thickens into a glossy, deep purple jam that pulls away from the sides of the pan. Full method and quantities in our dedicated ube halaya recipe. Let it cool slightly while you prep the toast.

    Pro Tip: make a full batch of halaya in advance and store it in a sterilized jar in the fridge - you will get 2 weeks of ube toasts from a single cook.

    The Best Ube Mango Toast Recipe – Freshly cooked ube halaya: thick, glossy purple yam jam made with real ube powder, being | Ube Nolia

    Step 2: Toast the Bread and Spread the Ube Halaya

    Toast two thick slices of sourdough or brioche until golden and crisp on the edges but still soft inside. Using a spoon or a small offset spatula, spread a generous layer of the warm ube halaya (about 2 tablespoons per toast) all the way to the crust, creating a decorative purple swirl on the surface.

    The Best Ube Mango Toast Recipe – Spreading a generous layer of purple ube (purple yam) halaya on a slice of toasted sourdough | Ube Nolia

    Step 3: Slice the Mango and Fan It on the Toast

    Peel a very ripe mango and slice it into thin, even slices with a sharp knife. Fan the slices diagonally over the ube halaya, overlapping slightly so they cover most of the purple layer while still letting the halaya frame the fruit.

    Step 4: Finish with Toasted Coconut Flakes

    Scatter a generous pinch of unsweetened coconut flakes over the mango, add an optional pinch of flaky sea salt to sharpen the flavours, and serve immediately while the toast is still warm and the halaya is glossy.

    The Best Ube Mango Toast Recipe – Two ube mango toasts side by side: sourdough with purple ube halaya, fanned yellow mango | Ube Nolia

    Pro Tips for the Perfect Ube Mango Toast

    Assemble at the last minute: the mango releases juice quickly. Slice and top the toast just before serving to keep the bread crisp.

    Toast the coconut flakes: 2 minutes in a dry pan until pale gold multiplies their flavour.

    Warm the halaya slightly: a soft, warm halaya spreads more easily and looks glossier on the bread.

    Cut mango cheeks with a knife or spoon: for thin, even slices, cut the two cheeks off the mango pit, then slice with a sharp knife or scoop out with a large spoon.

    Salt is not optional: a tiny pinch of flaky sea salt on top makes the ube and mango flavours pop.

    Storage & Make-Ahead Guide

    Ube halaya: keeps 2 weeks in a sterilized jar in the fridge, or 3 months in the freezer. Thaw overnight in the fridge and rewarm gently before spreading.

    Toasted coconut flakes: store in an airtight jar at room temperature for up to 1 month.

    Assembled toast: eat within 15 minutes. This is a fresh-assembled toast, not a make-ahead breakfast.

    Mango: slice fresh. Pre-sliced mango loses juice and freshness within an hour.

    Why Use Real Ube (Purple Yam) Powder in Your Halaya

    The colour and flavour of your ube mango toast depend entirely on the ube powder you cook into the halaya. Many products on the market rely on colouring or extracts. Ube Nolia ube powder is 100% pure, single-origin ube from the Philippines, with nothing added:

    Natural deep purple colour from anthocyanins, plant-based antioxidants. Authentic flavour with natural vanilla and toasted biscuit notes. Clean label: no artificial dye, no flavouring, no added sugar. Consistent colour and taste in every batch of halaya, ideal for photo-perfect toasts.

    Learn more about what ube tastes like and the nutritional benefits of ube powder.

    More Ube Recipes to Try After the Toast

    Ube Halaya: Traditional Filipino Purple Yam Jam

    Ube Pandesal: Filipino Purple Bread Rolls

    Ube French Toast Tiramisu Style

    Ube Crookie: Croissant Stuffed with Ube Cookie Dough

    Ube Mango Latte Recipe

    Ube Halaya Tartine: A Filipino Culinary Canvas

    The Ube Mango Toast with Coconut Flakes is a vibrant tartine featuring ube halaya, a traditional Filipino jam made from Dioscorea alata, commonly known as purple yam. This root vegetable, locally called 'ube' (pronounced 'oo-beh'), is cherished for its distinctive biscuit and vanilla flavor profile and its striking natural purple hue, attributed to anthocyanin pigments. Ube Nolia ube powder, sourced from Dagupan and Urdaneta in the Philippines, captures this unique essence.

    The term 'halaya' itself is derived from the Spanish word 'jalea', reflecting the culinary influence of Spanish colonization on Filipino cuisine. While ube has been a staple for centuries, the modern, creamy halaya, as used in this tartine, evolved with the introduction of condensed and evaporated milk in the early 20th century. Ube halaya is a cornerstone in iconic Filipino desserts like halo-halo and sapin-sapin, and its recent global popularity has elevated ube from a local delicacy to an international culinary trend, celebrated for its unique taste and visual appeal.

    Botanical Name

    Dioscorea alata

    Primary Flavor Profile

    Biscuit & vanilla

    Natural Pigment

    Anthocyanins

    Origin

    Dagupan, Urdaneta, Philippines

    Common Pitfalls in Ube Mango Toast Preparation

    ProblemCauseFix
    Ube halaya is too thin or watery.Insufficient cooking time or incorrect milk-to-ube powder ratio.Continue cooking the halaya over low heat, stirring constantly, until it thickens to a glossy, spreadable consistency.
    Mango slices slide off the halaya.Halaya is too warm and soft, or mango slices are too thick.Allow the ube halaya to cool slightly before spreading, and ensure mango slices are thinly cut for better adhesion.
    Toast becomes soggy quickly.Halaya was spread on toast that was not adequately toasted or was too warm.Ensure sourdough or brioche is well-toasted to a golden crisp, and serve immediately after assembly to prevent sogginess.
    Coconut flakes burn easily during toasting.High heat or uneven distribution in the pan.Lightly toast coconut flakes in a dry pan over low heat, stirring frequently, or use a toaster oven on a low setting, watching constantly.

    15+ Ways to Enjoy Ube Nolia Ube Powder

    Breakfast & Brunch 🍞

    • Blend into smoothies with banana and coconut milk.
    • Swirl into pancake or waffle batter for purple treats.
    • Incorporate into overnight oats or chia pudding.
    • Use to make vibrant purple yogurt parfaits with granola.

    Desserts & Sweets 🍰

    • Bake into cookies, cakes, or muffins for a unique flavor.
    • Create homemade ube ice cream or gelato.
    • Prepare ube crinkles or mochi for a chewy delight.
    • Infuse into panna cotta or crème brûlée for an elegant finish.

    Beverages & Drinks 🥛

    • Whisk into hot milk for a comforting ube latte.
    • Mix with sparkling water and lime for a refreshing spritzer.
    • Add to boba tea for a colorful and flavorful twist.
    • Blend into milkshakes with a scoop of vanilla ice cream.

    Savory & Fusion Dishes 🍜

    • Incorporate into savory sauces for a hint of sweetness.
    • Use as a natural food coloring for pasta or gnocchi.
    • Experiment with ube-infused bread or dinner rolls.
    • Add to fillings for savory pastries or empanadas.

    Rate this recipe

    Click a star, no account needed.

    Be the first to rate this recipe
    Ube Nolia ube latte in a ribbed glass on a wooden tray
    Ube Nolia ube powder preparation close-up
    Ube Nolia ube latte being stirred next to the ube powder pouch
    Ube Nolia ube matcha latte recipe
    Woman drinking an Ube Nolia ube latte next to the ube powder pouch
    Ube Nolia ube matcha cream tartine

    Get 10% Off your first order

    Sign up to receive an instant 10% discount, plus our newsletter and current promotions