Easy Hibiscus Mocktail Recipe (Healthy Summer Fruit Drinks)
This hibiscus mocktail is sunshine in a glass; a vibrant, tangy and lightly sweet. The floral depth of hibiscus meets the tropical warmth of pineapple for a drink that’s refreshing, caffeine-free, and naturally rich in antioxidants. With its glowing ruby colour and gentle sparkle, it turns any ordinary moment into something worth pausing for.
As I said in my hibiscus latte post, I grew up surrounded by hibiscus flowers; bold red petals blooming against sun-warmed walls, scattered after every rainfall, perfuming the air. Yet, I never once drank hibiscus tea.
I still laugh when I think about that, a little surprised at myself. The flowers were everywhere, part of everyday life, but no one thought to brew them. It’s funny how life works like that, we pass by beauty every day and only learn to taste it much later.
When we finally made our first hibiscus mocktail together, I understood what I had been missing. As the dried hibiscus flowers unfurled in hot water, the liquid deepened into the most vivid ruby hue, rich and glowing like sunset through glass. The aroma: floral, tangy, slightly earthy, filled the kitchen and for a moment we just stood there watching, completely content.
That moment inspired this hibiscus tea mocktail, a drink that feels like rediscovery, part memory, part celebration. The tartness of hibiscus tea meets the sweetness of pineapple, finished with a soft sparkle from sparkling water. Every sip feels like summer: bold, tropical and just the right amount of playful.
There’s something so special about turning simple ingredients into a moment that feels this alive. A pineapple hibiscus mocktail may not sound like much at first, but the colour alone; that deep magenta catching the light always makes people pause before their first sip.
For me, that pause is what makes this drink so beautiful. It’s not just a mocktail recipe; it’s a small reminder that slowing down can be sacred. That even in our busiest days, we can create something joyful, fragrant and entirely our own.
Though it’s non-alcoholic, this hibiscus mocktail still feels like a toast to friendship, to the familiar made new, to everything I once overlooked. The pineapple adds warmth, the mint cools the edges, and the floral aroma of hibiscus tea ties it all together. It’s rich in antioxidants, caffeine-free, and a gorgeous way to brighten your day without the buzz.

You can make this hibiscus tea mocktail for brunches, baby showers, or summer picnics or simply pour yourself one in the late afternoon and let it catch the last bit of golden light. It’s that kind of drink: both comforting and alive, gentle and celebratory.
I also love how easy it is to make it your own. Sometimes I add a squeeze of lime juice for extra brightness, or a drizzle of maple syrup or honey syrup when I want it a little sweeter. Topping it with sparkling water gives it that lively fizz that makes it feel extra special. Each variation becomes a new story in a glass, simple, bright, and unforgettable. If you ever feel like turning it into a cocktail, it welcomes that too.
I think that’s what I love most about this hibiscus tea mocktail; it reminds me that beauty doesn’t always have to be loud. Sometimes, it’s just the quiet brew and chill, the swirl of colour, the soft clink of ice cubes, and the shared smile when you take that first sip.
Every time I make it now, I think about how something I once overlooked became one of my favourite things. And I suppose that’s what this drink really is: a celebration of noticing, of remembering, of turning something ordinary into a small ritual of joy.
So, here’s to the pineapple hibiscus tea mocktail, to old stories, new recipes, and the simple art of pausing long enough to taste the beauty blooming right in front of you.
Why you’ll love this pineapple hibiscus mocktail

Final note from Liv x
The beauty of this hibiscus tea mocktail lies in its simplicity; a petal-red, sparkling hibiscus mocktail that’s both soothing and celebratory. It’s proof that even the most ordinary dried hibiscus flowers can become something extraordinary when steeped in love and memory.
So, go on, make this pineapple hibiscus mocktail, pour it over ice, and let each sip remind you that refreshment can be as pure and poetic as the bloom that inspired it.
More drinks to try?
Did you make this hibiscus mocktail
If this pineapple hibiscus mocktail made you smile, we’d love to know!
Give this recipe a try, save it to Pinterest for later, or share it with someone who loves a good mocktail moment. Don’t forget to tag me on Instagram so we can see your creations!

Pineapple Hibiscus Tea Mocktail
Equipment
- Small saucepan or pot
- Fine mesh strainer or sieve
- Pitcher (if making a big batch)
- Highball glass for serving
- Stirring spoon
Ingredients
- 750 ml water
- 1 cup fresh pineapple chunks ≈ 200 g
- ¼ cup dried hibiscus flowers ≈ 10 g or or 2 hibiscus tea bags
- 20 ml simple syrup or honey syrup, maple syrup, or agave (adjust to your liking or use your sweetener of choice)
- 7-10 small ice cubes
- Mint leaves to garnish
Instructions
- Brew and chill: In a small saucepan, combine the water, fresh pineapple, and dried hibiscus flowers (or loose-leaf hibiscus). Bring to a gentle boil, then simmer for 5–10 minutes until the water turns deep crimson and fragrant.
- Cool to room temperature: Remove from heat, let the hibiscus tea cool to room temperature, then chill for 5–10 minutes.
- Assemble: In a glass, add your syrup, ice, and a few mint leaves. Pour over the chilled hibiscus tea and pineapple juicemixture. Optionally top with sparkling water or Topo Chico for a sparkling hibiscus tea mocktail.
- Garnish and serve: Add a slice of lime or a few rose petals to garnish with mint, and your mocktail is such a fun and lightly sweet, non-alcoholic hibiscus drink ready to serve.
Notes
- Make it a cocktail: Want to turn your hibiscus mocktail into a grown-up treat? Add a splash of white rum, gin, or vodka — each pairs beautifully with the floral tartness of hibiscus tea and the juicy sweetness of pineapple. Gin brings out the floral aroma, rum adds tropical warmth, and vodka keeps it clean and crisp.
- Replace simple syrup with maple syrup, honey syrup, or monk fruit drops for a natural sweetener.
- Add a squeeze of freshly squeezed lime juice or grapefruit juice for a bright, citrusy twist — it becomes a tropical grapefruit mocktail. A dash of rose water transforms it into a romantic hibiscus rose mocktail.
- Store any leftover tea in advance in the fridge for up to 3 days and pour over ice whenever you crave a sparkling hibiscus refresher. Add fresh strawberries or grapefruit slices for colour and extra fruit juice depth.
