Blue Butterfly Pea Milk Tea Recipe

If you’ve been searching for a mesmerizing drink that’s as delightful for the eyes as it is for the taste buds, Blue Butterfly Pea Milk Tea is about to become your new obsession. Creamy, floral, and stunningly blue, this enchanting beverage blends soothing jasmine tea with vibrant butterfly pea flowers and sweet milk for a treat that’s equal parts magic and refreshment.

Why You’ll Love This Recipe

  • Naturally Dazzling Color: The blue hue from butterfly pea flowers gives this milk tea a completely natural, Instagram-worthy pop—no food dye needed!
  • Floral & Creamy Layering: Jasmine’s delicate notes meet rich, velvety milk to create a blend that’s refreshing, balanced, and absolutely addictive.
  • Quick & Easy: Just a few simple steps and pantry staples, and you’re sipping a showstopper of a drink in no time at all.
  • Customizable Sweetness: Adjust the condensed milk to match your mood—just a drizzle for a light treat or a little extra for dessert-in-a-glass!

Ingredients You’ll Need

The beauty of this Blue Butterfly Pea Milk Tea is that each ingredient has its role—jasmine sets the tranquil floral stage, while butterfly pea flowers deliver the jaw-dropping color and earthy undertone. The remaining ingredients are pantry basics that bring it all together in a creamy, dreamy swirl.

  • Jasmine Tea (3 tbsp): The heart of your tea base, jasmine brings a soft fragrance and floral flavor that lifts the whole drink—loose leaf or quality bags both work perfectly.
  • Butterfly Pea Flower Tea (1 tbsp): These blue blossoms lend their signature color and a light, earthy note; dried flowers or pre-bagged are equally good.
  • Hot Water (about 3/4 cup, divided): Essential for steeping both teas—one for the jasmine and a quick splash for those lovely blue flowers.
  • Condensed Milk (1 tbsp): Just a touch adds silky sweetness, tying together floral and creamy elements.
  • Milk (1 cup): Any milk will do—dairy, oat, or almond—for maximum creaminess and subtle flavor.
  • Ice Cubes: The final chill—crucial for transforming your milk tea into a cool, refreshing treat!
Note: You’ll find the complete list of ingredients, along with their exact measurements, in the printable recipe card at the bottom of this post.

Variations

What I love about Blue Butterfly Pea Milk Tea is that it’s a blank canvas for your creativity. Whether you’re switching up the milk or dialing up the sweetness, it’s a breeze to customize and still get a stunning drink every time.

  • Iced Boba Version: Drop in a scoop of cooked tapioca pearls for a fun bubble tea twist—the blue color against black boba is totally jaw-dropping!
  • Dairy-Free: Swap in oat, almond, or coconut milk—it keeps things creamy while letting the color and floral notes shine through.
  • Matcha Swirl: Pour a layer of matcha over the milk for a green-and-blue ombré effect that’s both beautiful and energizing.
  • Citrus Magic: Add a splash of lemon juice to your butterfly pea tea and watch it shift from blue to lilac before your eyes!

How to Make Blue Butterfly Pea Milk Tea

Step 1: Steep the Jasmine Tea

Start by placing the jasmine tea in a small heatproof bowl or mug. Pour in about 1 cup of hot water (just off the boil works best), cover, and let the delicate leaves infuse for 5 minutes. Don’t rush—this step is where the calm, aromatic notes start to shine. Once steeped, strain out the leaves and set your fragrant tea base aside to cool slightly.

Step 2: Steep the Butterfly Pea Flower Tea

Next, sprinkle your butterfly pea flowers into a small cup and add about 2 tablespoons of hot water. Steep for 5 minutes, watching the water transform into a deep sapphire blue—it’s mesmerizing! After five minutes, strain out the flowers. You’ll end up with a vibrant blue concentrate ready for swirling.

Step 3: Mix Your Milky Base

Pour the blue butterfly pea tea into 100 ml (about 1/2 cup) of your cooled jasmine tea base. Add the milk and the tablespoon of condensed milk, then give everything a gentle stir. The color mellows dramatically in the milk, creating a cloud-like blue reminiscent of tropical beaches!

Step 4: Serve Over Ice

Fill a tall glass with ice cubes—don’t skimp! Pour your tea mixture slowly over the ice for a dramatic, swirling reveal. If you want that beautiful gradient effect, add the milk last and watch the layers gently float together before giving it a final stir. Grab a straw and enjoy your homemade Blue Butterfly Pea Milk Tea.

Pro Tips for Making Blue Butterfly Pea Milk Tea

  • Blue Intensity Control: For a deeper blue, add a few extra butterfly pea flowers; for a lighter pastel shade, use a bit less or add more milk.
  • Chill Everything: Let your tea bases cool before mixing—lukewarm tea can melt the ice too quickly, diluting the flavors and colors.
  • Sweeten to Taste: Condensed milk adds both sweetness and body, but you can taste and adjust—start small, then add more if you prefer a dessert-like treat.
  • Layer Like a Pro: For dramatic visual layers, pour the milk in slowly over the butterfly pea–jasmine mix—using a spoon to diffuse the pour helps keep your layers distinct before stirring.

How to Serve Blue Butterfly Pea Milk Tea

Blue Butterfly Pea Milk Tea Recipe - Recipe Image

Garnishes

Top your Blue Butterfly Pea Milk Tea with a few dried butterfly pea flowers, a sprig of fresh mint, or even edible petals for a festive touch. A straw (preferably glass or bamboo!) lets you admire the stunning color as you sip, and a sprinkle of chia seeds or a dusting of culinary-grade gold powder can take things totally over the top on special occasions.

Side Dishes

This drink pairs beautifully with delicate treats like macarons, coconut jellies, or shortbread cookies. If you’re feeling adventurous, some buttery steamed bao or light fruit tartlets also complement the floral, creamy notes—perfect for an elegant afternoon tea experience.

Creative Ways to Present

Try serving your Blue Butterfly Pea Milk Tea in clear glasses to highlight the dreamy color gradient. For parties, create a “tea bar” with various garnishes and mix-ins, or pour the drink into mason jars and tie with a cute ribbon for a whimsical touch. Layer with matcha or top with boba pearls for those wow-factor moments!

Make Ahead and Storage

Storing Leftovers

Leftover Blue Butterfly Pea Milk Tea keeps well in the fridge for up to 2 days. Store it in an airtight jar or bottle to prevent it from absorbing any other scents, and always give it a quick stir before enjoying to blend the flavors and color back together.

Freezing

While this drink is best fresh, you can turn any extra into whimsical ice cubes—just pour the prepared tea into trays and freeze. Drop the blue cubes into sparkling water or lemonade for a colorful twist, or blend them back into a smoothie for chilly afternoons.

Reheating

Blue Butterfly Pea Milk Tea is all about that cool, refreshing experience, so reheating isn’t recommended. However, if you’d like a warm version, gently heat the milk tea base on the stovetop, add the condensed milk, then pour into your mug—just be mindful the color may shift!

FAQs

  1. Will regular black or green tea work instead of jasmine?

    Absolutely! While jasmine adds a delicate floral undertone, you can use black, green, or even white tea as your base. Each one brings its own personality, so feel free to experiment and find your favorite combination with the butterfly pea flowers.

  2. Can I make Blue Butterfly Pea Milk Tea without condensed milk?

    Yes! If you prefer a lighter or less sweet milk tea, simply omit condensed milk and substitute a little honey, maple syrup, or your favorite sweetener, adjusting to taste. It will still be creamy and beautiful.

  3. Why did my Blue Butterfly Pea Milk Tea change color?

    Butterfly pea flowers are a natural pH indicator! If you add lemon, lime, or any acidic ingredient, the blue will shift to a gorgeous purple or pink. This is completely normal—and makes for a super fun science-meets-kitchen moment!

  4. Where can I buy butterfly pea flowers?

    You can find dried butterfly pea flowers or tea bags online, at Asian grocery stores, or in specialty tea shops. They’re shelf-stable, so stock up—once you start making Blue Butterfly Pea Milk Tea, you’ll want to have them on hand for both sips and color-changing experiments!

Final Thoughts

If you’re searching for a fun, refreshing way to brighten your day (and your table), give Blue Butterfly Pea Milk Tea a try! Every step is pure delight, from the moment the water turns blue to the very last creamy-sweet sip. I can’t wait for you to discover just how magical this treat can be—be sure to share your creative twists along the way!

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Blue Butterfly Pea Milk Tea Recipe

Blue Butterfly Pea Milk Tea Recipe

5 Stars 4 Stars 3 Stars 2 Stars 1 Star 4.9 from 113 reviews
  • Author: Jessica
  • Prep Time: 10 minutes
  • Cook Time: 5 minutes
  • Total Time: 15 minutes
  • Yield: 1 serving 1x
  • Category: Beverage
  • Method: Mixing
  • Cuisine: Asian
  • Diet: Vegetarian

Description

Enjoy a refreshing and visually stunning Butterfly Pea Milk Tea at home with this easy recipe. Made with a blend of jasmine tea, butterfly pea flower tea, milk, and condensed milk, this vibrant blue drink is as delightful to look at as it is to sip.


Ingredients

Units Scale

Tea Base

  • 3 tbsp jasmine tea
  • 1 tbsp butterfly pea flower tea
  • 3/4 cup hot water, divided
  • 1 tbsp condensed milk

Assemble

  • 1 cup milk
  • ice cubes

Instructions

  1. Steep the jasmine tea: Add 1 cup of hot water to jasmine tea, steep for 5 minutes, strain the tea liquid, and set aside to cool down.
  2. Steep the butterfly pea flower tea: Add 2 tbsp. of hot water to the butterfly pea flower tea, steep for 5 minutes, then strain the liquid.
  3. Assemble: Pour the butterfly pea flower tea liquid into 100ml of jasmine tea base, add the milk and condensed milk, and stir well. Pour the mixture into a glass filled with ice cubes. Enjoy your blue butterfly pea milk tea!


Nutrition

  • Serving Size: 1 serving
  • Calories: 121 kcal
  • Sugar: 9g
  • Sodium: 120mg
  • Fat: 3g
  • Saturated Fat: 2g
  • Unsaturated Fat: 1g
  • Trans Fat: 0g
  • Carbohydrates: 20g
  • Fiber: 0g
  • Protein: 3g
  • Cholesterol: 10mg

Leave a Comment & Rate this Recipe!

If you love this recipe, please consider giving it a star rating when you leave a comment. Star ratings help people discover my recipes online. Your support means a lot to me, I appreciate you.

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

Your email address will not be published. Required fields are marked *