Home » Recipe Index » Drinks » Butterfly Pea Flower Tea Latte

Butterfly Pea Flower Tea Latte

Butterfly Pea Flower Latte is a drink that is as beautiful as it is delicious. Its pretty blue hue and delicate floral flavor will definitely capture your heart. This latte is really a must-try!

A glass of butterfly pea flower latte on a wooden tray with some fresh flowers on.

Save This Recipe!

We’ll email you this recipe, so you can come back to it later!

If you are looking for something different from your usual coffee, have a look at this fun, calming blue drink.

When you brew Butterfly Pea Flower Tea, it makes a deep blue tea that turns purple when you add something like lemon juice.

Add some frothy milk, and you’ve got a drink that’s both super pretty and refreshing. It’s the perfect choice if you’re in the mood for something a bit more exciting but still want that cozy latte vibe.

You can check out other desserts using this pretty blue tea like Kuih Seri Muka, Kue Lumpang, and Mango Sticky Rice. They are as beautiful as they are delicious.

Why You Will Love This Recipe


  • Pretty and delicous – This is a pretty and delicious drink that is very refreshing with a floral flavor.
  • Quick and easy – This drink is very easy to make, even if you start from scratch. You can always prepare the butterfly flower tea and keep it chilled.
  • Simple and versatile – This recipe is very simple and versatile. You can mix it with dairy or non-dairy milk. It will come out delicious, no matter what milk you use.

Recipe Ingredients

A photo of butterfly pea flower ingredients with labels.

Ingredient Notes

Evaporated milk – I like the thick texture evaporated milk gives to this latte. Mix it with fresh milk if you think it is too thick.

Condensed milk – You can use store-bought condensed milk or homemade condensed milk.

Be sure to check out the full recipe and ingredient list below

Substitutions & Variations

You can use stevia or honey to substitute condensed milk if you don’t like it too milky. If you prefer creamier version, you can use heavy cream to substitute evaporated milk. For non-dairy options, you can use oat milk, almond milk, or soy milk.

How to Make

A glass with condensed milk at the bottom.
A photo of butterfly pea flower tea poured into a glass.

STEP 1. Put the condensed milk at the bottom of the glass.

STEP 2. Pour in butterfly pea flower tea into the glass slowly, try not to stir the condensed milk too much.

A photo of fresh milk combined into evaporated milk in a glass.
A photo of milk being frothed with a milk frother.

STEP 3. Combine fresh milk and evaporated milk together.

STEP 4. Froth evaporated milk and milk in another glass.

A photo of frothed milk poured into the butterfly pea flower tea in a glass.

STEP 5. Slowly add the frothed milk on top of the blue tea. Decorate with fresh flower. Enjoy!


Pro Tips


  • You can put all the ingredients together in a shaker. Shake them altogether and pour into a glass.
  • Substitute condensed milk with stevia for sweetener. 
  • For non-dairy milk, you can use almond milk, soy milk, or oat milk. 
  • Top it off with butterfly pea flower powder if you have some.
  • If you like it creamier, you can use heavy cream instead of evaporated milk.

How to Serve

This wonderful drink is great to pair with savoury dishes like Shrimp Omelette, Shrimp Balls, Fried Meatballs, Pork Shu Mai, Gyoza or Fried Wonton.

Or you can pair Banana Fritters. Steamed Lemon Cake, Lapis Legit, or Pandan Chiffon Cake with this blue latte.

FAQs about Butterfly Pea Flower Latte

Is butterfly pea flower tea safe to consume regularly?

Butterfly pea flower tea is generally considered safe for most individuals when consumed in moderation. Consult your healthcare provider before making it a regular part of your diet.

Can I use dried butterfly pea flowers?

Yes. Dried butterfly pea flowers are commonly used to make the tea. In fact, many people and I find them more convenient than fresh flowers, as they have a longer shelf life and can be easily stored.

Does the tea contain caffeine?

No, butterfly pea flower tea is naturally caffeine-free. This makes it a great choice for those looking to avoid caffeine or for those wanting a soothing beverage before bedtime.

A glass of butterfly pea flower latte with fresh butterfly flowers on a wooden tray.

Storage

I would highly recommend you drink this latte right after making it. You can keep it chilled for up to one day. The blue tea without milk can stay fresh longer in the chiller, if bottled properly.

More Refreshing Asian Drinks

  • Try this comforting Lemon Ginger Tea or Red Ginger Drink when you have a cold.
  • If you are into latte kind of floral drink, you can also try Rose Milk Tea.
  • For strong tea flavor, go for Assam Milk Tea or Oolong Milk Tea.

More Drinks Recipes

a photo of two glasses of cold lemon ginger tea.

Lemon Ginger Drink

A glass of cold red ginger drink with two stalks of lemongrass.

Wedang Jahe – Indonesian Red Ginger Tea

A glass of earl grey milk tea with ice and tapioca pearls boba.

Earl Grey Milk Tea Recipe

Did you try this recipe?

Leave a ⭐️⭐️⭐️⭐️⭐️ rating + review below and share it on InstagramFacebook, and Pinterest!

Thank you! – Claudia

A glass of Butterfly Pea Flower Latte with some fresh flowers on a wooden tray.

Butterfly Pea Flower Latte

Butterfly Pea Flower Latte is not only beautiful in color but also very refreshing drink that you can make at home for yourself and your guests.
5 from 1 vote
Print Pin Rate
Course: Drinks
Cuisine: Asian, Indonesian
Prep Time: 5 minutes
Cook Time: 10 minutes
Total Time: 15 minutes
Servings: 2 glasses
Calories: 155kcal
Author: Claudia

Ingredients

  • 600 cc Butterfly Pea Flower Tea
  • 200 cc evaporated milk
  • 100 cc fresh milk
  • 1 tbsp condensed milk

Instructions

  • Put the condensed milk at the bottom of the glass.
  • Pour in butterfly pea flower tea into the glass slowly, try not to stir the condensed milk too much.
  • Froth evaporated milk and milk in another glass.
  • Slowly add the frothed milk on top of the blue tea. Decorate with fresh flower.

Video

Notes

  • You can put all the ingredients together in a shaker. Shake them altogether and pour into a glass.
  • Substitute condensed milk with stevia for sweetener. 
  • For non-dairy milk, you can use almond milk, soy milk, or oat milk. 
  • Top it off with butterfly pea flower powder if you have some.
  • If you like it creamier, you can use heavy cream instead of evaporated milk.

Nutrition

Serving: 1glass | Calories: 155kcal | Carbohydrates: 15g | Protein: 7g | Fat: 8g | Saturated Fat: 5g | Polyunsaturated Fat: 0.2g | Monounsaturated Fat: 2g | Cholesterol: 29mg | Sodium: 112mg | Potassium: 310mg | Sugar: 15g | Vitamin A: 239IU | Vitamin C: 2mg | Calcium: 265mg | Iron: 0.3mg
Tried this Recipe? Tag me Today!Mention @ButterJoyKitchen or tag #butterjoykitchen!
Get our free recipe book!

When you join our newsletter

Similar Posts

One Comment

5 from 1 vote

Leave a Reply

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

Recipe Rating