Isn’t it amazing how something as simple as a flower can transform into a drink that sparks joy? The Blue Butterfly Pea Flower Latte is your ticket to turning a sweltering summer day into a refreshing and visually stunning experience. This delightful summer drink features a creamy coconut milk base infused with the striking blue hues of butterfly pea flower tea, which whimsically shifts from deep blue to enchanting purple or pink with just a splash of lemon juice. Not only is this beverage a feast for the eyes, but it’s also a quick and easy way to impress your friends at brunch or cool down during hot afternoons. Join me in exploring this vibrant concoction that’s bound to become your new summertime favorite—are you ready to sip in style?

Why is this latte a must-try?
Visually Captivating: The stunning blue hue of the Blue Butterfly Pea Flower Latte is a feast for the eyes, transforming into vibrant purple or pink with a splash of lemon juice.
Refreshing Delight: Made with coconut milk, this drink not only cools you down but also offers a creamy consistency that’s hard to resist.
Quick to Prepare: In just a few simple steps, you can whip up this gorgeous drink, making it perfect for summer gatherings or spontaneous refreshment.
Unique Flavor Profile: The combination of floral notes from the butterfly pea flower and the sweetness of condensed milk creates a delightful taste experience.
Crowd-Pleaser: Whether enjoyed at a brunch with friends or as an afternoon pick-me-up, trust me—everyone will be asking for your secret recipe! For more delightful summer treats, you might want to check out my Chocolate Peanut Butter Swirl Cookies that pair wonderfully with this latte!
Blue Butterfly Pea Flower Latte Ingredients
For the Latte
• Butterfly Pea Flower Tea (or Powder) – Provides the signature blue color; the powder offers faster integration of color and flavor.
• Hot Boiling Water – Essential for steeping the butterfly pea flower and extracting its vibrant hue.
• Condensed Milk – Adds a creamy sweetness that elevates the drink’s flavor profile.
• Milk (Coconut or Regular) – Serves as the base; coconut milk gives a luscious, tropical taste.
• Ice Cubes – Chills the drink, enhancing its refreshing nature.
• Coffee Liquid – Adds a caffeine kick and contrasts beautifully with the sweetness of the milk.
For the Whipped Cream Topping
• Whipping Cream – Creates a rich and creamy topping that makes this Blue Butterfly Pea Flower Latte feel even more indulgent.
• Sea Salt – A pinch enhances the flavor of the whipped cream, making each sip more delightful.
Step‑by‑Step Instructions for Blue Butterfly Pea Flower Latte
Step 1: Steep the Tea
Start by heating 150ml of water to a rolling boil. Pour this hot water over 1-2 teaspoons of butterfly pea flower tea in a teapot or heatproof container. Allow the tea to steep for about 5 minutes, until it exhibits a vibrant blue color. Once steeped, strain the tea into a separate container, discarding the flowers.
Step 2: Mix the Blue Milk
In a bowl or large glass, combine the strained butterfly pea flower tea with about 100ml of coconut milk and 1-2 tablespoons of condensed milk. Mix gently until well blended to create a smooth, creamy blue milk. The sweetness of the condensed milk should balance nicely with the floral notes of the butterfly pea flower, creating a delicious base for your latte.
Step 3: Prepare the Serving Glass
Grab a tall glass and fill it with ice cubes, leaving some space at the top for the milk and coffee. Pour the blue milk mixture over the ice, creating a beautiful layered effect. This colorful layer will be the foundation of your Blue Butterfly Pea Flower Latte, shining through as an eye-catching base.
Step 4: Add the Coffee Layer
Now it’s time to layer on the coffee. Brew a shot of strong coffee or espresso, and gently pour it over the back of a spoon onto the blue milk layer. This technique ensures a stunning visual contrast between the rich brown coffee and the vibrant blue milk, making your drink look truly spectacular.
Step 5: Whip the Cream
In a mixing bowl, add about 100ml of whipping cream and a pinch of sea salt. Using a whisk or hand mixer, whip the cream for about 10-15 seconds until it starts to thicken but is still soft. Be careful not to over-whip, as you want a light and creamy topping for your latte.
Step 6: Top with Whipped Cream
Spoon the lightly whipped cream over your layered Blue Butterfly Pea Flower Latte, allowing it to sit gracefully on top. This creaminess adds an indulgent touch to the drink, enhancing both its flavor and visual appeal. Optionally, you can sprinkle some crushed cookies on top for an extra delightful finish.

How to Store and Freeze Blue Butterfly Pea Flower Latte
Fridge: Store any leftover blue milk mixture in an airtight container for up to 3 days. Keep the coffee and whipped cream separate to maintain freshness.
Freezer: While freezing is not typical for this latte, you can freeze the blue milk mixture in an ice cube tray for future use in smoothies or chilled drinks.
Assembly: When ready to serve, blend the frozen blue milk cubes with fresh coconut milk for a quick, refreshing treat, but avoid freezing the whipped cream as it won’t hold up well.
Reheating: If you have prepared the components in advance, mix and enjoy them cold or at room temperature. Reheat gently on the stove or in the microwave if desired, but avoid boiling.
Make Ahead Options
These Blue Butterfly Pea Flower Lattes are perfect for busy home cooks who want to impress without the last-minute rush! You can prepare the blue milk mixture (butterfly pea flower tea, coconut milk, and condensed milk) up to 24 hours in advance; simply refrigerate it in an airtight container to maintain its vibrant color and flavor. The coffee can be brewed and stored separately for up to 3 days in the fridge. When you’re ready to serve, just fill your glasses with ice, layer in the prepared blue milk, add the coffee, and top with freshly whipped cream. This way, you’ll have a stunning summer treat with minimal effort!
What to Serve with Blue Butterfly Pea Flower Latte
Elevate your summer sipping experience with delightful accompaniments that enhance the vibrant flavors of this striking drink.
-
Light Fruit Salad: A mix of seasonal fruits adds a refreshing contrast to the latte’s creamy richness, raising your fruity satisfaction to new heights.
-
Savory Sandwiches: Pair with cucumber or turkey sandwiches for a delightful balance of flavors—a perfect light meal option alongside your stunning drink.
-
Coconut Macaroons: These sweet, chewy delights echo the coconut notes in the latte, providing a harmonious blend of flavors that will tantalize your taste buds.
-
Chilled Citrus Sorbet: The zesty brightness of sorbet complements the floral notes of the latte while further enhancing its refreshing nature.
-
Mini Cookies: Chocolate chip or almond cookies create a delightful mix of textures and flavors, making them an ideal snack to enjoy with your latte.
-
Herbal Iced Tea: Serve alongside a refreshing herbal iced tea to amplify the refreshing experience, adding an extra layer of enjoyment to your warm summer days.
Indulge in these pairings that celebrate the vibrancy of your Blue Butterfly Pea Flower Latte and make your summer moments unforgettable!
Blue Butterfly Pea Flower Latte Variations
Feel free to play with this enchanting latte recipe and make it your own!
-
Dairy-Free: Use almond or oat milk instead of coconut milk for a lighter taste that still delivers creaminess. The floral notes will shine through beautifully!
-
Citrus Twist: Add a squeeze of lime or lemon juice to the blue milk before mixing in the coffee for a refreshing and tangy flavor boost. This will also enhance the stunning color transformation!
-
Sweetness Adjusted: Swap out the condensed milk for a natural sweetener like honey or agave syrup to cater to your sweetness preference without losing the delicious flavor.
-
Flavor Boost: Incorporate vanilla extract or a dash of almond extract into your milk mixture for an additional layer of flavor that harmonizes wonderfully with the other ingredients.
-
Fruity Infusion: Blend in a splash of your favorite fruit juice, like mango or passion fruit, to create a unique tropical twist that complements the colors of the latte. It’ll taste as vibrant as it looks!
-
Espresso Alternative: For a caffeine kick without the coffee flavor, substitute the coffee liquid with matcha green tea for a visually stunning, earthy twist. It creates a beautiful layered effect and packs a nutritional punch!
-
Chilled Version: Freeze the blue milk mixture in ice cube trays and blend with extra coconut milk for an ultra-refreshing smoothie version that’s perfect for hot summer days.
-
Garnish Galore: Try topping your latte with toasted coconut flakes or edible flowers for extra visual appeal, elevating it from a drink to a showstopper. Pair it with light snacks like my lovely Blueberry Grilled Cheese for a delightful brunch!
Expert Tips for Blue Butterfly Pea Flower Latte
-
Whip with Care: Use a whisk or hand mixer for the whipped cream. Avoid over-whipping to keep it light and fluffy; you don’t want butter!
-
Steep Properly: Ensure your butterfly pea flower tea is steeped for a full 5 minutes to get the best color and flavor extraction possible.
-
Color Magic: Experiment with the amount of lemon juice added to the latte. A little can create a stunning color transformation; adjust according to taste!
-
Cooling Factor: Always use ice cubes in your serving glass to maintain a refreshing temperature. It enhances the drink, making each sip delightful.
-
Layering Technique: When pouring the coffee over the blue milk, use the back of a spoon to achieve a beautiful layered effect, which showcases the drink’s visual appeal.

Blue Butterfly Pea Flower Latte Recipe FAQs
What should I look for when selecting butterfly pea flowers?
Absolutely! When selecting butterfly pea flowers, look for vibrant blue petals that are free from any dark spots or discoloration. If you’re using dried flowers, ensure they have a fresh, floral scent. For powdered forms, choose fine powder that has a rich blue color, which indicates quality.
How should I store leftover Blue Butterfly Pea Flower Latte components?
Very! Store any leftover components separately. The blue milk mixture can be kept in an airtight container in the fridge for up to 3 days. For the whipped cream, keep it in a separate container for the best texture, and it’s best used within a day or two. This ensures everything stays fresh and tasty!
Can I freeze the Blue Butterfly Pea Flower Latte?
Indeed! While the complete latte isn’t ideal for freezing, you can freeze the blue milk mixture in an ice cube tray. This allows you to enjoy it later in smoothies or other cold drinks. Here’s how to do it: pour the prepared blue milk into an ice cube tray, put a lid on, and freeze for up to 3 months. When ready to use, simply blend the frozen cubes with fresh coconut milk for a refreshing treat!
What if my whipped cream is too thick or too runny?
No worries! If your whipped cream turns too thick, you can gently fold in a splash of milk to loosen it up. If it’s too runny, try chilling it in the refrigerator for a few minutes before whisking again. Remember to whip it only until soft peaks form for the perfect consistency!
Is the Blue Butterfly Pea Flower Latte safe for everyone, including pets?
Absolutely! While butterfly pea flower tea is usually safe for human consumption and can have health benefits, it’s essential to note that it’s not recommended for pets. Always keep such drinks out of reach of your furry friends. Additionally, if you or anyone consuming it has allergies to legumes, they should avoid it, as butterfly pea can sometimes cross-react with certain allergies.

Blue Butterfly Pea Flower Latte: A Stunning Summer Treat
Ingredients
Equipment
Method
- Heat 150ml of water to a rolling boil and pour over 1-2 teaspoons of butterfly pea flower tea. Steep for 5 minutes, then strain.
- Combine the strained tea with 100ml of coconut milk and 1-2 tablespoons of condensed milk, mixing gently.
- Fill a tall glass with ice cubes and pour the blue milk mixture over, creating a layered effect.
- Brew a shot of strong coffee and pour it over the back of a spoon onto the blue milk layer.
- In a bowl, whip 100ml of whipping cream with a pinch of sea salt until slightly thickened.
- Spoon the whipped cream over the latte before serving.

Leave a Reply