Drink your way to paradise with my Copycat Starbucks Tropical Butterfly Refresher recipe. This easy DIY comes together with just 6 simple ingredients and about 10 minutes of prep. Best of all, each recipe makes enough for 5 drinks, so you’ll be sipping in style all week long!
When you’re looking to hydrate without any caffeine (but something more interesting than water), homemade Starbucks refreshers are a lovely place to start. Treats like this tropical butterfly refresher are great at cooling you down with sweet, fruity goodness, offering a nice change of pace from iced coffee drinks.
Here, guava, passionfruit, and mango play together, making each sip taste like a beach vacation. Similar to the stunning summer berry lemonade refresher, this layered tropical drink includes popping boba pearls, offering exciting juicy explosions as you slurp.
But what makes this tropical refresher really special is the butterfly pea powder layer. It starts as a vibrant blue hue, but when it comes into contact with the acidic juicy layer underneath, the color shifts to a marvelous magenta color. My kids can’t get enough of the “magic trick,” so I’ve been making them nonstop!
Jump to:
- What does it taste like?
- Why You’ll Love This Starbucks Refresher Recipe
- Ingredients Needed
- Substitutions
- How To Make Starbucks Tropical Butterfly Refresher At Home
- Optional Variations & Dietary Adjustments
- Serving Suggestions
- Recipe Success Tips
- FAQs
- DIY Tropical Butterfly Refresher Nutrition
- Other Starbucks Refresher Recipes
- Tropical Butterfly Refresher (Starbucks Copycat)
What does it taste like?
This tropical butterfly refresher is a vibrant explosion of fruity, tropical flavors that's refreshing and energizing. The white grape juice creates a subtly sweet foundation that lets the star ingredients shine, while the guava syrup brings lush, fragrant tropical notes that instantly transport you to a sunny paradise.
Passionfruit powder adds a bright, tangy punch with a distinctive exotic tartness, while the citric acid amplifies the puckery zing. The butterfly pea powder contributes a subtle earthiness that grounds all those fruity flavors, while the mango popping boba delivers surprise bursts of juicy, tangy-sweet mango flavor with every sip. It tastes like summer in a glass!
Why You’ll Love This Starbucks Refresher Recipe
- One & Done - Make a batch of the tropical butterfly refresher base on your day off, then reap the rewards all week long!
- Budget-Friendly - Rather than spending $7 on a single sipper, you can spend less than that much to make 5 drinks. I’m no math major, but that feels like a big win!
- Terrifically Tropical - The lush, juicy flavors of guava, passionfruit, and mango are a match made in tropical heaven. Each sip will transport you to a sun-kissed shore in your mind.
Ingredients Needed
- Water - Start with filtered water for the cleanest flavor.
- White Grape Juice - For a naturally sweet base with a neutral flavor profile.
- Guava Syrup - Homemade is easy to make, all-natural and will likely save you money, but you’re welcome to use store-bought.
- Passionfruit Powder - Powdered freeze-dried passionfruit adds a bright, tropical flavor to the refresher base.
- Citric Acid - Just a bit of citric acid adds puckery tang. A little goes a long way!
- Butterfly Pea Powder - This bright blue powder has a slightly earthy flavor. It turns magenta when it comes in contact with acid, giving the tropical butterfly refresher its vibrant ombre color scheme.
- Mango Popping Boba - For tangy-sweet, juicy pops of fruity flavor.
Substitutions
- White Grape Juice - Clear apple juice has a slightly more pronounced flavor, but will work in a pinch.
- Guava Syrup - Mango syrup is the closest alternative in terms of tropical flavor.
- Citric Acid - You can swap in a tablespoon of fresh lemon juice if you prefer.
- Butterfly Pea Powder - Red cabbage powder has a similar flavor and also changes color when it comes in contact with acidic ingredients. You can also use blue spirulina, but it’ll stay blue.
- Mango Popping Boba - Pineapple popping boba is also delicious!
How To Make Starbucks Tropical Butterfly Refresher At Home
Step 1: Make the Tropical Butterfly Refresher Base. Add the water, white grape juice, guava syrup, passionfruit syrup, and citric acid to a medium saucepan and heat over low heat. Whisk continuously until everything is dissolved.
Step 2: Decant the base into a mason jar and set aside to cool.
Step 3: Make the Butterfly Layer. In a small jar, stir together 3 tablespoon hot water and ⅛ teaspoon butterfly pea powder until dissolved, then set aside to cool.
Step 4: Layer. Once everything is cooled to room temperature, add the popping boba to a tall glass. Add ice, then pour in ½ cup Tropical Butterfly Refresher Base and ½ cup water.
Step 5: Serve. Stir, then top with your prepared butterfly pea powder infusion. Drink up with a boba straw!
Optional Variations & Dietary Adjustments
- Reduced Sugar - Swap in sugar-free guava syrup to significantly reduce the added sugar. You can also use diet grape juice to reduce the sugar further, making it more of a diabetic-friendly drink. If you can find them, feel free to swap in sugar-free popping boba, too!
- Caffeinated - If you were to buy a tropical butterfly refresher from Starbucks, you’d get a little bit of a caffeinated buzz thanks to the addition of green coffee bean extract. Feel free to do the same at home. A few drops of either green coffee bean extract or green tea extract should do the trick!
Serving Suggestions
Presentation is half the fun with this visually stunning tropical butterfly refresher. Serve in clear glasses to show off that gorgeous magenta-to-blue ombre effect, and consider garnishing with fresh fruit slices like lime wheels, pineapple wedges, or edible flowers for an Instagram-worthy finish. I like to freeze my glasses ahead of time so it stays frosty to the last drop.
This tropical refresher makes an excellent brunch beverage, a midday pick-me-up that's far more interesting than plain water, or a festive mocktail for parties and celebrations. For an adult twist, add a splash of white rum, vodka, or coconut rum to transform it into a stunning tropical cocktail that's sure to impress at summer gatherings.
It's also a fantastic post-workout refresher—the natural fruit sugars provide quick energy while the hydrating base replenishes fluids. Kids absolutely love the color-changing magic and fun popping boba, making it a hit for birthday parties or special family treats.
Feel free to adjust the intensity by diluting with sparkling water for a lighter, fizzy version, or concentrate the flavors by reducing the water content for a bolder punch. You can also add a splash of coconut milk for a creamy take. Batch it ahead for gatherings by mixing everything except the ice and boba, then assembling individual servings as needed.
Recipe Success Tips
- Start with cold ingredients whenever possible—chilled water and refrigerated juice help the drink stay refreshingly cold without diluting too quickly as the ice melts. If you're making homemade guava syrup, let it cool completely before adding it to your drink to prevent the ice from melting instantly and watering down the flavors.
- When mixing your refresher base and the butterfly layer, whisk or shake vigorously to ensure the powders fully dissolve; passionfruit and butterfly pea powders can clump if not properly incorporated, so take an extra minute to blend everything smoothly.
- Go easy on the citric acid—it's incredibly potent, and a little truly goes a long way. Start with a small pinch, taste, and add more only if needed, as too much will make your drink unpleasantly sour.
FAQs
Starbucks announced the release of the Tropical Butterfly Refresher that’s debuting May 12 of 2026. But, now that you have the inside skinny, you can make it for yourself before the release date!
Starbucks offers several tropical-inspired refreshers on their menu. The most notable is the Paradise Drink, which features pineapple and passionfruit flavors with coconut milk, creating a creamy tropical beverage. There's also the Pineapple Passionfruit Refresher, made with their refresher base, pineapple and passionfruit flavors, and pieces of real passionfruit. The Mango Dragonfruit Refresher is another popular tropical option featuring mango and dragonfruit flavors with pieces of real dragonfruit. Finally, the Tropical Butterfly Refresher features guava, passionfruit and mango flavors.
The tropical butterfly refresher at Starbucks is a vibrant, colorful drink that features a blend of tropical fruit flavors including guava and passionfruit, plus mango popping boba that add bursts of juicy flavor and a fun textural element with each sip. What makes it particularly distinctive is the use of butterfly pea powder, which creates a stunning visual effect—the drink displays a beautiful ombre color scheme that shifts from bright blue to magenta when it comes into contact with acidic ingredients like citric acid or citrus juice. The flavor profile is bright, tropical, and refreshing with a balance of sweet and tart notes.
DIY Tropical Butterfly Refresher Nutrition
This tropical butterfly refresher is a light, low-calorie beverage that clocks in at just 129 calories per serving, making it a guilt-free treat for those watching their calorie intake. It's completely fat-free and contains no protein, positioning it as a pure refreshment. With only 3 grams of sodium, it's a low-sodium option that won't contribute significantly to your daily salt intake.
It contains 31 grams of carbohydrates, with 30 grams coming from natural sugars found in the white grape juice, as well as added sugars in the guava syrup and popping boba. While the sugar content is notable, it's important to remember that roughly half comes from fruit-derived sugars rather than refined sweeteners.
This refresher works well as an occasional treat or a flavorful alternative to sugary sodas and energy drinks. If you're looking to reduce the sugar content, consider diluting with sparkling water, using less syrup, or opting for a sugar-free sweetener alternative in your homemade guava syrup. As with any sweetened beverage, you should enjoy it in moderation. Cheers!
Total nutritional content per serving is:
- Calories: 129 calories
- Total Fat: 0 grams
- Protein: 0 grams
- Sodium: 3 grams
- Carbohydrates: 31 grams
- Sugar: 30 grams
*This nutritional information is an estimate and calculated based on the ingredients used to create the recipe. The nutritional value of your ingredients may differ slightly. Furthermore, this food is not intended to prevent, diagnose, cure, or treat any disease.
Other Starbucks Refresher Recipes
Tropical Butterfly Refresher (Starbucks Copycat)
Equipment
- 1 medium saucepan
Ingredients
Tropical Butterfly Refresher Base:
- 1 cup water
- ¾ cup white grape juice
- ¾ cup guava syrup
- 1 tablespoon passionfruit powder
- ¼ teaspoon citric acid
Butterfly Pea Powder Infusion:
- 3 tablespoon hot water
- ⅛ teaspoon butterfly pea powder
Tropical Butterfly Refresher:
- ½ cup Tropical Butterfly Refresher Base
- ½ cup water
- ¼ cup mango popping boba (or pineapple popping boba)
- Ice
Instructions
- Make the Tropical Butterfly Refresher Base. Add the water, white grape juice, guava syrup, passionfruit syrup, and citric acid to a medium saucepan and heat over low heat. Whisk continuously until everything is dissolved. Set aside to cool.
- In a small jar, stir together 3 tablespoon hot water and ⅛ teaspoon butterfly pea powder until dissolved, then set aside to cool.
- Once everything is cooled to room temperature, add the popping boba to a tall glass. Add ice, then pour in ½ cup Tropical Butterfly Refresher Base and ½ cup water. Stir, then top with your prepared butterfly pea powder infusion. Drink up with a boba straw!
Notes
Nutrition
xoxo Megan
Leave a Reply