What Is Butterfly Pea Flower Tea — And Why It Makes the Best Butterfly Pea Flower Mocktail Recipe
If you have been searching for a butterfly pea flower mocktail recipe that actually delivers on the wow factor, stop right here. This is the only guide you will ever need. We are talking a deep, jewel-toned blue brew that transforms into a swirling, gorgeous purple the second you squeeze in a drop of lemon. It looks like something out of a fancy cocktail bar. It tastes cool, lightly floral, and refreshing. And you are making it at home with a handful of dried flowers and a cup of hot water. That is it. Learn more in our article about Creamy Horchata Latte.
Table of Contents
Butterfly pea flower tea comes from the Clitoria ternatea Plant, native to Southeast Asia. Thai street vendors have been serving it for generations. Ayurvedic practitioners have used it for centuries. The deep blue-purple color comes from anthocyanin pigments packed inside those tiny, papery dried flowers. It is 100% caffeine-free, which means you can sip it morning, noon, or evening without a second thought. And the color-changing magic? That is real chemistry — pure, edible, food-safe science happening right in your glass. When you add any acidic ingredient — lemon juice, lime juice, even a splash of lemonade — the pH shifts and the blue flips to purple, then pink. More on that in a minute. Learn more in our article about Green Goddess Grain Bowl.
I left my corporate job because I wanted to cook food that made people stop and stare. This tea does exactly that. It is comfort food without the fuss — well, comfort Drink — and every single variation I am sharing with you today is built around one simple base brew. Master that, and the butterfly pea flower mocktail recipe possibilities are genuinely endless. Whether you are hosting a party, impressing a first date, or just treating yourself on a Tuesday, this one has you covered.
Ingredients You’ll Need
Keep this simple. Most recipes use way too much salt — and honestly, most tea recipes over-complicate everything else too. You do not need a pantry full of exotic ingredients. Here is everything laid out cleanly, split by what you are making.
For the Base Tea
| Ingredient | Amount | Notes |
|---|---|---|
| Dried butterfly pea flowers | 1–2 tablespoons (approx. 0.1–0.2 oz) | Food-grade, deep indigo color — no artificial dyes |
| Filtered water | 8 fl oz (1 cup) | Per single serving; use filtered for the cleanest flavor |
| Honey or sugar | 1–2 teaspoons | Optional; adjust to your taste |
For the Color-Change Magic (Optional but Highly Recommended)
| Ingredient | Amount | Notes |
|---|---|---|
| Fresh lemon juice or lime juice | 1–2 teaspoons | Triggers the blue-to-purple shift; add drop by drop for a gradient effect |
For the Butterfly Pea Flower Mocktail Recipe (Add-Ins & Extras)
| Ingredient | Amount | Notes |
|---|---|---|
| Ice cubes | 1 cup | For the iced version or mocktail builds |
| Sparkling water | 6 fl oz | For the sparkling mocktail variation |
| Fresh mint leaves | 4–5 leaves | Optional garnish; adds a cool, herbal note |
| Ginger slices | 2–3 thin slices | Optional; adds subtle warmth and spice |
| Lemongrass stalk | 1 stalk, bruised | Optional; steep with the flowers for a Southeast Asian flavor profile |
| Frothed oat or coconut milk | 4 fl oz | For the latte variation — creamy and dreamy |
Quick note on the flowers themselves: buy them food-grade from a reputable source. Look for a deep, rich indigo color. If the flowers look faded or smell musty, skip them. Pale flowers mean pale tea — and a pale butterfly pea flower mocktail recipe is a sad mocktail recipe.
Step-by-Step Brewing Instructions
Step 1 – Set Up Your Equipment and Heat the Water
You will need: a small saucepan or electric kettle, a fine mesh strainer or tea infuser, a liquid measuring cup, measuring spoons, and a heatproof mug or glass (8–12 fl oz). If you are making the iced butterfly pea flower mocktail recipe version, grab a 12 fl oz glass too. I hate gadgets — truly, I own as few as possible — but a fine mesh strainer is non-negotiable here. Those tiny dried petals will float everywhere otherwise.
Pour 8 fl oz (1 cup) of filtered water into your saucepan or kettle. Heat it to 190–200°F. That is just below a full rolling boil — you will see small bubbles forming at the bottom of the pan but not yet breaking the surface aggressively. If you do not have a thermometer, bring the water to a boil and then pull it off the heat for about 30 seconds. Close enough. You do not need to be a chemist about it.
Why not a full boil? Boiling water can slightly mute the color extraction and dull the floral flavor. We want that gorgeous, saturated deep blue. Keeping the temperature just under 212°F gives you the best color pull from those anthocyanin pigments without bruising the delicate floral notes.
Step 2 – Add the Butterfly Pea Flowers and Steep
Add 1–2 tablespoons of dried butterfly pea flowers to your infuser or place them directly into your mug. One tablespoon gives you a medium blue. Two tablespoons gives you a rich, almost ink-dark indigo that photographs like an absolute dream. For the butterfly pea flower mocktail recipe, I always go with 2 tablespoons — you want that color to pop.
Pour the hot water directly over the flowers. Watch it happen. Seriously, just watch. The water hits those petals and blooms into blue right in front of your eyes. It is one of those small kitchen moments that never gets old, no matter how many times I have done it. Steep for 5–10 minutes. Five minutes gives you a bright, medium blue. Ten minutes gives you a deep, jewel-toned indigo. If you want maximum drama for your mocktail, go the full ten.
Do not rush this step. I know it is tempting to cut the steeping time short, but this is where all the color and flavor develop. Set a timer. Walk away. Come back to something beautiful.
Step 3 – Strain the Flowers
Once your steep time is up, hold your fine mesh strainer over your mug or a clean pitcher and pour the tea through it. The flowers stay behind; the liquid gold — well, liquid blue — flows through. Press the flowers gently with the back of a spoon to squeeze out every last drop of that gorgeous indigo tea.
Here is a tip: do not throw those spent flowers away immediately. You can steep them a second time for a lighter, paler blue infusion. Just add an extra 1–2 minutes to the steep time on the second round. It will not be as vivid, but it is still perfectly delicious and surprisingly pretty in a softer, lavender kind of way.
Your tea is now a clear, stunning deep blue. No artificial colors. No dyes. Just flowers and water doing their thing.
Step 4 – Sweeten (Optional)
If you like your tea sweet, add 1–2 teaspoons of honey or sugar right now while the tea is still hot and will dissolve the sweetener easily. Stir well. I go with honey every time — it adds a soft, rounded sweetness that pairs beautifully with the light, earthy floral flavor of the butterfly pea flowers.
A word on sweetness levels: start with 1 teaspoon and taste before adding more. The floral flavor of this tea is subtle and lovely on its own. You do not want to bury it under a pile of sugar. For the butterfly pea flower mocktail recipe build, I often skip the sugar entirely in the base tea and add a flavored simple syrup directly to the glass instead — gives you more control over the final flavor profile.
My kids took one bite of version one and pushed their plates away. This version? They fight over the last piece. That lesson applies here too — the first time I made this tea, I over-sweetened it to the point where all the delicate flavor disappeared. Now I let the flowers speak for themselves first, then sweeten to taste.
Step 5 – Trigger the Color Change (The Fun Part)
This is the moment everyone loses their minds over. Your tea is sitting there, deep and blue and gorgeous. Now pick up a small wedge of lemon or lime. Squeeze 1 teaspoon of fresh juice into the tea and watch the color shift. Blue to purple. It happens in seconds. Add a little more and it pushes toward pink-violet. Add even more acid and it goes full pink-red.
For the best visual effect — especially if you are building a butterfly pea flower mocktail recipe for guests — do not stir the acid in all at once. Drip it in drop by drop from the side of the glass. You get a swirling gradient of blue bleeding into purple bleeding into pink. It looks like a galaxy in a cup. No filter needed.
The science is simple. Anthocyanins are natural pH indicators. At neutral or alkaline pH — like plain water — they show blue. Add acid, drop the pH, and the molecular structure shifts, reflecting purple and then pink wavelengths of light instead. It is reversible and completely food-safe. You are not doing anything strange to your tea. You are just playing with chemistry the way cooks have been doing in Southeast Asia for centuries.
Step 6 – Build Your Iced Butterfly Pea Flower Mocktail Recipe
Hot tea is lovely. But the butterfly pea flower mocktail recipe really shines over ice. Here is the cold brew method if you want to go that route — and I strongly recommend it for any mocktail build.
Add 2 tablespoons of dried butterfly pea flowers to 16 fl oz (2 cups) of cold filtered water in a jar or pitcher. Cover it and pop it in the refrigerator for 6–8 hours, or overnight. The cold extraction is slower but produces an incredibly clean, smooth, and crispy flavor — cool and refreshing with no bitterness whatsoever. Strain out the flowers in the morning and you have a batch of cold brew ready to go.
To assemble the mocktail: fill a 12 fl oz glass with 1 cup of ice cubes. Pour 4–6 fl oz of your cold brew butterfly pea tea over the ice. It settles a beautiful, deep blue. Now slowly pour 2 fl oz of fresh lemonade or lime juice over the back of a spoon held just above the surface of the drink — this creates a gorgeous two-tone layered effect before the color change begins. Garnish with a sprig of fresh mint and a lemon wheel. Do not sleep on this recipe when you have company coming. It is a showstopper every single time.
For the sparkling variation — which is honestly my personal favorite butterfly pea flower mocktail recipe — fill a 12 fl oz highball glass with ice, add 4 fl oz of cold brew, top with 6 fl oz of sparkling water, and finish with 1 fl oz of fresh lime juice. The lime hits the blue tea and the color transformation happens in real time, right in the glass, while tiny bubbles rise through it. It looks insane. It tastes even better — bright, lightly floral, perfectly tart, and completely refreshing. This is the kind of recipe you will make on repeat all summer long.
Step 7 – Serve and Enjoy
Whether you are sipping a simple hot cup or presenting a full butterfly pea flower mocktail recipe with layers and garnishes, serve it immediately. The color is most vivid right after the acid hits the tea. Over time, especially over ice as it dilutes, the hues soften — still pretty, but the initial wow moment is best fresh.
Use a clear glass whenever possible. The whole point of this drink is the color. A ceramic mug hides everything. A clear glass or a transparent highball lets every shade do its thing — deep blue, swirling purple, vivid pink. Let people see it. That is half the experience.
If you are making a batch for a party, steep 4 tablespoons of dried flowers in 32 fl oz (1 quart) of hot water for 8 minutes, strain, and refrigerate. Set out a small pitcher of fresh lemon or lime juice on the side and let guests trigger their own color changes. I promise you, adults get just as excited about this as kids do. Every single time.
Tips & Tricks for the Perfect Butterfly Pea Flower Mocktail Recipe
Do not sleep on this recipe. A few small tweaks make a huge difference between a muddy, flat drink and a stunning, vivid mocktail that stops people mid-conversation. Here is everything I have learned from making this again and again.
- Use filtered water. Tap water with heavy minerals or chlorine can dull the deep blue color and flatten the flavor. Filtered water lets those anthocyanin pigments shine at their brightest. Trust me on this one.
- Watch your water temperature. You want 190–200°F — just below a rolling boil. Boiling water can break down the delicate color compounds faster than you want, leaving you with a weaker, murkier hue. A kitchen thermometer takes the guesswork out completely.
- Add acid slowly, drop by drop. This is where the real magic of any butterfly pea flower mocktail recipe happens. Drizzle your lemon or lime juice in tiny amounts and watch the color shift from blue to violet to deep purple. Add it all at once and you skip the best part of the show.
- Do not over-steep. Five to ten minutes is your sweet spot. Go past fifteen minutes and the tea can turn slightly bitter and take on a woody, earthy edge that fights your other flavors. Set a timer. Seriously.
- Cut back on the salt — and the sweetener. My hot take? Most recipes use way too much salt, and the same applies to sweeteners here. One teaspoon of honey is enough. You want to taste the floral, slightly earthy notes of the flowers, not just sugar water. Start low and adjust from there.
- Batch it for parties. Making a butterfly pea flower mocktail recipe for a crowd is one of the easiest wins at any gathering. Brew a full 32 fl oz pitcher ahead of time, keep it unsweetened and unspiked with acid, then let guests add their own lemon juice at the table. Every glass turns a different shade of purple. People lose their minds over it.
- Try a sparkling twist or a latte version. If you want something fizzy, swap still water for sparkling water in your cold brew for a bubbly mocktail that feels extra fancy. Or go creamy — blend 4 fl oz of strong brew with 4 fl oz of frothed oat milk and a teaspoon of honey for a gorgeous butterfly pea flower latte. Both are the kind of recipe you will make on repeat once you try them. If you enjoy colorful, soothing drinks like this, you will also love this Creamy Horchata Latte — it has that same cozy, vibrant energy in a glass.
Storage and make-ahead tips: Keep any leftover brewed tea in an airtight glass jar in the fridge for up to 3 days. The color may deepen slightly overnight — that is totally normal and still gorgeous. Do not freeze the brewed liquid; freezing breaks down the pigments and you will end up with a dull, brownish-grey color when it thaws. If you want a longer shelf life, store the dried flowers instead and brew fresh as needed. No reheating drama here — just pour cold brew straight over ice whenever you are ready.
The Science Behind Your Butterfly Pea Flower Mocktail Recipe
Here is the cool part. That dramatic color shift you get with every butterfly pea flower mocktail recipe is not a gimmick. It is real chemistry happening right in your glass.
Butterfly pea flowers are loaded with anthocyanins — the same natural pigments found in blueberries, red cabbage, and purple sweet potatoes. Anthocyanins are pH-sensitive molecules, meaning they literally change structure depending on how acidic or alkaline their environment is. In plain water (neutral pH), they glow a deep, rich blue. Add a few drops of lemon juice (mildly acidic) and the pH drops, shifting the pigment toward violet and then purple. Add a serious splash of citric acid and you can push it all the way to a vivid pink or even red.
The best part? The color change is completely reversible and totally food-safe. You are not adding any dye or artificial ingredient. You are just playing with pH. It is hands-down the most fun science experiment you will ever drink. Add acid drop by drop and you can actually watch a gradient form in real time — deep blue at the bottom, purple in the middle, pink at the top. For an equally vibrant and refreshing herbal experience, check out this Watermelon Agua Fresca — gorgeous color, zero effort.
Health Perks Worth Knowing
This is comfort food without the fuss — or in this case, comfort drinking without the guilt. Butterfly pea flower tea is 100% caffeine-free, which means you can brew a butterfly pea flower mocktail recipe at 9 PM and sleep like a baby. It is also naturally low calorie — around 0–5 calories per 8 fl oz when unsweetened. That is basically nothing.
The anthocyanins in the flowers are potent antioxidants. Early research points to potential benefits for cognitive function, eye health, and anti-inflammatory support. I am not going to promise miracles here — always talk to your doctor, especially if you are pregnant or on any medication. But sipping something this beautiful that is also genuinely good for you? That feels like a win.
If you are into eating and drinking for both health and aesthetics, pair this mocktail with a meal like this Green Goddess Grain Bowl — the colors alone make the whole table look like a magazine shoot.
Butterfly Pea Flower Mocktail Recipe FAQ
You might also like
Discover more delicious recipes in our recipe collection.
For more information on nutrition and healthy cooking, visit the Academy of Nutrition and Dietetics.
Frequently Asked Questions
Wie lange dauert die Zubereitung von Butterfly Pea Flower Tea?
Die Gesamtzeit beträgt etwa 40 Minuten (10 Min Vorbereitung, 30 Min Garzeit).
Für wie viele Personen reicht Butterfly Pea Flower Tea?
Dieses Rezept ergibt 2 Tall Drinks.
Kann man Butterfly Pea Flower Tea aufwärmen oder einfrieren?
Ja, im Kühlschrank hält es 2-3 Tage. Zum Einfrieren portionsweise verpacken, bis zu 3 Monate haltbar.
Butterfly Pea Flower Tea Mocktail
Ingredients
Method
- Set up your equipment, and heat 8 fl oz of filtered water to 190–200°F.
- Add 1–2 tablespoons of dried butterfly pea flowers to your infuser or mug, and pour the hot water over the flowers. Steep for 5–10 minutes.
- Once steeped, strain the flowers using a fine mesh strainer, pressing gently to extract all the liquid.
- If desired, sweeten the tea with 1–2 teaspoons of honey or sugar while it's hot.
- Squeeze 1 teaspoon of lemon or lime juice into the tea to trigger the color change from blue to purple, adding more for deeper color.
- To build the iced mocktail, fill a glass with ice, pour 4–6 fl oz of cold brew butterfly pea tea over the ice, and top with 2 fl oz of lemonade.
- Serve immediately and enjoy the visual spectacle of the color-changing tea.
