Imagine a latte with a vibrant, ocean-blue base that seamlessly transitions into a serene, earthy green top. This isn’t just a drink; it’s a small work of art in a glass.
This Butterfly Pea Matcha Latte is as delicious as it is stunning, offering a delicately layered flavor that is both refreshing and satisfyingly smooth.
Inspired by the beautiful layered drinks found in specialty cafes, I was determined to develop a foolproof method to recreate that professional look right at home, without any guesswork.
The technique is surprisingly simple and creates that perfect separation of colors. If you enjoy this layered style, you will also love our popular Earl Grey Matcha Latte.
Let’s walk through the steps to craft this beautiful beverage perfectly every single time.
Quick Overview: Making Your Butterfly Pea Matcha Latte
Here’s a quick snapshot of what you’ll need and the key steps to create this stunning layered latte.
- Prep Time: 5 minutes
- Cook Time: 0 minutes
- Servings: 1 serving
- Difficulty: Easy
Here’s the basic process:
- Whisk the matcha powder with filtered water to create a smooth, clump-free slurry.
- Mix the butterfly pea powder with non-dairy milk to make the vibrant blue milk concentrate.
- Assemble the latte by pouring the blue milk and almond milk over ice, then gently topping it with the matcha slurry.
Key Ingredient Spotlight: Unlocking the Magic of Butterfly Pea Powder & Matcha
The stunning two-toned appearance of this latte comes from two very distinct, powerful ingredients. Understanding how they work is the key to achieving that perfect café-quality look and taste right in your own kitchen.
First, the vibrant, almost magical blue layer is created with blue butterfly pea powder. Derived from the flowers of the Clitoria ternatea plant, this powder is a brilliant natural food coloring.
Unlike traditional matcha, its flavor is very mild and earthy, providing beautiful color without overpowering the drink. A major benefit is that butterfly pea powder is completely caffeine-free, making this a perfect treat for any time of day.
For the green layer, the secret to a perfectly smooth, non-gritty texture is creating a concentrated matcha slurry. This is a critical step for a professional result.
By whisking 1/2 tsp of matcha powder with just 2 tbsp of filtered water, you create a silky, lump-free liquid. This ensures the matcha dissolves completely before it’s added to the milk, preventing any chalky texture and guaranteeing a perfectly integrated flavor.
Now that you know the purpose behind these key components, let’s get your full ingredient list ready.
What You’ll Need to Craft This Beautiful Latte
Gathering just a few simple ingredients is the first step to creating this vibrant, layered drink. Using culinary-grade matcha ensures a smooth flavor, while butterfly pea powder provides that stunning blue hue without adding caffeine.
Here’s Your Checklist:
- 1/2 tsp culinary grade Matcha powder
- 1/2 cup Non-dairy milk (your favorite, for concentrate)
- 1/2 tsp Blue butterfly pea powder
- 2 tbsp Filtered water (for matcha slurry)
- 1 cup Plain almond milk (for the latte)
- As needed Ice
With these ingredients ready, you’re prepared to assemble your beautiful latte.
Step-by-Step: Creating Your Butterfly Pea Matcha Masterpiece
This stunning drink comes together in three simple stages. Follow these steps carefully for a flawless, café-quality result every single time.
Step 1: Get Your Matcha Ready
First, create a smooth matcha slurry. In a small bowl, combine 1/2 tsp of matcha powder with 2 tbsp of filtered water.
Whisk vigorously until the mixture is completely smooth and free of any clumps. This step is the key to ensuring your final latte has a silky, not gritty, texture. Set the slurry aside for a moment.
Step 2: Infuse Your Milk with Butterfly Pea Magic
Next, prepare the vibrant blue base. In a separate bowl or a milk frother, combine 1/2 cup of non-dairy milk with 1/2 tsp of blue butterfly pea powder.
Mix this thoroughly until the powder is fully dissolved and you have a concentrated, beautifully blue milk. This provides the stunning color for your latte’s foundation.
Step 3: Layer Like a Pro
Now for the assembly. Fill a large glass with your desired amount of ice.
Pour in your blue milk concentrate along with 1 cup of plain almond milk. This creates the beautiful and delicious bottom layer of your drink.
Finally, gently pour the prepared matcha slurry over the top of the blue milk. Watch as the green cascades into the blue, creating that gorgeous layered effect.
Stir well to combine the earthy matcha and mild floral flavors, and enjoy your masterpiece immediately.
How to Create Perfect, Cafe-Quality Layers That Wow
Achieving those stunning, distinct layers you see in high-end cafes is easier than you think. The secret lies in density and a gentle pouring technique. It’s a simple trick that delivers a huge visual impact.
Follow these steps to create a beautiful gradient from vibrant green to deep blue.
- Build a Cold, Dense Base: Fill your glass with ice first. This creates a chilled foundation. Pour the combined blue milk concentrate and plain almond milk over the ice. The cold temperature makes the milk denser, which is crucial for supporting the top layer.
- Pour the Matcha Slurry Slowly: This is the most critical step. To prevent the matcha from immediately mixing, pour the prepared slurry very slowly over the back of a spoon held just above the milk’s surface. Alternatively, pour it directly onto one of the top ice cubes.
This gentle pouring method disperses the matcha slurry carefully across the surface, allowing it to float on top of the denser, colder milk below.
Pro-Tip: The slower you pour the matcha, the sharper and more defined your layers will be. Patience is key to that picture-perfect result.
Amanda’s Top Tips for a Flawless Butterfly Pea Matcha Latte
A few small details can elevate your homemade latte from good to truly exceptional. These tips focus on achieving the perfect texture and presentation every time.
The absolute key to a silky drink is a clump-free matcha slurry. Whisking the matcha powder and water until it forms a smooth, uniform paste is non-negotiable. This simple step guarantees you won’t have any gritty sips.
Pro-Tip: For a richer, cafe-style texture, use a milk frother when combining your ½ cup of non-dairy milk with the butterfly pea powder. It adds a light, airy quality to the blue layer.
When assembling, pour the matcha slurry very slowly over the top of the milk to help create those distinct, beautiful layers.
Creative Twists: Customize Your Latte to Perfection
This beautiful latte is a fantastic starting point, but feel free to make it your own. A few simple adjustments can tailor the flavor and texture to your exact liking.
- Add a Touch of Sweetness: This recipe is unsweetened, allowing you to control the sugar. For a sweeter version, simply whisk 1 to 2 teaspoons of maple syrup, agave, or vanilla syrup into the blue milk before assembling.
- Experiment with Milks: While the recipe calls for almond milk, creamy oat milk will lend a richer body. Coconut milk can add a subtle tropical flavor. Feel free to use your favorite dairy or non-dairy milk.
- Make it Hot: To enjoy a warm version, gently heat the blue milk mixture on the stove or use a milk frother. Pour it into a mug and carefully top with the matcha slurry.

Butterfly Pea Matcha Latte
Equipment
- 2 Small bowls
- Whisk or milk frother
- Large glass
- Spoon
Ingredients
- 0.5 tsp culinary grade Matcha powder
- 2 tbsp Filtered water for matcha slurry
- 0.5 tsp Blue butterfly pea powder
- 0.5 cup Non-dairy milk for blue concentrate
- 1 cup Plain almond milk for the latte base
- 1 cup Ice as needed
Instructions
Step 1: Prepare the Components
- In a small bowl, combine ½ tsp of matcha powder with 2 tbsp of filtered water. Whisk vigorously until the mixture is a completely smooth, clump-free slurry and set aside.
- In a separate bowl, combine ½ cup of non-dairy milk with ½ tsp of blue butterfly pea powder. Mix thoroughly until the powder is fully dissolved into a concentrated blue milk.
Step 2: Assemble the Latte
- Fill a large glass with ice. Pour in the blue milk concentrate along with 1 cup of plain almond milk to create the base layer.
- Gently pour the prepared matcha slurry over the top of the blue milk, using the back of a spoon to create a distinct top layer. Stir well before enjoying.
Notes
Craving More Latte Creations?
Once you’ve mastered this stunning layered drink, you might be ready for another creative twist on a classic.
If you prefer a different flavor profile or want to use regular green tea matcha, you might enjoy our Matcha boba tea. It offers a wonderfully fragrant alternative that is just as satisfying.
Frequently Asked Questions
What is blue matcha made from?
Blue matcha is made from butterfly pea flower powder, derived from the butterfly pea plant (Clitoria ternatea). It’s a natural food coloring and doesn’t have the same flavor profile as traditional green matcha.
What does blue matcha taste like?
Blue matcha, or butterfly pea flower powder, has a very mild, earthy, and slightly floral taste. It’s much more subtle than traditional green matcha, which has a more vegetal and sometimes bitter flavor.
Does blue matcha have caffeine?
No, blue matcha (butterfly pea flower powder) is naturally caffeine-free. This makes it a great alternative to green matcha or coffee for those looking to avoid stimulants.
Did You Make This? Let Us Know!
We love to see your beautiful layered lattes! If you made this recipe, please share your experience with our community.
Leave a comment and a star rating below to let us know how it turned out. Your feedback helps other home baristas find and enjoy this recipe too!
For more recipe inspiration and behind-the-scenes content, be sure to follow us on Pinterest and Facebook!