Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Hibiscus Sparkling Mocktail

Hibiscus Sparkling Mocktail: 5 Refreshing Reasons to Sip This Summer


  • Author: recipeinspire
  • Total Time: 5 minutes
  • Yield: 1 serving 1x
  • Diet: Vegan

Description

This Hibiscus Sparkling Mocktail is floral, tart, and perfectly fizzy—a refreshing and elegant non-alcoholic drink made with hibiscus tea, citrus, and sparkling water. It’s a gorgeous addition to any brunch, garden party, or cozy evening in.


Ingredients

Scale
  • 1/2 cup brewed hibiscus tea (chilled)
  • 1 tablespoon fresh lime juice
  • 12 teaspoons honey or maple syrup (to taste)
  • 1/2 cup sparkling water or club soda
  • Ice cubes
  • Optional: mint leaves, lime slices, or edible flowers for garnish

Instructions

  1. Brew & Chill: Steep dried hibiscus flowers or a hibiscus tea bag in hot water, then cool in the fridge.
  2. Sweeten: In a glass, stir together chilled tea, lime juice, and sweetener of choice until well mixed.
  3. Assemble: Add ice and top with sparkling water or club soda.
  4. Garnish: Add mint, lime slices, or edible flowers for a pretty finish.
  5. Serve: Enjoy immediately while bubbly and cold.

Notes

For a deeper flavor, brew the hibiscus tea stronger or add a splash of pomegranate or cranberry juice. You can make a large batch of hibiscus tea ahead of time and keep it chilled for quick mocktail mixing.

  • Prep Time: 5 minutes
  • Cook Time: 0 minutes
  • Category: Mocktail
  • Method: No-Cook
  • Cuisine: Global-Inspired

Nutrition

  • Serving Size: 1 glass
  • Calories: 40
  • Sugar: 8g
  • Sodium: 5mg
  • Fat: 0g
  • Saturated Fat: 0g
  • Unsaturated Fat: 0g
  • Trans Fat: 0g
  • Carbohydrates: 10g
  • Fiber: 0g
  • Protein: 0g
  • Cholesterol: 0mg

Keywords: hibiscus mocktail, sparkling hibiscus drink, floral mocktail, non alcoholic spritzer

This column takes 50% width on desktop and 100% on mobile.
Another responsive column.

This text only shows on desktops.

This text only shows on mobile devices.