• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
The Hint of Rosemary
  • Breakfast
    • Smoothie Bowls
    • Smoothies
  • Gut Healing Drinks
    • Coffee
  • Healthy Desserts
    • No-Bake Treats
    • Cookies
  • Shop
  • Subscribe
menu icon
go to homepage
  • Breakfast
  • Smoothies
  • Sourdough
  • Shop!
  • Subscribe
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • subscribe
    search icon
    Homepage link
    • Breakfast
    • Smoothies
    • Sourdough
    • Shop!
    • Subscribe
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • ×
    • travel to Jordan cover photo Petra
      Travel to Jordan
    • Homemade cough syrup cover photo
      Natural Cough Syrup Recipe
    • Gut healthy kale salad recipe
      Gut Healthy Kale Salad
    • Gut healthy bone broth recipe photo
      Gut Healthy Bone Broth
    • Raspberry cheesecake chia seed pudding recipe cover photo
      Raspberry Cheesecake Chia Pudding
    • Lebanese Strawberry Avocado Cocktail Recipe Cover Photo
      Lebanese Smoothie with Avocado
    • Cinnamon Caramel Cream Cold Brew
    • Healthy frozen Greek yogurt bars recipe
      Frozen Greek Yogurt Bars
    • White chocolate macadamia cream cold brew recipe
      White Chocolate Macadamia Cream Cold Brew
    • Dunkin iced caramel coffee recipe
      Dunkin Iced Caramel Coffee Recipe
    • Pomegranate chicken recipe
      Persian Pomegranate Chicken Bake
    • homemade iced caramel macchiato recipe
      Iced Caramel Macchiato Recipe (Dunkin & Starbucks)
    Home » Coffee

    Mermaid Latte (Butterfly Pea Matcha Latte)

    Published: Jul 14, 2020 · Modified: May 9, 2025

    Butterfly pea matcha latte recipe
    Jump to Recipe Print Recipe

    Mermaid Latte. Also called a butterfly pea matcha latte. My mermaid latte is a beautiful drink made of layered milk, butterfly pea tea, and matcha green tea.

    Feel like a mermaid with my butterfly pea matcha latte. It is made with all healthy ingredients! A refreshing treat for a hot summer day.

    Want to learn how to make Starbucks and Dunkin recipes at home, but healthier? Make sure to read my Healthy Iced Caramel Macchiato Tutorial, featuring my homemade healthy date caramel recipe that can also be used in tons of my healthy dessert recipes! 

    HOW DO YOU MAKE A MERMAID LATTE?

    Mermaid latte's are so easy to make! Fill a tall skinny glass with ice. Then, add a layer of cold milk, a layer of blended butterfly pea tea, and a layer of matcha green tea!

    Sip and enjoy!

    ARE BUTTERFLY PEA AND MATCHA THE SAME THING?

    No! They are two totally different teas. Each have their own unique health benefits.

    Butterfly Pea Powder

    Butterfly pea powder is all natural and plant derived. Actually, it comes from a plant native to South East Asia called clitoria ternatea.

    Butterfly pea powder is:

    • Caffeine free.
    • All natural and plant based.
    • Very healthy. It has anthocyanins, which help to fight disease in your body.
    • Colorful. And, when mixed with an acid (like lemon juice), it turns purple!

    Matcha Green Tea Powder

    Matcha green tea powder, is like healthy green tea... but 100x better. The green tea leaves are grown in the shade, and then hand selected for the best quality and flavor. Instead of bagging the leaves after they are dried, green tea leaves are then ground up, giving you a LOT of green tea in just 1 teaspoon.

    Matcha green tea powder is:

    • Caffeine without the jitters or crash
    • Extremely high in antioxidants. Catechins (a type of antioxidant) are actually >100x higher than traditional green leaf tea.
    • Boosts brain function & elevates mood

    ASK THE DIETITIAN

    Can I drink butterfly pea every day?

    Yes you can! Butterfly pea has anti-inflammatory properties which are great for reducing inflammation and fatigue.

    MAKE MY MERMAID LATTE

    INGREDIENTS

    Your Shopping List:

    • Milk of choice
    • Butterfly pea powder
    • Matcha green tea powder
    • Honey (optional)
    mermaid latte

    HOW TO MAKE IT:

    Start by filling a glass with ice.

    Make sure you fill the glass to the top with ice. The ice helps to separate the layers.

    Next, make your sweet milk layer:

    In a bowl, whisk together the milk and the sweetener (optional). If you are using honey, it will seem very thick at first, but don't worry because the more you stir the honey will dissolve into the milk.

    Make your butterfly pea tea:

    In another bowl, whisk the 1 teaspoon of butterfly pea powder with the milk.

    2 WAYS TO POUR

    To get solid layers: mix with ¼ cup of milk. This will make your tea thicker and stay on top of the milk layer.

    To get swirled layers: mix with ½ cup of milk. This will make it the same consistency as the bottom layer and mix together.

    Butterfly Pea Matcha Latte
    with ¼ cup milk
    Butterfly Pea Matcha Latte
    with ½ cup milk

    Make your matcha green tea:

    Whisk the 1 teaspoon of matcha green tea powder with the ¼-1/2 cup of milk.

    Use ¼ cup of milk for solid layers.

    Use ½ cup of milk for layers that swirl together.

    with ¼ cup milk
    mermaid latte recipe
    with ½ cup milk
    butterfly pea matcha latte

    FAQ's

    More frequently asked questions about my mermaid latte recipe.

    What kind of milk should I use in a butterfly pea matcha latte?

    I like to use vanilla soy milk in all of my iced drinks. But, you can use the type of milk that you have it won't make a big difference.

    What if I don't like my tea sweet?

    If you don't like sweet tea, just skip the part of mixing the milk with the sweetener. Add your milk right to your glass.

    What if I don't want the tea layers separate?

    Don't worry about filling the glass fully with ice, just stir it up at the end so that the layers combine!

    What if there are chunks of powder in my butterfly pea matcha latte?

    Here are a few solutions:

    • Whisk for longer
    • Invest in a ceremonial whisk (small compact whisk helps to break down the powder better)
    • Put it in a blender. Blend each layer to totally combine the milk with the powder.
    • Mix the powder into a thick sweetener (like honey or maple syrup) to form a paste before adding your milk.
    • Use the "shake method" by putting it in a mason jar or container with a tight fitting lid and shake it up (works similarly to a blender)
    butterfly pea matcha latte

    Can this butterfly pea latte be made into a warm drink?

    Yes! You can definitely make this without the ice. The only difference, would be that you would steam the milk.

    HOW TO MAKE WARM BUTTERFLY PEA MATCHA TEA

    • Using a hand held milk warmer
    • Using the froth attachment on your espresso machine
    • Whisking it over the stove
    • Heating it in the microwave

    Just be careful if you use the microwave because milk can burn very quickly in the microwave!

    More Dunkin & Starbucks Non Coffee Recipes you can make at Home!

    • Golden Milk Latte
    • Golden Milk Latte Mix
    • Starbucks Hot Matcha Latte
    • Iced Matcha Latte
    • Matcha Cold Foam
    • Starbucks Iced Matcha Latte with Cold Foam
    • Paradise Drink (Starbucks Recipe)
    • Raspberry Watermelon Refresher (Dunkin)
    • Mango Pineapple Refresher (Dunkin)
    • Strawberry Dragon Fruit Refresher (Dunkin)
    butterfly pea tea matcha

    If you try my Mermaid Latte Recipe, please let me know your thoughts by leaving a rating and comment below! Ready for more? Subscribe to my newsletter or follow along on Pinterest, Instagram, Facebook, and Youtube!

    Butterfly pea matcha latte recipe

    Mermaid Latte (Butterfly Pea Matcha Latte)

    My iced butterfly pea matcha latte is made for mermaids! A fun and refreshing drink for the summer time. It is made with all healthy ingredients: soy milk, butterfly pea powder, matcha green tea powder, and honey. See the recipe below for optional substitutions.
    5 from 4 votes
    Print Recipe Pin Recipe
    Prep Time 5 minutes mins
    Total Time 5 minutes mins
    Course Drinks
    Cuisine American, Japanese
    Servings 1 person
    Calories 260 kcal

    Equipment

    • 3 bowls
    • wire whisk
    • Tall glass

    Ingredients
      

    • 1 cup ice cubes enough to fill entire glass

    Milk layer:

    • ½ cup vanilla soy milk sub any other milk that you like to use
    • 1 tablespoon honey sub maple syrup, or leave the sweetener out if you don't want it as sweet

    Butterfly pea tea layer:

    • ¼-1/2 cup vanilla soy milk see notes
    • 1 teaspoon butterfly pea powder

    Matcha green tea layer:

    • ¼-1/2 cup vanilla soy milk see notes
    • 1 teaspoon matcha green tea powder

    Instructions
     

    • Fill your glass to the top with ice cubes. The ice cubes help to separate the different colored layers.
    • In a bowl, whisk the honey with the milk until it is completely combined.
      Alternatively, whisk with maple syrup.
      Or, if you don't like your drinks too sweet then leave out the sweetener all together.
      I find that plant based milks are already slightly sweet tasting.
      Pour this over the ice.

    For the butterfly pea tea:

    • Whisk the 1 teaspoon of butterfly pea powder with the milk. Slowly pour over the milk layer.

    For the matcha green tea:

    • Whisk the 1 teaspoon of matcha green tea powder with the milk. Slowly pour over the butterfly pea tea layer.
    • Enjoy!

    Notes

    Combining the powder with the milk:
    ¼ cup of milk= thicker and will give you distinct layers
    ½ cup of milk= thinner and will swirl together more
    You can also use a handheld blender or milk frother to blend the milk with the butterfly pea and matcha powders.
    Nutrition information on this recipe is just an estimate and may vary based on the ingredients you choose.

    Nutrition

    Serving: 1.5cupCalories: 260kcalCarbohydrates: 39.5gProtein: 12gFat: 5.16gPolyunsaturated Fat: 3.45gMonounsaturated Fat: 1.5gPotassium: 469mgFiber: 2.25gVitamin C: 1.75mgCalcium: 94.2mgIron: 7.8mg
    Keyword butterflypea, butterflypealatte, icedmatcha, layereddrink, layeredlatte, matcha, matchagreentea
    Tried this recipe?Let us know how it was!

    More Healthy Coffee Drink Recipes!

    • iced peppermint mocha coffee latte recipe
      Iced Peppermint Mocha Coffee Recipe
    • Spanish iced latte recipe
      Spanish Iced Latte
    • banana coffee latte recipe
      Banana Iced Coffee!
    • dunkin watermelon raspberry refresher recipe
      Raspberry Watermelon Refresher (Dunkin)

    Reader Interactions

    Comments

      5 from 4 votes (2 ratings without comment)

      Leave me a comment!

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

      Recipe Rating




    1. Josiah - DIY Thrill

      July 15, 2020 at 12:07 am

      This Matcha Latte looks so refreshing!

    2. Christie

      July 15, 2020 at 8:17 pm

      5 stars
      This mermaid matcha latte is SOOOO COOL MAN!! haha! I just love the colours and the marbling effect. As well as the video you produced for it. Looks fantastic.

    3. [email protected]

      July 21, 2020 at 8:58 pm

      Ahhhh thank you!! It was so much fun to make!! The solid layered one was actually not what I was going for but I included it because I think some people want distinct layers like that!!

    4. Anne

      December 29, 2021 at 9:47 pm

      5 stars
      This mermaid latte was sooo fun to make and so delicious my kids absolutely loved them!!

    Primary Sidebar

    Rosemary Squires registered dietitian of the hint of rosemary blog

    Hi, I'm Rosemary, a registered dietitian and proud mom to a lively toddler. Back in 2015, I launched Hint of Rosemary to share my genuine passion for delicious and enjoyable healthy eating.

    In our home, I celebrate the delightful fusion of American and Jordanian cuisines, drawing inspiration from the rich tapestry of Arabic cuisine, and striving to create a harmonious blend of cultures. My hope is that you'll find inspiration here and, above all, savor every bite.

    More about me →

    Popular

    • Healthy Weight loss smoothie recipe photo
      Weight Loss Smoothie
    • Spanish iced latte recipe
      Spanish Iced Latte
    • Your complete guide to cooking Arabic food at home
      Cooking Arabic Food: The Complete Guide
    • pineapple mango strawberry peach smoothie bowl
      How to Make a Thick Smoothie Bowl
    • sourdough starter in a mason jar
      No Discard Sourdough Starter
    • homemade iced caramel macchiato recipe
      Iced Caramel Macchiato Recipe (Dunkin & Starbucks)
    • Healthy cookie dough bar recipe
      Healthy Dessert Recipes!
    • Gut healthy bone broth recipe photo
      Gut Healthy Bone Broth
    • strawberry smoothie bowl no banana thick
      Strawberry Smoothie Bowl No Banana
    • thick Mango smoothie bowl recipe photo
      Mango Smoothie Bowl No Banana
    • acai smoothie bowl without banana
      Acai Smoothie Bowl without Banana
    • Dragon-fruit-banana-smoothie-bowl-recipe
      Dragon Fruit Smoothie Bowl

    Footer

    ↑ back to top

    About

    • About me
    • Privacy Policy
    • Disclaimer

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Contact me
    • Nutrition Services

    As an Amazon Associate I earn from qualifying purchases.

    Optimized for speed with 🤍

    Copyright © 2025 THEHINTOFROSEMARY

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.