Citrus Magic Blue Mocktail Recipe

This is Citrus Magic – a stunning blue-and-purple gradient mocktail made with butterfly pea flowers that literally changes colour when you add citrus.

It’s possible you haven’t heard of butterfly pea flowers before, but trust me, once you see what these little dried blooms can do, you’ll be obsessed. I love this drink, and I’m not ashamed to admit that I’ve made it approximately seventeen times just to watch the magical transformation of the color from blue to purple.

To make this cocktail, I use only natural ingredients: butterfly pea flowers create the insane electric blue colour naturally, and when you add citrus (lemon, lime, or grapefruit), it transforms into purple right before your eyes. The magic never gets old.

I do take liberty with making this more visually dramatic, though – instead of just serving it over regular ice, I freeze the butterfly pea tea into ice cubes and blend them into a slushy texture, then layer it with regular crushed ice for this gorgeous blue-and-white gradient effect. Also, I give you options on which citrus to use because they all work beautifully and create slightly different flavour profiles.

If you’ve only ever had boring, clear or artificially-coloured drinks, I really think you’ll love this naturally vibrant, colour-changing version.

Why use butterfly pea flowers

Here’s the thing about butterfly pea flowers: they’re not just pretty, they’re actually functional and good for you. These little dried blue flowers are packed with antioxidants, support glowing skin (the flavonoids stimulate collagen production), and contain anthocyanins, which are excellent for overall health. Studies show they help ease stress, AND they’re completely caffeine-free, so you can drink them any time of day without turning into a jittery mess.

But the real party trick? The colour-change. Butterfly pea flowers create this stunning electric blue tea, and when you add anything acidic (lemon, lime, grapefruit, even vinegar if you’re feeling experimental), it turns from blue to purple or pink depending on how much acid you add. It’s pH-sensitive chemistry at work, and it never stops being cool to watch.

The tea itself has a very mild, earthy flavour – kind of like a gentle green tea – so it’s not overpowering. You’re really using it for the spectacular colour and health benefits more than intense flavour, which makes it perfect for mocktails where you want other ingredients to shine.

You can find butterfly pea flowers at reputable tea shops, health food stores, or online. A little goes a long way – 15 flowers make enough blue tea for 4 drinks.

Here’s what you need to make this

This recipe serves 4 and requires some advance planning (you’ll need to freeze ice cubes), but the actual assembly is ridiculously easy. You can also prepare it ahead of time for special occasions.

1. BUTTERFLY PEA FLOWERS

Butterfly pea flowers – 15 dried flowers (sometimes called blue pea flowers or Asian pigeonwings). These create the stunning blue colour naturally. Don’t skip these. You can find them at tea shops, Asian markets, health food stores, or online.

Boiling water – 2 cups to steep the flowers and extract all that gorgeous blue colour.

Steeping time – 30 minutes. This isn’t quick like regular tea! You need to steep them longer to extract maximum colour. The longer you steep, the more vibrant the blue (though 30 minutes is the sweet spot).

2. ICE SITUATION

You’ll need TWO types of ice:

Butterfly pea ice cubes – Made by freezing the blue tea into ice cube trays. These get blended into a slushy texture for that dramatic blue layer.

Regular ice cubes – Made by freezing 2 cups of regular water. These also get blended for the white layer that creates the gradient effect.

The layering is what makes this drink so visually spectacular. You get this blue-and-white ombré effect before you even add the citrus, and then the colour-changing magic happens when the acid hits!

3. CITRUS

Fresh citrus juice – 2-4 tablespoons total (about 1 tablespoon per drink). You can use lemon, lime, or grapefruit – they all work. Each creates a slightly different flavour:

• Lemon: Classic, bright, tangy. Most versatile option.
• Lime: Tart, tropical vibes, slightly more assertive.
• Grapefruit: My personal favourite! Slightly bitter-sweet, very sophisticated, gorgeous pink colour shift.

MUST be freshly squeezed. You knew I was going to say that, right? I’m nothing if not consistent about fresh citrus!)

The amount isn’t super fixed – you can add a little more if you like it tangier, or less if you want it milder. The citrus does two things: adds flavour AND triggers that colour change from blue to purple.

4. SPARKLING BEVERAGE

Your favourite sparkling drink – Any sparkling water, club soda, lemon-lime soda, or even homemade lemonade works here.

I usually use plain sparkling water because I like letting the butterfly pea tea and citrus be the stars, but if you want it sweeter, lemon-lime soda is excellent. You could also use tonic water for a slightly bitter edge, or ginger ale for warmth. All good options!

Make sure whatever you use is well-chilled.

5. GARNISH

Lemon wheels or citrus slices – For the rim. Very pretty.

Butterfly pea flowers – If you have extras, a single flower floating on top or tucked into the garnish looks absolutely stunning.

Fresh herbs – Mint or basil would be lovely if you want to add an herbal element.

How to make Butterfly Pea Tea Ice

This is the foundation of the whole drink, and it needs to be done ahead of time (at least 2 hours before serving, ideally the night before). But it’s stupidly easy – mostly just waiting for things to freeze.

Steep the flowers – Place 15 butterfly pea flowers in a heatproof jug or container. Pour 2 cups of boiling water over them and let it steep for 30 minutes. You’ll see the water turn this incredible electric blue almost immediately, but the longer it steeps, the more it extracts more colour.

Don’t be tempted to rush this – the 30 minutes make a difference in colour intensity.

Strain – After 30 minutes, strain out the flowers and discard them (or compost them – they’ve given their all!). You should have about 2 cups of vibrant blue liquid.

Freeze blue ice – Pour the blue tea into ice cube trays and freeze until solid, at least 2 hours (overnight is ideal). You’ll end up with these gorgeous blue ice cubes that look like little sapphires.

Freeze regular ice – At the same time, freeze 2 cups of regular water into ice cubes in separate trays. These create the white layer for the gradient effect.

Blend separately – Once frozen solid, blend the blue ice cubes in a high-speed blender until they’re slushy with some chunks still intact – you want texture, not a completely smooth slush. Transfer to a freezer-safe container and return to the freezer.

Repeat with the regular ice cubes – blend until slushy, transfer to a separate container, freeze.

If you don’t have a high-speed blender, a food processor works, or you can just crush the ice in a bag with a rolling pin or mallet. The goal is crushed/slushy ice, not cubes.

Store until ready – Keep both types of ice in separate containers in the freezer until you’re ready to build your drinks. They’ll keep for several days, so you can prep well ahead of time.

How to make Citrus Magic Blue Mocktail

Once you’ve got your two types of slushy ice ready, building these drinks is genuinely fast and fun. It’s like being an artist with a very edible, drinkable canvas.

Layer the ice – Grab tall glasses (Collins or highball glasses work best to show off the gradient). Fill each glass about halfway with the regular white crushed ice. Then top with the blue butterfly pea slushy ice. You should see this gorgeous white-to-blue gradient forming.

Pack it in gently so the layers stay somewhat distinct – you want that ombré effect!

Add citrus – Pour about 1 tablespoon of freshly squeezed citrus (lemon, lime, or grapefruit) into each glass. THIS IS WHERE THE MAGIC HAPPENS! Watch as the blue ice starts turning purple wherever the citrus touches it. It’s genuinely mesmerizing and never gets old, even if you’ve made this drink a hundred times.

The amount of citrus isn’t super precise – add a bit more if you want a stronger colour change and tangier flavour, or less if you prefer it milder.

Top with more blue ice – Add a bit more butterfly pea slushy ice on top. This creates more surface area for the colour-changing reaction and looks gorgeous.

Add sparkling beverage – Top up each glass with your chosen sparkling drink (sparkling water, lemon-lime soda, whatever you’re using). Pour slowly to preserve the fizz.

Stir and watch – Give it a gentle stir and watch the colours swirl and change! You’ll see blues, purples, and pinks all mixing together as the citrus disperses through the drink. It’s like a lava lamp but delicious.

Garnish and serve – Add a lemon wheel to the rim, tuck in a butterfly pea flower if you have extras, maybe add a sprig of mint. Serve immediately with a straw (preferably a fun colourful one because this drink is all about the visual drama!).

Hand it to someone and watch their face light up. Works every time.

If you enjoy this mocktail, you might also like the orange fizz, which also has a citrus note.

What I serve with this mocktail

If we’re talking actual food pairings, this is excellent for brunches (the mild flavour goes with everything from eggs benedict to fruit salad), summer BBQs, pool parties, or as a welcome drink for any celebration. The flavour is light and refreshing, so it pairs well with most foods without overwhelming them.

If you’re putting together a mocktail menu, my Lavender Lemonade and Blue Lagoon Mocktail have similar vibrant colour vibes, or go completely different with the Blueberry Lemon Thyme Cooler or Cherry Rosemary Mocktail for variety.

The first time I made this, I tried to skip the whole “blend the ice separately” step and just threw everything together, thinking it would save time. Reader, it did not work. The colours got muddy and mixed together immediately, and it just looked grey-ish purple. You don’t want that!

The separate layering is what creates that stunning gradient effect, so don’t skip it even though it’s an extra step.

If you’re wondering whether you can make this without the fancy ice situation, you can just serve it over regular ice cubes. Just freeze the butterfly pea tea into cubes, put them in a glass with regular ice, add citrus, and sparkling water. It’ll still change colour (which is cool), you just won’t get that dramatic layered ombré effect, but it will still be delicious.

Citrus Magic Blue Mocktail FAQ

Where do I find butterfly pea flowers?

You can usually find dried butterfly pea flowers at Asian grocery stores, herbal tea shops, health food stores, or online marketplaces. They’re often sold as “butterfly pea tea” or “blue tea.” Fresh flowers are harder to find unless you grow them yourself.

Can I make this without blending the ice?

Yes. You can skip blending and simply pour the drink over regular ice cubes. The texture will be lighter and less slushy, but the flavour and colour effect will still work.

How long does the butterfly pea tea last?

Brewed butterfly pea tea usually stays fresh for about 3–5 days in the refrigerator when stored in a sealed container. The colour may fade slightly over time, but it’s still usable.

Will other acidic ingredients work for the colour change?

Yes. The blue tea changes colour when it meets acidic ingredients. Besides lemon or lime juice, you can also use:

• Orange juice
• Pineapple juice
• Passion fruit juice
• Vinegar (small amounts)
• Citric acid powder

Different acids can create shades ranging from purple to pink, depending on how much you add.