Tropical Butterfly Refresher
A vibrant burst of color and flavor awaits with every sip of this Tropical Butterfly Refresher. Picture a drink that captures the essence of summer; its warm hues mirror a sunset, and its tropical notes dance on your palate. This delightful treat is reminiscent of a popular cafe favorite, but the best part? You can recreate it right in your kitchen, skipping the long lines and steep prices.

Crafting the perfect balance of sweet and tangy, this Tropical Butterfly Refresher is quick and perfect for those moments when you crave something refreshing. Whether you’re enjoying a quiet afternoon or hosting friends, this drink turns any occasion into a mini vacation. Ready to feel the tropical vibes?
Table of Contents
Why You’ll Love This Recipe
- Simple & Quick: Whip this refresher up in just 10 minutes, perfect for busy days.
- Irresistible Flavor: The fusion of passionfruit, guava, and butterfly pea flower creates a delightful taste.
- Eye-Catching Appeal: Its stunning layers make it a showstopper at any gathering.
- Flexible Serving: Enjoy it as a refreshing pick-me-up, a fun party drink, or a flavorful start to your day.
- Diet-Friendly Options: Easily adaptable for vegan diets or those looking for caffeine-free alternatives.

Ingredients You’ll Need
- ½ cup passionfruit-guava base: This sweet duo provides the core flavor; consider making your own if you can’t find it.
- ½ cup water: Essential for hydration and ensuring the drink isn’t too thick.
- ¼ cup mango boba and pineapple boba: For a fun texture; substitute with just mango or another fruit boba if pineapple is unavailable.
- 3 tablespoons butterfly pea flower infusion: Adds a beautiful color and is known for its health benefits.
- ½ cup passionfruit syrup: This syrup packs a sweet, tropical punch—look for pure syrups to avoid artificial ingredients.
- ½ cup guava nectar: Brings a unique sweetness; opt for natural blends without added sugars.
- 1 tablespoon freshly squeezed lemon juice: To brighten the drink’s flavor profile.
- ½ teaspoon green coffee extract powder (optional): For a caffeine boost without the coffee taste.
- 1 cup hot water: Needed for steeping the butterfly pea flowers.
- 1 tablespoon dried butterfly pea flowers: Provides the infusion; this can be found online or in specialty stores.
How to Make Tropical Butterfly Refresher
- Prepare the Passionfruit-Guava Base: In a shaker filled with ice, combine ½ cup passionfruit-guava base and ½ cup water. Shake vigorously to combine and chill.
- Set Up the Boba: Place the mango boba and pineapple boba at the bottom of a glass, making sure to include some of their liquid for extra flavor.
- Combine the Mixture: Once shaken, pour the ice-filled mixture over the boba in the glass, allowing it to fill up beautifully.
- Add the Infusion: Using the back of a spoon, gently pour in 3 tablespoons of the butterfly pea flower infusion to create a stunning visual effect.
- Mix Final Ingredients: In a separate container, combine passionfruit syrup, guava nectar, lemon juice, green coffee extract (if using), and the remaining ½ cup of water. Shake until mixed well, then chill.
- Make the Butterfly Pea Infusion: In a heatproof bowl or jar, steep 1 tablespoon of dried butterfly pea flowers in 1 cup of hot water for 10 minutes. Strain the flowers and allow the liquid to cool before using.
- Store the Infusion: The butterfly pea mixture can be stored in an airtight container in the fridge for up to a week.
Storing & Reheating
Store leftover Tropical Butterfly Refresher in a sealed container in the refrigerator for up to three days, though the flavors are best enjoyed fresh. If you want to keep it longer, consider freezing it in ice cube trays for up to three months. When ready to enjoy, simply blend the cubes together for a lovely slushy refresher. Note that flavor intensity may change slightly after freezing, but it still offers a delightful experience.

Chef’s Helpful Tips
- Avoid over-steeping the butterfly pea flowers to prevent a bitter taste. Ten minutes is usually perfect.
- Ensure your boba is fully cooked before adding it to your drink for the best texture.
- Use freshly squeezed lemon juice for the best flavor; bottled juices often lack zest.
- You can prepare the passionfruit-guava base in larger batches, storing it in the fridge for quick use.
- If using green coffee extract, start with a smaller amount and adjust according to your taste preferences.
No summer gathering or weekday afternoon should pass without enjoying this Tropical Butterfly Refresher. The refreshing combination of fruits and eye-catching colors instantly lifts spirits, inviting you to sip and savor life’s sweeter moments. This isn’t just a drink; it’s an experience waiting to unfold.
Recipe FAQs
Can I use fresh fruits instead of syrups?
What if I can’t find butterfly pea flowers?
Is this drink caffeinated?
How can I enhance the sweetness?
More Drinks Recipes
- Green Power Smoothie
- Blood Orange Margarita
- Homemade Grape Soda
- Bee’s Knees Cocktail
- Horchata Frappuccino
👉 If you make my Tropical Butterfly Refresher recipe, please leave a comment and a star rating — it really helps others discover the recipe.
Follow me on
Pinterest
for more easy recipes.

Tropical Butterfly Refresher
- Prep Time: 5 minutes
- Cook Time: 5 minutes
- Total Time: 10 minutes
- Yield: 1 serving 1x
- Category: Drinks
- Method: Shaking
- Cuisine: American
Description
The Tropical Butterfly Refresher is a refreshing and colorful drink that combines passionfruit, guava, and a beautiful butterfly pea flower infusion. This easy-to-make beverage is perfect for hot days or as a unique treat for gatherings, highlighted by its irresistible flavors and vibrant presentation.
Ingredients
- ½ cup passionfruit-guava base
- ½ cup water
- ¼ cup mango boba and pineapple boba
- 3 tablespoon butterfly pea flower infusion
- ½ cup passionfruit syrup
- ½ cup guava nectar
- 1 tablespoon freshly squeezed lemon juice
- ½ teaspoon green coffee extract powder (optional)
- ½ cup water
- 1 tablespoon dried butterfly pea flowers
- 1 cup hot water
Instructions
- Combine ½ cup of passionfruit-guava base and ½ cup of water in an ice-filled shaker. Shake thoroughly.
- Place the boba pearls and their liquid at the bottom of a cup.
- Pour the entire shaker mixture, including ice, into the glass over the boba.
- Slowly pour 3 tablespoons of the butterfly pea flower infusion over the back of a spoon to layer it on top of the drink.
Notes
If mango boba is unavailable, you can simply use pineapple boba for a sweet touch.
For added caffeine, include the green coffee extract powder in the mixture.
Ensure to prepare the butterfly pea flower infusion ahead of time for a vibrant color effect.
Nutrition
- Serving Size: 1 serving
- Calories: 220
- Sugar: 50g
- Sodium: 5mg
- Fat: 0g
- Saturated Fat: 0g
- Unsaturated Fat: 0g
- Trans Fat: 0g
- Carbohydrates: 54g
- Fiber: 1g
- Protein: 1g
- Cholesterol: 0mg
