Go Back

Pineapple Hibiscus Tea Mocktail

This hibiscus mocktail recipe combines tangy hibiscus tea with juicy pineapple and a hint of simple syrup, finished with sparkling water and mint leaves for a truly tropical twist. Make this hibiscus drink when you need a refreshing, caffeine-free, and healthy blood pressure-friendly option that still feels elegant and celebratory. It’s the perfect mocktail with hibiscus for summer gatherings, Sunday picnics, or when you simply want to make it vegan, floral, and festive.
Prep Time5 minutes
Cook Time10 minutes
Total Time15 minutes
Course: Drinks
Keyword: floral mocktail, hibiscus mocktail, hibiscus refresher, hibiscus tea mocktail, non-alcoholic hibiscus drink, pineapple hibiscus mocktail
Servings: 2

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.