HEYTEA Coconut Mango Blue
The two tone cup. A blue butterfly pea layer over coconut mango, and one of the cheapest signature drinks on the board.
- Fruit Tea Series
- No dairy in base
- Under 200 cal
About the Coconut Mango Blue
Coconut Mango Blue costs $8.49 at 190 calories, making it one of the least expensive signature drinks HEYTEA sells and the cheapest of the coconut builds. Mango and coconut milk fill the bottom of the cup and a blue butterfly pea infusion is poured over the top, so it reaches you in two clear bands before anyone stirs it.
Butterfly pea flower is where the colour comes from, and you should know that it contributes almost nothing to the taste. The flower brews to a deep blue with a very mild, faintly earthy flavour that disappears entirely against mango and coconut. If you expect the blue layer to taste of something you will be disappointed, and if you worry it might taste odd you can relax for the same reason.
What it does bring is a genuine chemical trick. Butterfly pea pigment reacts to acidity, so acid turns it from blue toward purple and then pink. Squeeze citrus into the cup and the colour shifts while you watch. HEYTEA does not build that into the standard drink, so adding a grapefruit pulp topping at {PRICE:grapefruit-pulp} is how you make it happen.
Underneath the colour this is the same drink as Coconut Mango Boom at $8.99, and that one carries 200 calories against 190 here. The Blue version is cheaper and lighter, and the difference is a layer of flower infusion in place of some of the coconut base. Choose on the drink rather than the look and you should notice the plain version is slightly richer for the extra money.
Both share the same useful property. No tea leaf goes into either, so there is no caffeine from a tea base, and coconut milk stands in for dairy. Very little else on this board clears both at once. That combination, rather than the colour, is the strongest reason to order this cup.
Take it for the look, as an evening drink, or if you are avoiding dairy and caffeine together. Skip it if you want the tea in your tea, because there is none. Cloud Mango puts mango back on jasmine tea with a cheese cap, and Mango Grapefruit Boom is the mango drink with the most going on in it.
Coconut Mango Blue sizes and prices
The Coconut Mango Blue comes in one cup size only, at $8.49 for 190 calories, so there is no upgrade to weigh up. That price makes it the 10th dearest of the 13 drinks in the Fruit Tea Series section.
| Size | Price | Calories | Cal per dollar |
|---|---|---|---|
| Regular cup | $8.49 | 190 | 22 |
Listed US menu price before tax. The Coconut Mango Blue is one of 13 drinks in the Fruit Tea Series section and city to city variation applies to all of them, cross checked across public US menu listings on 19 August 2026.
Best toppings for the Coconut Mango Blue
The Coconut Mango Blue starts at $8.49 and every topping is charged on top of that. Sago is the cheapest of the three at $0.98, and all three together would take the Coconut Mango Blue to $12.63 and 380 calories.
| Topping | Add on | Cal | Cup total | Why it works here |
|---|---|---|---|---|
| Grapefruit Pulp | +$1.58 | +40 | $10.07 230 cal | Citrus shifts the butterfly pea pigment from blue toward pink, so this addition changes how the drink looks as well as tastes. |
| Sago | +$0.98 | +80 | $9.47 270 cal | Small pearls that suit a coconut base and sink to the bottom, which keeps the two colour bands visible for longer. |
| Coconut Milk Jelly | +$1.58 | +70 | $10.07 260 cal | Doubles the coconut without adding dairy, and it keeps the cup suitable for anyone avoiding milk. |
These three suit the Coconut Mango Blue in particular, and the remaining 4 options sit in the full toppings table with what each one does to a mid board cup.
How to make a Coconut Mango Blue at home
Dried butterfly pea flowers are cheap online and a small bag lasts a long time, so your only real cost here is the mango. The one technique involved is layering, and it comes down to density: the coconut mango is heavier, so it stays at the bottom without you doing anything. Shop price is $8.49.
Ingredients
Butterfly pea infusion
Coconut mango base
To serve
Method
All steps done. Your Coconut Mango Blue is ready to pour.
Tips that actually change the result
- A squeeze of lime turns the blue layer purple and then pink. Add it at the table rather than in the kitchen so the change is visible.
- Chill the infusion fully. Warm liquid mixes into the base on contact and there is no layering at all.
- Full fat canned coconut milk only. Cartoned coconut drink is too thin to hold its position under the blue layer.
Ways to change it
- Leave out the butterfly pea entirely for the Coconut Mango Boom build.
- Whisk 2 tsp matcha into the coconut base for the Matcha Cloud Coconut Blue version.
- Add cooked sago to the bottom for texture and a clearer separation between the bands.
How the Coconut Mango Blue compares
The coconut and blue builds against the tea based mango drinks. These two coconut cups are the only ones here with no tea leaf at all, which is why I keep recommending them for evenings.
| Drink | Price | Calories | Base | Dairy |
|---|---|---|---|---|
| Coconut Mango Blue (this drink) | $8.49 | 190 | No tea base | No |
| Coconut Mango Boom | $8.99 | 200 | No tea base | No |
| Cloud Mango | $9.99 | 200 | Jasmine green tea | Yes |
| Matcha Cloud Coconut Blue | $9.99 | 250 | Matcha | Yes |
More from Fruit Tea Series
Crisp Grape Boom
$1.00 more, 20 calories heavier, on jasmine green tea.
Cloud Crisp Grape
$1.50 more, 30 calories heavier, on jasmine green tea, and it has dairy.
Green Grape Boom
$1.50 more, 10 calories heavier, on jasmine green tea.
Cloud Green Grape
$1.00 more, 20 calories heavier, on jasmine green tea, and it has dairy.
Coconut Mango Blue questions
How much is the HEYTEA Coconut Mango Blue?
At $8.49 a regular cup sits among the least expensive signature drinks on the US board, and below the plain Coconut Mango Boom at $8.99.
What is the blue layer made of?
Butterfly pea flower infusion. It brews a deep natural blue and adds almost no flavour, so the colour is the point rather than the taste.
How many calories are in a Coconut Mango Blue?
The listed count is 190 calories, slightly below the 200 in the plain coconut mango version, since some of the coconut base is replaced by the flower infusion.
Does the Coconut Mango Blue have caffeine or dairy?
Neither in the standard build. No tea leaf goes in, and coconut milk stands in for dairy milk. Butterfly pea flower is not a caffeinated plant. A cheese cloud topping would add dairy.
Why does the colour change when you add citrus?
Butterfly pea pigment reacts to acidity, so it shifts from blue toward purple and pink as the pH drops. A grapefruit pulp topping at {PRICE:grapefruit-pulp} is the easiest way to see that happen in the cup.
Popular HEYTEA drinks
Coconut Mango Boom
$0.50 more, 10 calories heavier, on the same base.
Cloud Mango
$1.50 more, 10 calories heavier, on jasmine green tea, and it has dairy.
Mango Grapefruit Boom
$1.50 more, 20 calories heavier, on jasmine green tea.
Grapefruit Boom
$1.00 more, 10 calories heavier, on jasmine green tea.