Picture this: the soft, enchanting hue of a vibrant blue liquid swirling gently in your glass, crowned with a delicate cloud of vanilla foam that beckons you to dive in. The subtle floral aroma of butterfly pea tea mingles effortlessly with sweet vanilla whispers as you take your first sip. This Blue Tea Latte with Vanilla Cold Foam Recipe isn’t just a drink—it’s a moment of magic, a refreshing escape from the everyday hustle. Quick to make and stunning to serve, it’s the kind of treat that turns any ordinary day into a celebration.
Why You’ll Love This Blue Tea Latte with Vanilla Cold Foam Recipe
- Quick and Easy: Ready in just 10 minutes, this recipe fits perfectly into your busy lifestyle without sacrificing flavor or charm.
- Simple Ingredients: No complicated shopping lists here—it uses pantry staples like dried butterfly pea flowers, milk (or plant-based alternatives), and vanilla syrup.
- Perfect for Refreshing Moments: Whether it’s a sunny afternoon pick-me-up or an eye-catching treat for guests, this latte refreshes and delights.
- Impressive Presentation: The rich, natural blue color topped with velvety vanilla foam creates a show-stopping aesthetic that’s Instagram-worthy.
- Customizable: Easily adapt the sweetness, milk type, or even add a citrus twist to make it your own signature brew.
Why This Blue Tea Latte with Vanilla Cold Foam Recipe Works
The secret to this Blue Tea Latte with Vanilla Cold Foam Recipe lies in the magical butterfly pea flowers that yield a vibrant blue hue and subtle, earthy floral notes. Steeping them just right brings out that deep, mesmerizing color without bitterness. The cold vanilla foam adds sweet creaminess without overpowering the delicate tea flavor. Using cold whole milk—or your favorite plant-based alternative—ensures that foam holds its airy texture and beautiful contrast atop the iced tea. Combined, these elements create a drink that’s as delightful to the senses as it is simple to prepare.
Ingredients You’ll Need
This Blue Tea Latte with Vanilla Cold Foam Recipe calls for a handful of key ingredients that strike the perfect balance between floral freshness and creamy sweetness.
- Dried butterfly pea flowers: The star ingredient known for its captivating blue color and mild, earthy taste.
- Hot water: The perfect medium to steep and extract the tea’s vibrant color and flavor.
- Ice-cold whole milk (or oat/almond milk): Provides that luscious texture required for the vanilla cold foam while keeping it nice and chill.
- Vanilla syrup: Adds a fragrant layer of sweetness that harmonizes beautifully with the tea’s floral notes.
- Ice cubes: Keep the drink refreshingly cool and visually striking with a glass full of shimmering ice.
Ingredient Substitutions & Tips
- Dried butterfly pea flowers: Can substitute with butterfly pea tea bags or powder if you prefer convenience.
- Whole milk: Try oat, almond, or soy milk for a dairy-free or vegan-friendly alternative; just choose one that froths well.
- Vanilla syrup: Replace with honey, maple syrup, or agave for natural sweetness; adjust quantities to taste.
- Ice cubes: Use flavored ice cubes like lemon or lavender-infused water to add an extra burst of subtle flavor as they melt.
👨🍳 Pro Tips for Perfect Results
- Steep Time Matters: Brew the butterfly pea flowers for at least 5 minutes for that vivid color but no more than 7 to avoid bitterness.
- Chill the Milk: Always use ice-cold milk for the cold foam to achieve maximum froth and volume.
- Blend Briefly: Blend or froth the vanilla milk just long enough to create a smooth foam—overdoing it can turn it watery.
- Layer Carefully: Pour the cold tea first, then gently spoon or pour the foam on top for those stunning layered visuals.
- Use Fresh Ingredients: Fresh vanilla syrup or good-quality extracts really elevate the foam’s flavor and aroma.
How to Make Blue Tea Latte with Vanilla Cold Foam Recipe
Step 1: Brew the Blue Tea
Start by steeping 1 tablespoon of dried butterfly pea flowers in 1 cup of hot water. Let the flowers infuse for 5 to 7 minutes until the water transforms into a deep, enchanting blue shade. Strain out the flowers and allow the tea to cool slightly—it should be warm but not hot.
💡 Pro Tip: Use a clear glass teapot or cup to watch the blue magic happen!
Step 2: Make the Vanilla Cold Foam
In a blender or with a frother, combine ⅓ cup of ice-cold whole milk with 1 tablespoon of vanilla syrup. Blend or froth for about 10 seconds until the milk becomes smooth and luxuriously foamy. If you don’t have gadgets handy, no worries—shake the mixture vigorously in a sealed jar or press it in a French press for similar results.
💡 Pro Tip: Keep your milk chilled in the fridge right up to this step for the best foam.
Step 3: Assemble the Latte
Fill a tall glass with a handful of ice cubes to chill your drink instantly. Pour in the cooled butterfly pea tea, then slowly spoon or gently pour the vanilla cold foam on top. The layers create a mesmerizing contrast of deep blue and creamy white.
💡 Pro Tip: Pour the vanilla foam over the back of a spoon for a more controlled, delicate layering effect.
Step 4: Serve and Enjoy
Serve your Blue Tea Latte immediately to enjoy the visual layers at their freshest. Sip as is to appreciate the contrast of flavors, or gently stir for a smooth, creamy experience. Every sip bursts with floral brightness and sweet vanilla comfort—a truly dreamy combination.
💡 Pro Tip: Serve with a reusable straw to enjoy every bit of the creamy foam and cool tea with flair.
Common Mistakes to Avoid
Learn from these common pitfalls:
- Steeping Too Long: Over-steeping butterfly pea flowers can create a bitter, grassy taste.
- Using Warm Milk for Foam: Warm or room temperature milk won’t froth properly, resulting in limp foam.
- Skipping the Strain: Leaving the flowers in results in gritty textures that distract from the smooth latte.
- Pouring Cold Foam Too Fast: Pouring quickly can break the gorgeous layers, blending them prematurely.
- Not Chilling the Tea: Pouring hot tea over ice melts it too fast, diluting the flavors.
- Over-sweetening: Adding too much vanilla syrup can overpower the delicate tea flavor.
Delicious Variations to Try
Once you’ve mastered the classic Blue Tea Latte with Vanilla Cold Foam Recipe, here are some ways to keep things exciting and fresh:
Citrus Blossom Blue Tea Latte
Add a splash of fresh lemon or lime juice to the tea before assembling for delicate tartness that brightens the floral notes beautifully.
Matcha and Blue Tea Fusion
Mix a teaspoon of matcha powder into the cold foam for a vibrant green twist that adds depth and a subtle umami flavor.
Spiced Vanilla Foam
Whisk a pinch of cinnamon or cardamom into the vanilla syrup before frothing to create a warming spice hint that’s perfect for cozy afternoons.
Berry Infused Blue Tea
Drop some fresh or frozen blueberries into the hot tea as it steeps to enrich the color and add natural sweetness.
Coconut Cream Foam
Swap regular milk for chilled coconut cream to make the foam ultra rich and tropical—an indulgence for special treats.
Minty Fresh Blue Latte
Steep a few fresh mint leaves with the butterfly pea flowers to infuse a refreshing herbal twist into your drink.
How to Serve Blue Tea Latte with Vanilla Cold Foam Recipe

Garnishes
Top with edible flowers, a sprinkle of vanilla bean powder, or a few butterfly pea flowers for extra enchantment.
Side Dishes
This latte pairs wonderfully with light pastries, lemon shortbread cookies, or fresh fruit to keep the experience bright and balanced.
Creative Ways to Present
Serve it in clear glass mugs or tall glasses to showcase the stunning colors. Add a reusable pastel straw or a cinnamon stick stirrer for a playful touch. For gatherings, arrange several lattes on a mirrored tray surrounded by fresh flowers for a wow factor.
Make Ahead and Storage
Storing Leftovers
Store any leftover brewed blue tea in a sealed container in the fridge for up to 24 hours to maintain its bright color and flavor. Avoid storing the vanilla foam separately, as it loses texture quickly.
Freezing
Freezing this latte is not recommended, as the delicate foam and tea layers won’t hold their texture after thawing.
Reheating
If you prefer it warm, gently reheat the brewed tea on the stove before frothing fresh vanilla milk to assemble a cozy hot version on demand.
FAQs
What is butterfly pea flower tea?
It is an herbal tea made from dried flowers of the butterfly pea plant, known for its striking blue color and subtle earthy flavor.
Can I make the vanilla syrup at home?
Absolutely! Simply simmer equal parts sugar and water with a vanilla bean or extract until syrupy and fragrant.
Is this recipe vegan?
Yes, by swapping whole milk for plant-based alternatives like oat or almond milk, it becomes fully vegan and just as delicious.
Why is my foam not sticking properly?
Using chilled milk and blending or frothing just right is key. Warm or non-fresh milk doesn’t foam well and loses structure quickly.
Can I prepare the tea in advance?
Yes, brew and cool the blue tea beforehand but assemble the foam and latte fresh for best texture and flavor.
What if I don’t have a blender?
Use a milk frother, French press, or shake the cold milk with vanilla syrup vigorously in a sealed jar until foamy.
Can I adjust the sweetness?
Yes! Just add more or less vanilla syrup to suit your taste preferences.
Does the butterfly pea flower tea have caffeine?
No, it is naturally caffeine-free, making it a wonderful calming and colorful alternative to traditional teas and coffees.
Final Thoughts
This Blue Tea Latte with Vanilla Cold Foam Recipe is more than a drink; it’s a joyful sensory experience that brightens your day with every sip. The hypnotic blue shade paired with the creamy, sweet foam feels like a hug in a glass—both soothing and invigorating. Whether you’re treating yourself to a moment of calm or impressing guests with a stunning beverage, this recipe is your secret weapon for delicious simplicity.
Have you tried this Blue Tea Latte with Vanilla Cold Foam Recipe? I’d love to hear how it turned out! Leave a comment below. If you loved this recipe, please share it with friends and family. Happy cooking! 😊
PrintBlue Tea Latte with Vanilla Cold Foam Recipe
A visually stunning and refreshing Blue Tea Latte made with vibrant butterfly pea flower tea, topped with creamy vanilla cold foam. This dairy or dairy-free beverage is perfect as a unique caffeine-free treat with a beautiful layered presentation.
- Prep Time: 3 minutes
- Cook Time: 7 minutes
- Total Time: 10 minutes
- Yield: 1 serving 1x
- Category: Beverage
- Method: No-Cook
- Cuisine: Asian
- Diet: Vegetarian
Ingredients
Tea
- 1 tbsp dried butterfly pea flowers
- 1 cup hot water
Cold Foam
- ⅓ cup ice-cold whole milk (or oat/almond milk for dairy-free)
- 1 tbsp vanilla syrup (adjust to taste)
Other
- Ice cubes
Instructions
- Brew the blue tea: Steep the butterfly pea flowers in hot water for 5–7 minutes until the water turns a deep blue. Strain out the flowers and allow the tea to cool slightly before use.
- Make the vanilla cold foam: Blend the cold milk and vanilla syrup for about 10 seconds until smooth and foamy. If a blender is unavailable, use a milk frother, French press, or vigorously shake in a sealed jar to create the foam.
- Assemble the latte: Fill a tall glass with ice cubes. Pour the cooled butterfly pea tea into the glass. Slowly spoon or pour the vanilla cold foam on top to create distinct layers.
- Serve and enjoy: Enjoy the latte with beautiful blue and creamy layers or gently stir for a smooth, creamy vanilla-flavored blue tea latte experience.
Notes
- You can substitute whole milk with oat or almond milk for a dairy-free version.
- Adjust the amount of vanilla syrup to your preferred sweetness level.
- For best visual impact, pour foam slowly to maintain separate layers.
- Butterfly pea flower tea is naturally caffeine-free and rich in antioxidants.