Tropical Punch No-jito (Hibiscus Mango Mojito Mocktail)

by Carolyn Pascual White on Aug 8, 2025 (updated Sep 16, 2025)

This post may contain affiliate links that earn us a small commission with no extra cost to you. We appreciate you using these links for any purchase!

This Tropical Punch No-jito is a refreshing and fruity mocktail that combines hibiscus tea, mango, lime, mint, and a playful fruit-bar garnish. It’s perfect for lounging poolside, hosting a summer soiree, or warm evenings on the patio.

If you love mixing up mocktails, you’ll also want to try my Easy Blue Hawaiian Mocktail or my Spritzy Tart Cherry Juice Mocktail.

I partnered with Outshine to mix up the Tropical Punch No-jito (Hibiscus Mango Mojito Mocktail) recipe! Recipe and ideas are my own.

Vibrant Tropical Punch No-jito mocktail with hibiscus, mango, lime slice, fresh mint, and a popsicle garnish in a ribbed glass on a pink background.

If you know me, you know I love a beautiful presentation, and this mojito mocktail is not only delicious, it’s a show stopper. The vibrant reddish pink hibiscus tea poured on top of the drink gives a gorgeous layered presentation and the bright colors of Outshine fruit bars really put the pizazz on top (literally) for fun summer sips all season long.

The combination of the tropical mango fruit, cool mint, and bright citrus makes this mocktail ultra refreshing. The hibiscus tea is a unique ingredient that adds soft floral notes and a pop of tartness, that will make your guests believe you’re a master mixologist.

Recipe Ingredients

See the recipe card for quantities.

Chilled hibiscus tea: You can use any pure hibiscus tea. For this recipe we used Traditional Medicinals.
Mint sprigs: Always use fresh mint leaves, never dried.
Lime juice: Fresh squeezed lime juice is always recommended over bottled lime juice.
Mango juice: I recommend 100% juice or fresh mango juice. You can do this by placing pitted and peeled mangoes in a food processor, blender, or juicer.
Club soda: Any club soda will work. You can also use sparkling water as a substitute.
Outshine Fruit Blends Tropical Punch Bars: You can use these popsicles as a garnish. Although they are not crucial to the drink, they are so fun and yummy for summer. You can find these popsicles at many grocery stores or retailers or order them online.
Lime: Use for garnish if desired. Find a dark green lime without any blemishes.
Hibiscus flowers: Use for garnish if desired.

Tools & Equipment List

You can check out my favorite glasses here!

How to Make This Recipe

MOCKTAIL

Step 1: To a small pitcher – add mint leaves, sugar and lime juice. Gently muddle to release oil from the mint and dissolve the sugar. Be careful not to tear the mint. Add mango juice and club soda. Stir to combine.

Step 2: Divide drinks into glasses filled with ice, filling about 3/4 way. Top each with 1 oz of hibiscus tea and garnish each with an Outshine Fruit Blends Tropical Punch bar. Optionally, garnish with a mint sprig and hibiscus flower. Stir before enjoying!

MANGO JUICE

Step 1: Peel and pit 2 large mangoes.

Step 2: In a food processor, blender or juicer place peeled and pitted mangoes. Strain any chunks or excess skin into a container and set aside or place in a refrigerator to chill.

CHILLED HIBISCUS TEA

Step 1: Make you Hibiscus tea by following the directions of your tea maker.

Step 2: Let the tea cool down then place into a small pitcher or container and chill for at least 3 hours prior to mixing your mocktail.

Watch How to Make this Recipe

@thesocialsipper
Counting down the days to summer with the Tropical Punch Nojito. Tropical mojito mocktail + Outshine Tropical Punch fruit bars = summer sippin’ made easy
♬ original sound – The Social Sipper

Tips for Making a Mango Mojito Mocktail

Add the hibiscus tea last once your drinks are assembled. This allows for a pretty, layered presentation. If presentation isn’t a priority, you can add it straight into the pitcher.
If you prefer sparkling water over club soda, feel free to substitute with plain or citrus-flavored sparkling water.

Frequently Asked Questions

Can I add liquor to the Tropical Punch No-jito?

Yes! If your guests prefer a boozy version, you can add rum, the classic spirit for mojitos.

Can I batch the Tropical Punch No-jito?

This recipe already makes 4 servings but if you’re looking to serve a large group can easily double or triple the recipe. Just remember to add the club soda right before serving to keep it fizzy.

What does hibiscus tea add to a mango mojito mocktail?

Hibiscus tea can add a lot to any mocktail or cocktail. Not only does it have a beautiful bright reddish/pink color, it adds tart and floral notes to the drink. Additionally bold tropical flavors like mango and pineapple go great with hibiscus.

More Tropical Mocktails to Try

If you loved this recipe, I would SO appreciate it if you would give this recipe a star review below. Also, be sure to share it on Instagram and tag me @thesocialsipper!

For more great recipes, follow me on Instagram, Tiktok, Pinterest and Facebook.

If you’re interested in taking scroll-stopping photos and videos of your food and drinks, follow @foodphotographymentor on Insta and check out our food photography equipment here.