Butterfly Pea Latte

This delicious (and pretty!) butterfly pea latte is sweet and creamy. A colorful blue latte that features brewed butterfly pea flower tea and naturally sweetened frothed milk. Enjoy warm or iced!

As an Amazon Associate, I earn from qualifying purchases.

A glass of butterfly pea latte.

This butterfly pea tea latte is a great recipe for fancy coffee shop drinks at home. We use this vanilla cold foam on top, which makes it so creamy and yummy. Other drinks we love include this chai spiced coffee and this iced green tea. Check out all of our drink recipes for more inspo.

Why you will love this recipe

  • It is so pretty! The lovely baby blue color will make you smile and feel so fancy. The vivid color comes from natural plant pigments called anthocyanins, the same type of antioxidants that give blueberries and purple cabbage their rich hues.
  • This recipe is actually quite easy to make despite its coffee shop appearance.
  • Naturally caffeine-free and depending on the milk you choose, it can also be dairy-free and vegan. Bonus!
A glass of butterfly pea latte.

Ingredient notes

Find the complete ingredients list, with measurements, in the recipe card below.

  • Dried Butterfly Pea Flowers – These are little blue flower petals that have been used for centuries in Southeast Asian countries like Thailand, Vietnam, Malaysia, and Indonesia to make herbal teas, color foods naturally, and in traditional herbal practices. It is a unique ingredient but fairly easy to source. It can be found online or at local tea shops.
  • Cold Milk – I have been using cashew milk to make this lately – so rich and creamy!
  • Maple Syrup – Our favorite way to add some sweetness.
  • Vanilla – A must! The sweet and cozy vibe from a splash of vanilla extract takes this recipe over the top.
A jar of butterfly pea flower tea with a teaspoon in it.

Equipment

Tea Ball and Tea Pot – For brewing your tea. You could also buy premade tea bags if you can find them.

Stainless Steel Pitcher – This is the vessel used for frothing your milk.

Handheld Milk Frother – We love this little tool! It makes it so easy to whip up frothed milk.

Our Pick
Nello Handheld Frother - Premium Drink Mixer
  • This frother wand is designed to deliver quality results at the touch of a button.
  • The compact design makes it an ideal companion for the best drinks at home.
See it on Amazon

Instructions

Scroll to the recipe card at the bottom for the FULL recipe details.

Step 1

Start by brewing the tea. If you are serving this iced, pop the teapot into the fridge to chill.

A teapot on a counter.

Step 2

Next, add the cold milk, maple syrup, and vanilla to a steel pitcher.

Step 3

Then, using a handheld frother, slowly move the wand up and down to froth the milk.

Expert Tip!

For thick, creamy froth, leave the wand near the surface for a couple of seconds, then lower it back down. Repeat this slowly until it is like fluffy clouds.

Milk being frothed in a pitcher.
Milk being frothed in a stainless steel container.

Step 4

Pour the tea into a mug or glass. Add ice if you are serving cold.

Step 5

Top with the frothed milk mixture and enjoy.

A glass of butterfly pea latte.

Substitutions and recipe variations

Use whatever milk you prefer; they all work great. I have been using plant-based milk because cashew milk has been on sale locally and is creamy delish, but dairy milk, almond milk, even hemp milk will all taste good too.

Steep a small pinch of dried culinary lavender with the butterfly pea flowers for a light floral note.

Add a squeeze of fresh lemon juice and watch the tea change from deep blue to vibrant purple. Check out the color in this butterfly pea lemonade recipe.

Serving suggestions

Serve it, as pictured, over ice in a glass with the milk on top. Grab a straw to stir it together and sip away.

Enjoy warm by pouring the milk over the hot steeped tea and stirring.

Pair with breakfast like strawberry overnight oats, vanilla almond granola, almond flour blueberry muffins, or avocado toast.

FAQS

What does butterfly pea flower tea taste like?

Butterfly pea flower tea has a mild, earthy flavor with subtle floral notes. It’s delicate rather than bold, making it a great base for creamy lattes.

Where can I buy butterfly pea flowers?

You can usually find them at specialty tea shops, Asian grocery stores, health food stores, or through online retailers.

A glass of butterfly pea latte.

More healthy drink recipes

If you’ve tried this blue butterfly pea flower latte, please give me a rating and let me know how it turned out by leaving me a comment below. I’m always interested in feedback!

Be sure to follow me on social media! I love pinning to Pinterest, sharing on Facebook, and posting pics on Instagram. See you there. 🙂

As an Amazon Associate, I earn from qualifying purchases.

Want to Save This Recipe?

Just enter your email and get it sent to your inbox! Plus you’ll get new recipes from us every week.

Save Recipe

By submitting this form, you consent to receive emails from The Honour System

A glass of butterfly pea latte.

Butterfly Pea Latte

Sharon Rhodes
This delicious (and pretty!) butterfly pea latte is sweet and creamy. A colorful blue latte that features brewed butterfly pea flower tea and naturally sweetened frothed milk. Enjoy warm or iced!
No ratings yet
Prep Time 10 minutes
Total Time 10 minutes
Course Drinks
Cuisine American
Servings 1
Calories 135 kcal

Ingredients
  

Instructions
 

  • Start by brewing the tea. If you are serving this iced, pop the teapot into the fridge to chill.
  • Next, add the cold milk, maple syrup, and vanilla to a steel pitcher.
  • Then, using a handheld frother, slowly move the wand up and down to froth the milk. Leave it close to the surface for a couple of seconds, then back down for the thickest froth.
  • Pour the tea into a mug or glass. Add ice if you are serving cold.
  • Top with the milk and enjoy.

Nutrition

Calories: 135kcalCarbohydrates: 20gProtein: 4gFat: 4gSaturated Fat: 2gPolyunsaturated Fat: 0.1gMonounsaturated Fat: 1gCholesterol: 15mgSodium: 55mgPotassium: 318mgSugar: 18gVitamin A: 198IUCalcium: 172mgIron: 0.1mg
Tried this recipe?Let us know how it was!

Leave a Reply

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

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.