Drinks mocktail cold-brew hibiscus summer

Hibiscus Cold Brew Fizz

Name: Hibiscus Cold Brew Fizz
Prep time: 10 min
Cook time: 25 min
Total time: 35 min
Yield: 4 servings
Cuisine: American
Ingredients: 0.33 cup dried hibiscus flowers (or hibiscus tea bags, 3-4); 0.75 cup granulated sugar; 1 cup water (for hibiscus syrup); 3 cup cold brew coffee (ready-made or concentrate, chilled); 2 tablespoon fresh lemon juice; 3 cup ice cubes; 2 cup sparkling water, chilled; 4 sprig fresh mint sprigs (for garnish)

A bright, fizzy nonalcoholic mocktail that marries rich cold brew coffee with tangy-sweet hibiscus syrup and a citrus spark. Refreshing and visually striking, it's designed for summer sipping and social media-friendly presentation.

0.0(0 reviews)

Prep: 10m · Cook: 25m · Total35 mins

DifficultyEasy

Serves4

AuthorJake

Ingredient Spotlight

dried hibiscus flowers (or hibiscus tea bags, 3-4)

Dried hibiscus flowers (often sold as flor de Jamaica or karkadé) are the calyces of the hibiscus plant used to make a bright-magenta, tart infusion popular in Mexican, Caribbean, and North African cuisines. They taste tangy and cranberry-like with a floral note and produce a vividly colored, slightly astringent syrup or tea. You can find them at Latin or Middle Eastern markets, specialty tea shops, or online; a good substitute is unsweetened cranberry juice (or cranberry concentrate plus a squeeze of lemon) to mimic the tartness and color.

Jake's note

"This drink hits the sweet spot between floral and coffee-forward flavors — perfect for hot afternoons, brunch, or any time you want a viral-worthy summer refresher. Home cooks will love how quickly the hibiscus syrup lifts an ordinary cold brew into something special."

Hibiscus Cold Brew Fizz

This Hibiscus Cold Brew Fizz lives where bright floral syrup meets deep coffee — it’s a summer drink that balances opposing flavors without trying to be everything at once. The tart, cranberry-like pop of hibiscus syrup cuts through cold brew’s chocolate and roasted notes, while a splash of fresh lemon sharpens the edges so the whole glass tastes lively rather than heavy. The sparkling water turns it into a light, effervescent refresher; visually the layered magenta swirl mixing into brown makes for an immediate photo-worthy pour.

What makes this particular version work is the attention to simple technique: a short simmer and a 15–20 minute steep coax a clean, concentrated hibiscus syrup, and shaking the coffee mix with ice both chills and tames bitterness through gentle dilution. Use a bold but smooth cold brew (or dilute a concentrate modestly) so the coffee body holds up when you top with fizz. It’s aimed squarely at hosts who want a sophisticated nonalcoholic option, coffee lovers looking for summer variety, and anyone after a striking drink that’s as refreshing as it is easy to make.

Plan your timing

Enter your target meal time:

6:20 pm–6:27 pm→Make hibiscus syrup

6:27 pm–6:34 pm→Prep glassware and ingredients

6:34 pm–6:41 pm→Blend cold brew with hibiscus and citrus

6:41 pm–6:48 pm→Assemble and add fizz

6:48 pm–6:55 pm→Garnish and serve

Ingredients

Yield

Instructions

Make hibiscus syrup

Combine dried hibiscus, sugar, and 1 cup (240 ml) water in a small saucepan. Bring to a gentle simmer over medium heat, stirring until the sugar dissolves, then simmer 2–3 minutes; remove from heat and steep 15–20 minutes until fragrant and deeply colored. Strain through a fine mesh sieve into a jar, pressing gently on the solids; discard solids and let the syrup cool to room temperature, then chill if time allows.

For this step

0.38 cupdried hibiscus flowers (or hibiscus tea bags, 3-4)
0.75 cupgranulated sugar
1 cupwater (for hibiscus syrup)

Prep glassware and ingredients

If you haven't already, chill your cold brew and sparkling water. Fill 4 tall glasses with a handful of ice and set out a spoon or small whisk for gentle mixing. (This step keeps assembly quick and avoids watering down the drink while building it.)

Blend cold brew with hibiscus and citrus

In a large pitcher or cocktail shaker, combine the chilled cold brew, 4–6 tablespoons of the hibiscus syrup (adjust to taste), and the lemon juice. Add the ice and shake or stir vigorously until well chilled and slightly diluted — this balances intensity and sweetness. Taste and add more syrup if you prefer sweeter or more floral notes.

For this step

3 cupcold brew coffee (ready-made or concentrate, chilled)
2 tablespoonfresh lemon juice
3 cupice cubes

Blend cold brew with hibiscus and citrus

Assemble and add fizz

Divide the coffee-hibiscus mixture evenly among the prepared glasses (about 3/4 full). Top each glass with sparkling water to fill (roughly 4–6 oz / 120–180 ml per glass), pouring gently to preserve effervescence. Give each glass one gentle stir to integrate the layers.

For this step

2 cupsparkling water, chilled

Garnish and serve

Finish each drink with a mint sprig (slap between your palms first for extra aroma) and, if desired, a thin lemon wheel. Serve immediately so the fizz stays lively — encourage guests to stir briefly before sipping to combine the floral, citrus, and coffee flavors.

For this step

4 sprigfresh mint sprigs (for garnish)

Tips from the kitchen

Make a concentrated syrup

Simmer the hibiscus briefly and steep 15–20 minutes to extract color and flavor without overcooking tannins; press solids gently when straining to avoid grit.

Balance with lemon

Add lemon juice gradually and taste — a little acid brightens the hibiscus and softens cold brew bitterness without turning the drink sour.

Chill before assembling

Keep both the cold brew and sparkling water well chilled so you need less ice, which preserves flavor and fizz when building the drink.

Shake to dilute smartly

Shaking the coffee-hibiscus mixture with ice chills and gives controlled dilution; stop when the shaker feels cold to the touch to avoid overwatering.

Pour sparkling gently

Top each glass by pouring sparkling water down the side or over the back of a spoon to retain carbonation and create a delicate foam cap.

Variations & substitutions

Ginger-Hibiscus Lift

Steep a thumb-sized slice of fresh ginger with the hibiscus for the syrup to add warm, spicy notes that play well with coffee.

Caffeine-Free Version

Replace cold brew with chilled roasted-barley or chicory tea to preserve the roasty backbone while keeping the drink caffeine-free.

Creamy Cold Foam

Top the finished fizz with a dollop of lightly sweetened cold milk foam or aquafaba foam for a velvety mouthfeel that contrasts the effervescence.

Sparkling Aperitif Twist

Add 1–1.5 oz of Aperol or a dry vermouth per serving for an adult spritz variation; the hibiscus complements bitter-sweet liqueurs nicely.

Storage & make-ahead

Store leftover hibiscus syrup in a sealed jar in the refrigerator for up to 10–14 days and label it — it’s great for cocktails and lemonade. You can premix the cold brew, hibiscus syrup, and lemon (without the sparkling water) and keep it chilled for up to 24 hours; add sparkling water and ice only when serving to keep the fizz lively. Do not attempt to 'reheat' or carbonate the finished drink.

What to serve with it

Serve this fizz in tall Collins or highball glasses with a straw for ease of sipping and to show off the color gradients. It pairs beautifully with bright, summery fare — think citrusy salads, smoked salmon bagels, or a cheese board with tangy chèvre and almonds — and works as a nonalcoholic option alongside brunch cocktails. Provide a small spoon so guests can stir if the syrup settles.

Frequently asked questions

Can I use hibiscus tea bags instead of loose flowers?

Yes — use 3–4 good-quality hibiscus tea bags in place of the dried flowers and follow the same simmer-and-steep method, but press the bags gently when straining to extract maximum flavor.

How sweet should the syrup be?

The recipe’s 3:1 ratio of sugar to hibiscus is intentionally bright rather than cloying; start with 4 tablespoons per pitcher and adjust to taste since cold brew strength and personal sweetness preference vary.

My cold brew tastes bitter after mixing — how can I fix it?

Bitterness usually means the coffee is too concentrated or under-diluted; add a bit more hibiscus syrup or a squeeze more lemon for brightness, and ensure you shook with ice to allow gentle dilution.

How long before serving can I make the hibiscus syrup?

You can make the hibiscus syrup up to two weeks ahead and keep it refrigerated; making it in advance also lets flavors meld and saves time when entertaining.

Why does the drink lose its fizz quickly?

Fizz loss happens when the mixer or glass is warm or when you stir vigorously after topping; keep components cold, pour sparkling water gently, and give only one gentle stir before serving.

About the author

Jake

Hello, I'm Jake. I started this recipe site with the idea that I hated recipe websites that overwhelm you with long stories and ads just to see plain content that's not helpful. My goal is to provide you with quality recipes, simple ideas and a fun cooking experience. There's lots of fun things to cook, and I think as you browse the site you'll find that TopShelf.Recipes is the place for quality recipes on the web.

See all recipes by Jake →

Ratings & Reviews

Did you make this recipe?

Be the first to share your experience.

Ingredients

4 servings

Step 1: Make hibiscus syrup

dried hibiscus flowers (or hibiscus tea bags, 3-4)0.38 cup
granulated sugar0.75 cup
water (for hibiscus syrup)1 cup

Step 3: Blend cold brew with hibiscus and citrus

cold brew coffee (ready-made or concentrate, chilled)3 cup
fresh lemon juice2 tablespoon
ice cubes3 cup

Step 4: Assemble and add fizz

sparkling water, chilled2 cup

Step 5: Garnish and serve

fresh mint sprigs (for garnish)4 sprig

Nutrition Facts

Per serving: 1 tall glass (590g)

Calories151

Total Fat0.1g

Saturated Fat0g

Trans Fat0g

Polyunsaturated Fat0g

Monounsaturated Fat0g

Total Carbohydrates38.5g

Dietary Fiber0g

Total Sugars0.5g

Protein0.6g

Nutrition values are estimated from USDA ingredient data and may vary based on preparation, brands, and portion sizes. Values are provided for informational purposes only.

Keep Reading

Guides & articles for this recipe

All articles →

Guides

Trending Grillside Drinks for 2026: Cocktails, Low‑ABV Sippers, and Non‑Alcoholic Pairings to Elevate Backyard BBQ

Discover the hottest drinks to serve alongside summer grilling in 2026 — from smoked‑syrup cocktails and barrel‑aged RTDs to low‑ABV spritzes, shrubs, kombuchas, and tea blends. Includes batch-making tips, safety notes, and pairing suggestions for common grilled proteins and sides.

Recipes

Blue Drinks at Home: Natural Color Techniques + 10 Viral Blue Cocktail & Mocktail Recipes

Discover how to make stunning blue drinks at home using natural ingredients like butterfly pea and blue spirulina. This guide includes practical techniques, storage tips, and 10 viral cocktail and mocktail recipes — many with grilled-garnish ideas for backyard entertaining.

Tips & Techniques

Seasonal Flavor Framework

A practical guide to composing balanced late-summer plates by pairing charred proteins, smoky accents, bright quick pickles, fresh herbs, and crunchy textures. Includes short technique boxes (quick pickles, finishing oils, compound butters) and clear timing notes so readers can mix-and-match market produce into satisfying meals.