The Starbucks Tropical Butterfly Refresher is very popular right now, and after trying it a few times, I see why. It’s bright, fruity, and lightly caffeinated, with a nice blue-purple color that feels like summer in a cup. After visiting Starbucks several times, I really noticed how the flavors, sweetness, and balance with lemonade worked, as well as with butterfly pea tea.
I decided to make the drink at home to save money. I experimented with different blends of tropical juices, lemonade mixes, butterfly pea flower teas, and syrup concentrates to see how they compared to the Starbucks version. Some drinks were too sweet or tasted artificial, but I eventually found the right combination that captures the drink’s authentic flavor.
I like the Starbucks Tropical Butterfly Refresher Recipe because it’s simple to make. You don’t need to cook or use special ingredients, and you can make it quickly with items you can easily find. Of all the versions I’ve tried, this one tastes the closest to the real thing. It might even taste better when you take that first icy sip.
What Is the Starbucks Tropical Butterfly Refresher?
Starbucks has launched a new seasonal drink for summer 2026 called the Tropical Butterfly Refresher. This colorful drink features passionfruit, guava, and butterfly pea flower tea. It also includes mango-pineapple popping pearls that burst with juice. Unlike regular fruit drinks, this one focuses on tea and gives a light caffeine boost without using coffee.
This drink stands out from others like Tropical Burst and Tropical Sunrise because it includes butterfly pea tea. It even changes color, which makes it unique. Availability in Canada is not certain yet, so check with your local Starbucks.
Since 2012, Starbucks Refreshers have provided lighter, non-coffee options made with green coffee extract and fruit juice. Some popular tropical flavors are the Paradise Drink and Dragon Drink. Refreshers differ from iced teas as they use fruit juice and green coffee extract, making them fruitier.
If you’re interested in butterfly pea flower recipes at home, you might try butterfly pea lemonade or blue moon milk. Many TikTok users are sharing copycat recipes for Starbucks Refreshers, making this drink a current trend.

What Does It Actually Taste Like?
This drink has bright tropical fruit flavors that you can taste right away. Guava adds a sweet creaminess, passionfruit adds a tangy flavor, pineapple adds a crisp citrus flavor, and mango adds a smooth richness. Lemonade adds a bright acidity. Together, these flavors create a refreshing drink that balances sweetness and tartness.
The drink is light and thin, like tropical juice. It has popping pearls filled with mango-pineapple juice, which gives it a fun, chewy texture. The butterfly pea flower tea has a mild, earthy taste that lets the tropical fruits stand out. This subtle flavor works well with the fruits.
The passionfruit has the strongest smell and adds a sweet, perfumelike scent that enhances the overall experience. The acidity from guava and passionfruit also changes the tea’s color, making them a great match.
Why Does It Turn Blue, Then Purple?
Butterfly pea flower tea brews a bright blue color because of natural pigments called anthocyanins. These pigments change color with pH. When you add lemon juice or other acidic ingredients, the tea changes from blue to purple and can even turn pink with more acidity, creating a beautiful ombré effect, with blue tea at the bottom and citrus juice on top.
After you stir it, the drink turns purple, and the color stays even after mixing. Butterfly pea flower tea is a natural, safe, and effective way to color drinks blue or purple at home.
Ingredients for Starbucks Tropical Butterfly Refresher
Butterfly Pea Flower Tea (½ cup brewed strongly): Use dried butterfly pea flowers to make a color-changing tea. Brew 1 tablespoon of flowers in ½ cup of hot water for 5 to 7 minutes, then let it cool. The tea will turn dark blue. You can also mix ½ teaspoon of butterfly pea flower powder with ½ cup of warm water. Butterfly pea flower tea bags are another option.
Guava Juice (¼ cup): This adds a sweet, tropical flavor. Choose 100% guava juice with no added sugar for the best taste. White guava juice is lighter, while pink guava juice deepens the color. You can also use passion fruit and guava blends for more flavor.
Passion Fruit Syrup or Concentrate (2 tablespoons): This ingredient adds a tangy note. Monin Passionfruit Syrup is widely available and tastes similar to the Starbucks flavor. Torani Passion Fruit Syrup is another choice. If these are hard to find, you can use mango syrup with a squeeze of fresh lime juice.
Pineapple Juice (2 tablespoons): Pineapple juice provides bright citrus flavor and a slight tang. Use unsweetened juice from a can or carton, or freshly squeezed juice for a fresher taste. You can also substitute mango juice.
Lemonade (⅓ cup): Lemonade adds tartness and helps the color of the butterfly pea flower change. You can use store-bought lemonade or make your own to control sweetness. Pink lemonade can create a different color. For a less sweet option, mix fresh lemon juice with water and a little simple syrup.
White Grape Juice (2 tablespoons): This ingredient is common in many Starbucks refreshers. It adds mild sweetness and smooth flavor. You can use apple juice as an alternative.
Mango-Pineapple Popping Pearls (2 to 3 tablespoons): These pearls add texture and flavor bursts. You can find them online or in Asian grocery stores. Passion fruit popping pearls are another option. If you cannot find these, try mango-flavored boba pearls.
Green Coffee Extract or White Tea Extract (1 teaspoon, optional): This gives a light caffeine boost without coffee flavor. You can skip this if you want a caffeine-free drink.
Ice (1 cup): Use 1 cup of crushed ice to keep the drink cold and appealing.
Simple Syrup (1 to 2 teaspoons, optional): Add this if your drink needs more sweetness after mixing. Regular simple syrup works well. You can also use honey syrup, agave syrup, or monk fruit sweetener for natural options.
Tools and Equipment
- Use a glass jar or tall glass to display the ombré effect.
- Use a small saucepan or kettle to brew butterfly pea tea.
- A fine-mesh strainer will easily remove flower petals.
- Measuring cups and spoons will help you get the right amounts.
- A long spoon or bar spoon is useful for layering slowly.
- An ice cube tray or ice crusher works best for making crushed ice layers.
How to Make a Tropical Butterfly Refresher Like Starbucks at Home
Brew the Butterfly Pea Flower Tea: Start by adding 1 tablespoon of dried butterfly pea flowers to ½ cup of boiling water. Let it steep for 5 to 7 minutes until the water turns deep blue. Strain the flowers using a fine-mesh strainer and let the tea cool to room temperature.
You can cool it faster by putting it in the fridge for 10 minutes. The tea must be cool before moving on, or it will melt your ice too quickly.
Mix the Tropical Juice Base: In a cup or small pitcher, mix guava juice, pineapple juice, passionfruit syrup, white grape juice, and lemonade. Stir gently until well combined. Taste it to check if it is bright, tropical, tangy, and sweet enough. If it needs more sweetness, add simple syrup a little at a time.
If it tastes too sweet, add a small squeeze of fresh lemon juice to balance it.

Add Green Coffee Extract: If you want a caffeine boost, stir 1 teaspoon of green coffee or white tea extract into the juice mixture. It won’t change the flavor much, but it will give you a light energy boost. Use a tall, clear glass to show off the colors. Fill it with crushed ice, which helps separate the liquids better than cubed ice.
Pour the Tropical Juice Base: Slowly pour the tropical juice mixture over the ice until the glass is about two-thirds full. Don’t stir yet; let it settle into the ice. Spoon 2 to 3 tablespoons of mango-pineapple popping pearls into the glass. They will sink slightly into the tropical juice, as Starbucks serves it.

Layer the Butterfly Pea Tea: To create an ombré effect, hold the back of a long spoon just above the tropical juice layer. Slowly pouring the cooled butterfly pea tea over the spoon will allow the blue tea to float on top of the juice, creating a purple gradient where they meet.
Serve and Sip: Serve your drink right away. It looks best before stirring, so take a photo if you want to capture the layers. When ready to drink, stir gently to mix everything, which will turn the drink a beautiful purple. Use a wide straw to enjoy those popping pearls with each sip.

Mistakes That Can Ruin Your Drink
Use warm butterfly pea tea: Warm tea melts ice quickly and helps mix the layers. Cool your tea completely before making the drink.
Don’t skip the back-of-spoon pouring technique: Pouring tea directly into the glass makes it sink to the bottom and mix right away. Use a spoon to slow the pour and keep the layers separate.
Adjust sweetened guava juice: If it’s paired with passionfruit syrup and lemonade, it can make the drink too sweet. Always taste and balance the flavors as you mix.
Chill the tropical base: Pouring room-temperature juice over ice melts it too quickly, making the drink watery. Keep your tropical juice in the fridge before making the drink.
Use enough butterfly pea tea: a weak brew yields a pale gray color rather than a deep blue or purple. Brew it strong with enough dried flowers or powder.
Serve the drink right away: the layers will mix over time. This drink is best enjoyed fresh; the longer it sits, the flatter and more watered down it becomes.
Use popping pearls, not regular boba: Regular boba needs to be cooked and doesn’t burst with juice like popping pearls. The texture is different, so choose actual popping pearls for the best result.
Pro Tips to Nail the Starbucks Flavor
For the best lemonade flavor, use about ⅓ cup of lemonade. Adjust this amount to your desired sweetness or tartness. Starbucks adds white grape juice for a better taste; if you skip it, your drink might taste weak. Only add simple syrup after tasting, since the passionfruit syrup, guava juice, and lemonade already provide sweetness.
Use bright, homemade, or store-bought lemonade, as artificial ones can taste fake. To layer your drink, pour the tropical juice first because it’s heavier than butterfly pea tea. Move the spoon slowly and pour gently to keep the layers clean, which looks nice in a clear glass. Don’t add garnishes until just before serving to keep the colors from mixing.
Fun Ways to Change Up the Recipe
Tropical Butterfly Lemonade Version: Double the lemonade to ⅔ cup and skip the plain guava juice, which makes the drink sharper, more citrusy, and refreshing on hot days.
Coconut Milk Version: Replace guava juice with full-fat coconut milk to make a creamy, rich base, and butterfly pea tea creates a beautiful purple-white swirl instead of an ombré gradient.
Frozen Slushie Version: Blend the tropical base with 1 cup of ice until smooth. Pour the slushy mixture into a glass first, then layer the butterfly pea tea on top before serving.
Sparkling Refresher: Replace lemonade with sparkling water and add a squeeze of fresh lemon. The carbonation lightens the drink and adds a fizzy lift.
Energy Drink Version: Add ½ teaspoon of green coffee extract and a splash of white tea concentrate for extra caffeine without coffee flavor.
Kid-Friendly Version: Skip the green coffee extract and use plenty of popping pearls. Kids love the texture, and the color change is exciting. Butterfly pea flower tea is safe for children in these amounts.
You can use strong butterfly pea tea for a deeper color instead of the powder. Apple and white cranberry juices mix well, and fresh pineapple juice adds a bright flavor. Use coconut water for sweetness, and fresh lemon juice is best for lemonade. Agave or monk fruit syrup is a good sweetener to keep the recipe vegan and dairy-free.
What to Serve Alongside It
This drink goes well with tropical desserts like mango sticky rice, pineapple upside-down cake, or coconut macaroons. For a summer brunch, pair it with avocado toast or fresh fruit platters. At a pool party, it complements chips and guacamole or shrimp tacos, adding to the festive mood.
The right glass makes the drink look great. Use a tall, clear glass like a highball glass or a mason jar to show off the blue-to-purple gradient. Wide-mouth glasses make it easy to layer drinks and add garnishes.
To make your drink Instagram-worthy, add a slice of fresh mango, some mint leaves, or a wedge of pineapple. Finish with a colorful straw. To capture the gradient best, take a photo from the side at eye level in natural light.
How to Store and Prep Ahead
You can make the tropical juice base in advance, using guava, pineapple, passionfruit syrup, white grape juice, and lemonade. It will stay fresh in a sealed container in the fridge for up to 3 days. Before using, stir it well because the juices may settle.
Brewed butterfly pea flower tea can be stored in the fridge for up to 4 days. Keep it away from acidic ingredients to maintain its color. After opening, store the pearls in their liquid in the fridge, where they will stay fresh for up to 2 weeks.
Use a clean spoon to scoop them out, and avoid freezing them because they will become mushy. The fully assembled drink does not stay fresh; always prepare it just before serving, especially for groups. Keep the ingredients chilled separately and mix them when ready to serve.
Nutrition Breakdown
A homemade Tropical Butterfly Refresher, similar to the one from Starbucks, has about 120-150 calories per serving. Most of these calories come from fruit juices and passionfruit syrup. It contains 30 to 35 grams of carbohydrates and about 25 to 28 grams of sugar, which is lower than a Venti size from Starbucks.
You can add green coffee or white tea extract for caffeine, which gives about 20 to 30 milligrams per teaspoon. If you don’t add it, the drink will be caffeine-free. Butterfly pea flowers are high in antioxidants and are safe to use in moderate amounts every day.
This drink helps keep you hydrated without causing you to lose water as coffee does. It’s a great choice for warm weather or after a workout.
Starbucks Tropical Butterfly Refresher Recipe
Make the Starbucks Tropical Butterfly Refresher at home in 20 minutes. Fruity, colorful, and way cheaper than the café.
Ingredients
- Butterfly pea flower tea: ½ cup, brewed strong and cooled
- Guava juice: ¼ cup
- Passionfruit syrup: 2 tablespoons
- Pineapple juice: 2 tablespoons
- Lemonade: ⅓ cup
- White grape juice: 2 tablespoons
- Mango-pineapple popping pearls : 2 to 3 tablespoons
- Green coffee extract: 1 teaspoon (optional)
- Ice: 1 cup crushed
- Simple syrup: 1 to 2 teaspoons (optional, to taste)
Instructions
- Start by adding 1 tablespoon of dried butterfly pea flowers to ½ cup of boiling water. Let it steep for 5 to 7 minutes until the water turns deep blue. Strain the flowers using a fine-mesh strainer and let the tea cool to room temperature.
- You can cool it faster by putting it in the fridge for 10 minutes. The tea must be cool before moving on, or it will melt your ice too quickly.
- In a cup or small pitcher, mix guava juice, pineapple juice, passionfruit syrup, white grape juice, and lemonade. Stir gently until well combined. Taste it to check if it is bright, tropical, tangy, and sweet enough. If it needs more sweetness, add simple syrup a little at a time.
- If it tastes too sweet, add a small squeeze of fresh lemon juice to balance it.
- If you want a caffeine boost, stir 1 teaspoon of green coffee or white tea extract into the juice mixture. It won't change the flavor much, but it will give you a light energy boost. Use a tall, clear glass to show off the colors. Fill it with crushed ice, which helps separate the liquids better than cubed ice.
- Slowly pour the tropical juice mixture over the ice until the glass is about two-thirds full. Don't stir yet; let it settle into the ice. Spoon 2 to 3 tablespoons of mango-pineapple popping pearls into the glass. They will sink slightly into the tropical juice, as Starbucks serves it.
- To create an ombré effect, hold the back of a long spoon just above the tropical juice layer. Slowly pouring the cooled butterfly pea tea over the spoon will allow the blue tea to float on top of the juice, creating a purple gradient where they meet.
- Serve your drink right away. It looks best before stirring, so take a photo if you want to capture the layers. When ready to drink, stir gently to mix everything, which will turn the drink a beautiful purple. Use a wide straw to enjoy those popping pearls with each sip.
Nutrition Information:
Yield: 1 Serving Size: 1Amount Per Serving: Calories: 130
This Starbucks Tropical Butterfly Refresher recipe gives you an attractive ombré color and a bright tropical flavor, all while saving you money. The color change from the butterfly pea flower is exciting to see. The ingredients are easy to find, and you can make it in just a few minutes.
You can adjust the sweetness and the fruit to suit your taste. Please share your photos or questions in the comments. I’d love to see how your version turns out.



