If you’re looking to jazz up your morning drink routine with something both stunning and delicious, you’ve got to try this Blue Butterfly Pea Latte Recipe. It’s one of those magical drinks that surprises you with its vibrant color and soothing flavor — plus, it’s pretty simple to make at home. Whether you want an iced latte that looks like art in a glass or a cozy warm cup to enjoy on a calm afternoon, this recipe has you covered. Stick with me because I’m sharing all the tips and tricks that make this latte not just beautiful, but perfectly balanced every single time.
Why You’ll Love This Recipe
- Gorgeous Natural Color: That mesmerizing blue hue comes straight from butterfly pea flowers without any artificial dyes.
- Effortlessly Versatile: You can serve this latte hot for comfort or iced for a refreshing treat, with easy variations to suit your taste.
- Simple & Accessible Ingredients: You only need a few pantry staples plus butterfly pea flowers or powder to whip this up.
- Visual Appeal & Delicious Flavor: It’s as delightful to sip as it is to show off, perfect for impressing friends or brightening your own day.
Ingredients You’ll Need
Choosing the right ingredients is key for this Blue Butterfly Pea Latte Recipe. The flowers or powder bring that signature color and gentle floral notes, while the milk and sweetener balance everything with a creamy smoothness and subtle sweetness.

- Dried Butterfly Pea Flowers or Butterfly Pea Powder: Freshly steeped flowers provide the best color and flavor, but powder is a super convenient alternative.
- Water: Use warm water to gently coax out the color and taste from the flowers or dissolve the powder.
- Milk (any kind): I love whole milk for creaminess, but oat or almond milk works great if you want a plant-based version.
- Sweetened Condensed Milk or Sweetener of Choice: Condensed milk adds rich sweetness; feel free to swap in honey, maple syrup, or your favorite sugar alternative.
- Ice Cubes (for iced versions): Essential for that cool layered latte experience on warmer days.
Variations
I love mixing things up with this Blue Butterfly Pea Latte Recipe, and you should too! Everyone’s taste buds are different, and experimenting with this drink is so much fun — plus it’s a great way to make it your own signature.
- Dairy-Free or Vegan: I’ve swapped in oat milk and agave syrup before and was thrilled with how creamy and sweet the latte turned out.
- Spiced Version: I discovered that adding warm spices like cinnamon, cardamom, or ginger while heating the milk gives it an irresistible cozy vibe — perfect for chilly evenings.
- Extra Creamy Topping: Whipped cream or even a scoop of vanilla ice cream on top really elevates this latte for special occasions.
- Layering Magic: For an incredible visual effect, pour your drink slowly over ice to create those stunning layers — it’s like edible art.
How to Make Blue Butterfly Pea Latte Recipe
Step 1: Steep or Whisk Your Blue Butterfly Pea Tea
Start by gently steeping 12 to 14 dried butterfly pea flowers in about half a cup of warm water (not boiling) for 7 to 8 minutes. You’ll see the water turning that magical deep blue. If you’re using the powder instead, whisk it well in warm water until completely dissolved — I like using a small whisk or shaking them in a mason jar to avoid clumps. This step is crucial because a smooth, vibrant blue base sets the tone for your whole latte.
Step 2: Prepare the Creamy Milk Mixture
Mix ¾ cup milk with 1 tablespoon of sweetened condensed milk in a separate glass or saucepan, depending on whether you want it iced or hot. For iced, blend them well before adding ice — trust me, the condensed milk won’t mix well once the ice is added. If you’re heating it up, gently warm the milk on the stove until steaming (but don’t let it boil!) and stir in the condensed milk until fully combined.
Step 3: Assemble Your Blue Butterfly Pea Latte
For iced lattes, fill your glass with ice cubes about ¾ full. Pour in your milk mixture, then slowly and carefully add the blue tea on top — pouring slowly helps create those beautiful layers. If you prefer hot lattes, pour the blue tea into your warmed milk mix and stir gently. You can also froth milk or even blue-colored milk foam to float on top for a fancy touch.
Pro Tips for Making Blue Butterfly Pea Latte Recipe
- Dissolve Butterfly Pea Powder Completely: I learned this the hard way — whisk or shake powder thoroughly to avoid gritty textures.
- Serve Immediately for Best Layers: Ice melts fast and can water down your latte, so drink it right away for the prettiest presentation and taste.
- Use Transparent Glassware: I always pick clear glasses so I can appreciate the stunning blue and layered effect as I sip.
- Watch the Milk While Heating: Milk boils over quickly — stay close and take it off heat as soon as it steams.
How to Serve Blue Butterfly Pea Latte Recipe

Garnishes
I love sprinkling a tiny pinch of dried butterfly pea flowers or a dash of butterfly pea powder on top of my latte for that extra wow factor. Sometimes, I add a hint of edible glitter or a little blue foam for a cafe-style touch. These little details really boost the visual appeal and make the moment feel special.
Side Dishes
This Blue Butterfly Pea Latte pairs wonderfully with light, flaky pastries — think buttery croissants or lemon scones. For a healthy twist, try it alongside fresh fruit or a nut butter toast. The subtle floral flavor of the latte balances sweet and savory sides beautifully.
Creative Ways to Present
Hosting friends? Serve iced blue lattes layered in clear glasses with colorful reusable straws or edible flowers on the rim. For hot lattes, try latte art with steamed milk or create a gradient by layering blue milk foam. I once made a blue latte bar at a brunch party, letting guests add their toppings and sweeteners — it was a huge hit!
Make Ahead and Storage
Storing Leftovers
If you have any leftover blue tea, store it in an airtight container in the fridge for up to 2 days. Just keep your milk separate and prepare fresh milk mixture when you’re ready to enjoy it again. The tea holds its vibrant color beautifully when chilled.
Freezing
I haven’t tried freezing the full latte since the milk texture can change, but you can freeze blue tea ice cubes to add to iced drinks later — it’s a fun way to amp up the color and chill your latte without diluting it.
Reheating
When reheating leftover blue tea, heat gently on the stove or microwave without boiling. If reheating the full latte, stir well and heat slowly to prevent milk from scorching or separating. Freshly prepared milk mixture always tastes best, so I recommend making that fresh each time.
FAQs
-
What is butterfly pea flower and is it safe to drink?
Butterfly pea flower is a vibrant blue flower native to Southeast Asia, often used to make herbal teas and natural food coloring. It’s perfectly safe to drink and packed with antioxidants. Many people enjoy it for its color-changing properties when acid (like lemon) is added.
-
Can I use a milk alternative in this Blue Butterfly Pea Latte Recipe?
Absolutely! Plant-based milks such as oat, almond, or soy milk work wonderfully. Just keep in mind that some alternatives have thinner textures, so your latte may be less creamy but still delicious.
-
How do I get those beautiful blue layers in the iced latte?
Fill your glass mostly with ice, pour in the milk mixture slowly until about ¾ full, then very gently layer the cooled blue tea on top by pouring it over a spoon or down the side of the glass. Pouring slowly keeps the liquids from mixing immediately, creating those stunning layers.
-
Does the butterfly pea flower tea taste herbal or floral?
The tea has a mild earthy and slightly earthy flavor that’s very subtle and pairs beautifully with creamy milk and sweetener. It’s not overpowering and can be masked or enhanced with spices or other flavors you add.
-
Is the blue color affected by anything in this recipe?
Yes! Butterfly pea flower tea changes color based on pH—if you add lemon or acidic ingredients, it can turn purple or pink, so keep acidic flavors separate if you want to keep the blue hue vibrant.
Final Thoughts
I absolutely love how this Blue Butterfly Pea Latte Recipe turns out every time — it’s simple, beautiful, and just a little bit magical. The first time I made it, I was completely hooked on that glowing blue color, but what really kept me coming back was the soothing, subtly sweet flavor that feels like a hug in a cup. I think you’ll really enjoy making it your own little ritual, whether you want it hot and cozy or chilled and refreshing. So go ahead, grab some butterfly pea flowers and let this enchanting latte brighten up your day!
Print
Blue Butterfly Pea Latte Recipe
- Prep Time: 3 minutes
- Cook Time: 7 minutes
- Total Time: 10 minutes
- Yield: 1 glass or cup 1x
- Category: Beverage
- Method: Stovetop
- Cuisine: Fusion
Description
A visually stunning and soothing Blue Latte made using Butterfly Pea flowers or powder, combined with creamy milk and a touch of sweetness. Available as a chilled iced latte or a comforting hot beverage, this recipe provides step-by-step instructions for making the perfect layered iced drink or a warm relaxing cup.
Ingredients
Iced Butterfly Pea Blue Latte (for a 330ml glass)
- 12 to 14 dried Butterfly pea flowers (or ½ tsp Butterfly pea powder/Blue matcha)
- ½ cup (120 ml) water, heated until almost boiling
- ¾ cup (170 ml) milk (any type)
- 1 tbsp sweetened condensed milk (or any sweetener)
- Ice cubes
Hot Butterfly Pea Blue Latte (for a 200ml cup)
- 8 to 10 dried Butterfly pea flowers (or ¼ tsp Butterfly pea powder/Blue matcha)
- ¼ cup (50 ml) water, heated until almost boiling
- ¾ cup (150 ml) milk (any type)
- ½ tbsp sweetened condensed milk (or any sweetener)
Instructions
- Prepare Butterfly Pea Tea: For iced latte, steep 12-14 dried butterfly pea flowers in ½ cup (120 ml) nearly boiling water for 7-8 minutes. For hot latte, steep 8-10 flowers in ¼ cup (50 ml) water similarly. If using butterfly pea powder, whisk ½ tsp (iced) or ¼ tsp (hot) powder thoroughly into warm water until fully dissolved for a smooth blue tea without clumps.
- Prepare Milk Mixture: For iced latte, mix ¾ cup (170 ml) milk with 1 tbsp sweetened condensed milk in a separate glass. For hot latte, heat ¾ cup (150 ml) milk on medium-low heat until steaming and gently boiling, then stir in ½ tbsp sweetened condensed milk until fully combined.
- Finish Butterfly Pea Tea: After steeping flowers for 7-8 minutes, press them with a spoon to release more color. Strain the flowers out and set aside the vibrant deep blue tea, allow to cool for iced latte before use.
- Assemble Iced Blue Latte: Fill your glass ¾ full with ice cubes. Pour in the milk and sweetened condensed milk mixture up to ¾ of the glass. Slowly and gently pour cooled blue tea over the milk mixture to create beautiful layered effect. Optionally, add frothed milk, whipped cream, or butterfly pea powder/flower garnish on top.
- Assemble Hot Blue Latte: Pour the hot blue butterfly pea tea gently into the cup containing the heated milk mixed with sweetened condensed milk. Stir well to combine. Optionally, add frothed milk or blue milk foam on top, and garnish with dried flowers or powder for decoration.
- Serve and Enjoy: Serve iced latte immediately to prevent ice melting and dilution. For hot latte, enjoy warm and cozy as a calming drink.
Notes
- Use a transparent glass or mug to appreciate the vibrant blue color and layering effect.
- Adjust measurement of flowers or powder for a deeper blue color but avoid excessive amounts to prevent bitterness.
- Pre-make butterfly pea tea and keep refrigerated for quicker preparation.
- When using butterfly pea powder, ensure it completely dissolves using a whisk, blender, or mason jar shaking to avoid gritty texture.
- Use warm spices like cinnamon, cardamom, clove, nutmeg, or chai masala in hot latte milk for added flavor.
- Serve iced latte immediately to avoid dilution from melting ice.
- Milk can boil and overflow quickly when heating, so watch carefully and remove from heat as soon as it starts boiling.
- Add extra sweetened condensed milk on top or at the bottom of glass for sweet bursts while sipping.
- For layering effect, pour liquids slowly and add ice before milk mixture.
- Butterfly pea flowers can stain teeth if not strained well—strain thoroughly.
- Variations can include dairy-free or vegan milk alternatives.
Nutrition
- Serving Size: 1 glass/cup (330ml iced or 200ml hot)
- Calories: 140 kcal
- Sugar: 12 g
- Sodium: 70 mg
- Fat: 5 g
- Saturated Fat: 3 g
- Unsaturated Fat: 1.5 g
- Trans Fat: 0 g
- Carbohydrates: 18 g
- Fiber: 0.5 g
- Protein: 5 g
- Cholesterol: 15 mg


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