
I recently made this Coconut Butterfly Pea Flower Boba Tea Recipe, and I honestly could not stop admiring the beautiful blue color before taking the first sip. The creamy coconut flavor mixed with chewy boba pearls tasted refreshing and lightly sweet at the same time.
I loved how simple ingredients turned into a café-style drink right in my kitchen. After making it once, I started experimenting with different sweetness levels and toppings to make it even better. If you enjoy colorful homemade drinks with tropical flavors spicy-maple-roast-carrots-with-crispy-chickpeas-and-yogurt-sauce-recipe, this recipe is definitely worth trying.

Ingredients
- 2 cups water
- 2 tablespoons dried butterfly pea flowers
- 1 cup canned coconut milk
- 3 tablespoons honey or simple syrup
- 1/2 cup quick-cooking tapioca pearls
- 2 cups ice cubes
- 1 teaspoon vanilla extract
- 1 tablespoon sugar (for boba)
Note: These ingredients make approximately 2 large servings of Coconut Butterfly Pea Flower Boba Tea.
Time Required
This recipe takes about 20 minutes to prepare and cook. Chilling and serving take an additional 5 minutes. Overall, you can enjoy this refreshing drink in around 25 minutes.

Equipment You Need
- Saucepan – Used for boiling the butterfly pea tea and cooking tapioca pearls.
- Fine mesh strainer – Helps strain the tea flowers from the liquid.
- Mixing spoon – Useful for stirring the pearls and combining ingredients evenly.
- Measuring cups and spoons – Needed for accurate ingredient measurements.
- Serving glasses – Perfect for presenting the colorful layered drink.
- Bubble tea straws – Makes drinking the chewy boba pearls easier and more fun.
How to Make Coconut Butterfly Pea Flower Boba Tea Recipe?
This homemade boba tea looks fancy, but the process is surprisingly easy when you follow each step carefully. I found that preparing everything in stages makes the recipe smooth and stress-free.
The combination of earthy butterfly pea flowers, creamy coconut milk, and chewy tapioca pearls creates a refreshing tropical drink that feels special for warm afternoons or weekend treats.
Prepare the Butterfly Pea Flower Tea
Start by bringing 2 cups of water to a gentle boil in a saucepan. Once the water is hot, add the dried butterfly pea flowers and let them steep for about 5 to 7 minutes. The water will slowly turn into a deep vibrant blue color.
After steeping, strain the flowers using a fine mesh strainer and transfer the tea into a bowl or pitcher. Let the tea cool slightly before moving it to the refrigerator. Chilling the tea helps create a refreshing drink and keeps the coconut milk from warming up later.
If you want a stronger floral flavor and richer blue color, allow the flowers to steep a little longer. I personally like a bold blue shade because it makes the final drink look even more stunning.

Cook the Tapioca Pearls
Fill another saucepan with water and bring it to a rolling boil. Add the tapioca pearls carefully and stir immediately so they do not stick together. Continue cooking according to the package instructions, which usually takes around 5 minutes for quick-cooking pearls.
Once the pearls become soft and chewy, drain them and rinse lightly with cool water. Transfer them to a bowl and mix with sugar while still warm. This keeps the pearls slightly sweet and prevents them from clumping.
Freshly cooked boba pearls always taste best because they stay soft and chewy. I noticed that leaving them too long can make them hard, so I prefer preparing them shortly before serving the drink.

Mix the Coconut Base
In a separate bowl or measuring cup, combine the coconut milk, honey or simple syrup, and vanilla extract. Stir everything well until the sweetener fully dissolves into the creamy mixture.
The coconut milk gives this drink a rich tropical taste that pairs beautifully with the floral tea. If you prefer a sweeter drink, you can add a little more honey or syrup according to your taste.
I like using canned coconut milk because it creates a creamy café-style texture. The smooth white coconut layer against the blue tea also makes the drink look incredibly eye-catching.

Assemble the Boba Tea
Take two serving glasses and divide the cooked tapioca pearls evenly between them. Add plenty of ice cubes over the pearls to keep the drink cold and refreshing.
Pour the chilled butterfly pea flower tea into each glass until it fills about two-thirds of the glass. Slowly pour the coconut milk mixture on top. The creamy white layer mixing into the bright blue tea creates a beautiful swirling effect.
You can stir the drink before sipping or leave the layers visible for presentation. I usually serve it immediately with wide bubble tea straws so the pearls can easily be enjoyed with every sip.

Serve and Enjoy
This Coconut Butterfly Pea Flower Boba Tea tastes best when served fresh and cold. The combination of creamy coconut, floral tea, and chewy boba pearls makes every sip exciting and refreshing.
If you want to make the drink even more special, garnish it with extra butterfly pea flowers or toasted coconut flakes. These small touches make homemade boba tea feel restaurant-quality.
I personally enjoy this drink during warm afternoons because it feels cooling, light, and naturally beautiful without needing artificial colors.
Nutritional Information
This refreshing drink contains a balance of sweetness, creamy texture, and chewy tapioca pearls. Nutritional values may vary slightly depending on the sweetener and coconut milk used.
- Calories: Approximately 220 per serving
- Protein: 2g
- Carbohydrates: 38g
- Fat: 7g
Tips for Making the Recipe
After making this recipe several times, I discovered a few simple tricks that really improve the flavor and texture.
- I always use freshly cooked tapioca pearls because they stay soft and chewy much longer.
- I prefer chilling the butterfly pea tea before assembling the drink since it keeps the layers beautiful and refreshing.
- When I want a creamier texture, I use full-fat canned coconut milk instead of lighter versions.
- I sometimes add a squeeze of lemon for a slight color change and a hint of citrus flavor.
- I found that using clear glasses makes the blue and white layers stand out beautifully.
- I like adjusting the sweetness little by little instead of adding too much syrup at once.
- If I make this for guests, I prepare the tea and coconut mixture ahead of time and cook the boba right before serving. crispy-roasted-cauliflower-hummus-recipe

Coconut Butterfly Pea Flower Boba Tea Recipe
Ingredients
Method
- Start by bringing 2 cups of water to a gentle boil in a saucepan. Once the water is hot, add the dried butterfly pea flowers and let them steep for about 5 to 7 minutes. The water will slowly turn into a deep vibrant blue color.
- After steeping, strain the flowers using a fine mesh strainer and transfer the tea into a bowl or pitcher. Let the tea cool slightly before moving it to the refrigerator. Chilling the tea helps create a refreshing drink and keeps the coconut milk from warming up later.
- If you want a stronger floral flavor and richer blue color, allow the flowers to steep a little longer. I personally like a bold blue shade because it makes the final drink look even more stunning.
- Fill another saucepan with water and bring it to a rolling boil. Add the tapioca pearls carefully and stir immediately so they do not stick together. Continue cooking according to the package instructions, which usually takes around 5 minutes for quick-cooking pearls.
- Once the pearls become soft and chewy, drain them and rinse lightly with cool water. Transfer them to a bowl and mix with sugar while still warm. This keeps the pearls slightly sweet and prevents them from clumping.
- Freshly cooked boba pearls always taste best because they stay soft and chewy. I noticed that leaving them too long can make them hard, so I prefer preparing them shortly before serving the drink.
- In a separate bowl or measuring cup, combine the coconut milk, honey or simple syrup, and vanilla extract. Stir everything well until the sweetener fully dissolves into the creamy mixture.
- The coconut milk gives this drink a rich tropical taste that pairs beautifully with the floral tea. If you prefer a sweeter drink, you can add a little more honey or syrup according to your taste.
- I like using canned coconut milk because it creates a creamy café-style texture. The smooth white coconut layer against the blue tea also makes the drink look incredibly eye-catching.
- Take two serving glasses and divide the cooked tapioca pearls evenly between them. Add plenty of ice cubes over the pearls to keep the drink cold and refreshing.
- Pour the chilled butterfly pea flower tea into each glass until it fills about two-thirds of the glass. Slowly pour the coconut milk mixture on top. The creamy white layer mixing into the bright blue tea creates a beautiful swirling effect.
- You can stir the drink before sipping or leave the layers visible for presentation. I usually serve it immediately with wide bubble tea straws so the pearls can easily be enjoyed with every sip.
- This Coconut Butterfly Pea Flower Boba Tea tastes best when served fresh and cold. The combination of creamy coconut, floral tea, and chewy boba pearls makes every sip exciting and refreshing.
- If you want to make the drink even more special, garnish it with extra butterfly pea flowers or toasted coconut flakes. These small touches make homemade boba tea feel restaurant-quality.
- I personally enjoy this drink during warm afternoons because it feels cooling, light, and naturally beautiful without needing artificial colors.
Notes
- I always use freshly cooked tapioca pearls because they stay soft and chewy much longer.
- I prefer chilling the butterfly pea tea before assembling the drink since it keeps the layers beautiful and refreshing.
- When I want a creamier texture, I use full-fat canned coconut milk instead of lighter versions.
- I sometimes add a squeeze of lemon for a slight color change and a hint of citrus flavor.
- I found that using clear glasses makes the blue and white layers stand out beautifully.
- I like adjusting the sweetness little by little instead of adding too much syrup at once.
- If I make this for guests, I prepare the tea and coconut mixture ahead of time and cook the boba right before serving.






