This Mango Hibiscus Mocktail is such an easy & delicious tropical sip, without the booze (or the hangover)! This is a non-alcoholic drink featuring both hibiscus tea and mango syrup, making for a super refreshing drink with such great flavor!

This simple drink is perfect for anytime from summer to Dry January, or anytime you want a refreshing sip without the alcohol!
Looking for some more refreshing mocktails? Try out this non-alcoholic Strawberry Smash, or this delicious alcohol-free Pomegranate Spritzer. Or, this tasty Tequila Sunrise Mocktail uses a tequila substitute.
Ingredients
This is a really simple drink, with only four ingredients (plus optional garnishes)!
You'll need some hibiscus tea, which I made using hibiscus tea bags. You'll also need some mango puree syrup. (You can also use my homemade Mango Nectar recipe in place of the syrup.)
Lemon juice (preferably freshly squeezed) and ginger beer round out the list of ingredients!
For the optional garnish, I used a slice of fresh mango and also crumbled some dried Maui hibiscus flowers on top (not pictured). You can also use a fresh hibiscus flower if you have one available!
Variations and Substitutions
Don't have hibiscus tea? You can try using a raspberry tea in its place.
For the ginger beer, you can use a plain or citrus seltzer instead. Or, use a lemon-lime soda.
If you want to reduce the sugar in this drink, you can try using a sugar free mango syrup in place of the regular syrup. You can also sub in Remedy sugar free ginger beer.
For a cocktail version of this drink, I definitely recommend rum to go with the tropical flavors! Vodka or tequila would also both work really well in this drink. Just add a shot of your spirit before adding the ginger beer.
Equipment
Since this drink is made in the glass, you don't need much in terms of equipment! For the glass, you can use a wine glass or a tumbler. I used a glass similar to these vintage goblet style cocktail glasses.
Besides the glass, you'll mostly just need a spoon to stir the drink, a jigger, and a knife and cutting board for prepping the fresh fruit.
Note: If you're looking for some new bar tools, I really love A Bar Above! You can get 10% off using my discount code, LKDrinks.
Instructions
Start out by adding your lemon juice and the mango syrup to your glass.
Add in the hibiscus tea, and then fill your glass with ice.
Give everything a stir to make sure the mango syrup mixes in with the other ingredients.
Then, top it off with ginger beer. You can give it another gentle stir just to combine everything.
Add your mango and dried hibiscus flowers as garnish, and serve!
Hint: If you can, try to chill your serving glass for about 30 minutes before making the drink. Also, definitely chill your hibiscus tea, or at least get it to room temperature before mixing it in!
📖 Recipe
Mango Hibiscus Mocktail
Equipment
- Knife and cutting board (if using fresh fruit)
- Citrus juicer (if using fresh lemon)
Ingredients
Mocktail
- ½ ounce lemon juice
- ¾ ounce mango puree syrup
- 2 ounces hibiscus tea (brewed and cooled)
- 1 ounce ginger beer
Garnish (optional)
- 1 slice mango (fresh)
- dried hibiscus flowers (crumbled on top, or stick them to the side or rim of the glass)
Instructions
- Add the lemon juice, mango syrup, and hibiscus tea to a cocktail glass.
- Fill the glass with ice and stir until all the ingredients are combined well.
- Top the drink off with the ginger beer and gently stir a couple times.
- Optionally, place the mango slice garnish on top of the drink, and sprinkle the dried hibiscus flowers on top (or stick the hibiscus to the side of the glass using lemon juice before making the drink).
- Serve and enjoy!
Notes
- If you don't have hibiscus tea, try using raspberry tea.
- You can use seltzer or lemon-lime soda in place of the ginger beer.
- You can use store bought mango syrup, or you can make my homemade Mango Nectar recipe.
Kimberly says
I love this one! Super easy and refreshing with the mango & hibiscus tea. Let me know if you have questions about this recipe!