• 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

    Blue Milk Iced Latte with Espresso

    Published: Feb 9, 2022 · Modified: May 5, 2025

    Iced blue milk espresso latte cover photo
    Jump to Recipe Jump to Video Print Recipe

    Blue milk iced latte with espresso. Remember my dirty iced latte? This blue tea layered iced latte is super similar and just as gorgeous!

    I wasn't sure what to call this gorgeous layered blue milk latte, so I went with a simple blue milk iced latte. But I feel like the name doesn't give this gorgeous blue espresso fusion justice.

    I made a base of butterfly pea tea, a splash of milk for a layer effect, and topped it off with a double shot of espresso. It is so fun to make and a great treat to start your day with!

    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! 

    WHAT IS A BLUE MILK ICED LATTE?

    I was looking through old photos on my blog and got inspired by my other layered lattes, like my dirty matcha and my pink velvet macchiato. I wanted to create a similar effect, wtih gorgeous butterfly pea powder.

    Blue milk iced latte is made of a naturally sweetened butterfly pea tea blue milk, splashed with a little milk, and topped with a dark roast double shot of espresso.

    It is so pretty and so delicious! I made mine poured over ice for the gorgeous effect, but you can absolutely make it warm.

    ASK THE DIETITIAN,

    IS THE BLUE ESPRESSO LATTE GOOD FOR YOU?

    Yes! It is made with a few simple (and natural) ingredients!

    • Organic Soy Milk- unlike other dairy free milks, soy milk is comparable to the nutrient profile of cow's milk in that it has calcium, protein, and vitamin D. Even a little polyunsaturated fats, and fiber in there too from the soy bean! Make sure to always choose organic soy products.
    • Butterfly Pea Flower Powder- is rich in antioxidants that help fight inflammation all over your body and reduce damage leading to premature aging.
    • Raw Manuka Honey- is the queen of all honey. Raw manuka honey should only be consumed cold to get all the benefits like promotion of good gut bacteria. Also- it is absolutely amazing for your skin when made into a mask!
    • Fresh Espresso from Organic Coffee Beans- coffee can help boost brain health and actually contains antioxidants! Make sure to always buy high quality organic coffee to get the most benefits from those coffee beans.

    TIPS

    USE HIGH QUALITY ORGANIC HONEY. If you want a sweeter latte, use raw honey for the health benefits of honey. Otherwise, go unsweetened.

    BLEND BUTTERFLY PEA INTO MILK. Any powder, like matcha, and butterfly pea powder, is difficult to completely whisk into milk without any powder chunks remaining. I like to pour mine into a blender to completely puree any powdery bits.

    POUR SLOWLY. For a pretty blue milk and espresso layering effect, make sure to pour slowly over the ice.

    HOW TO MAKE A LAYERED BLUE MILK ESPRESSO LATTE

    STEP 1- make a double shot of espresso

    First, make a double shot of espresso. This allows a little bit of time for the espresso to cool before pouring it over your icy drink.

    STEP 2- make the blue milk

    Next, add 1 teaspoon butterfly pea powder, 1 tablespoon of honey (optional to make it sweeter), and ¼ cup of milk. Whisk or blend until it is totally pureed and no butterfly pea powder remains.

    STEP 3- pour over ice

    Finally, pour the blue milk over a glass filled with ice. Slowly pour ¼ cup more milk. And then, add the double shot of espresso on top.

    Enjoy!!

    ~Rosemary

    More Homemade Starbucks & Dunkin Coffee Recipes You'll Love!

    • Dirty Iced Golden Milk Latte
    • Banana Coffee Latte
    • Oleato (Olive Oil in Coffee)
    • Dirty Iced Matcha Latte
    • Brown Sugar Cookie Cold Foam
    • Iced Brown Sugar Shaken Espresso
    • Chocolate Cold Foam Coffee
    • Spanish Iced Latte
    • Iced Caramel Macchiato & Homemade Caramel
    • Cinnamon Caramel Cream Cold Brew
    Iced blue milk espresso latte cover photo

    If you try my Blue 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!

    Iced blue milk espresso latte recipe card photo

    Blue Milk Iced Latte with Espresso (Layered Blue Latte)

    Blue milk iced latte with espresso is a super fun and unique espresso fusion recipe! It is made with butterfly pea powder blue milk and a double shot of espresso poured on top. I made my layered blue milk latte with dairy free milk, but you can use any kind of milk that you like! And, if you want to use cold brew coffee on top instead of espresso, that is another option!
    5 from 2 votes
    Print Recipe Pin Recipe
    Prep Time 5 minutes mins
    Total Time 5 minutes mins
    Course Coffee, Drinks
    Cuisine American, Asian, Thai
    Servings 1 person
    Calories 100 kcal

    Equipment

    • Espresso maker
    • Mixing cup
    • Blender optional
    • Glass
    • Straw

    Ingredients
      

    • Double shot of espresso can sub ¼ cup of cold brew coffee

    For the blue milk

    • 1 teaspoon butterfly pea powder
    • 1 tablespoon raw manuka honey optional for added sweetness
    • ½ cup organic vanilla soy milk, divided or milk of choice

    Instructions
     

    • Brew a double shot of espresso, set aside.
    • In a container, add 1 teaspoon butterfly pea flower powder, 1 tablespoon raw honey, and ¼ cup of the milk. Mix or blend to completely combine.
    • Fill a glass to the top with ice cubes.
    • Pour the blue milk on the bottom.
    • Slowly pour ¼ cup more milk on top.
    • Top with the double shot of espresso.

    Video

    Notes

    Nutrition facts for blue milk iced latte are only an estimate and not guaranteed. For an unsweetened latte with no honey, carbs would be only 2 grams and sugars 0 grams.

    Nutrition

    Serving: 1blue milk iced latte with espressoCalories: 100kcalCarbohydrates: 19gProtein: 4gFat: 2gSaturated Fat: 0.2gPolyunsaturated Fat: 1.2gMonounsaturated Fat: 0.5gSodium: 35mgPotassium: 175mgFiber: 1gSugar: 17gVitamin A: 188IUCalcium: 105mgIron: 0.5mg
    Keyword blueespressofusiondrinkrecipe, bluelayeredcoldlatterecipe, bluelayeredicedlatterecipe, bluemilkicedlatterecipe, bluemilklatterecipe, butterflypealattewithespresso, espressofusiondrinkrecipe, icedblueespressolatterecipe, icedbluelatterecipe, icedbutterflypealattewithcoffee, layeredbluelatterecipe
    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 2 votes (1 rating without comment)

      Leave me a comment!

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

      Recipe Rating




    1. Sam

      February 12, 2022 at 2:22 am

      5 stars
      Wow this is out of this world pretty!!! I actually have some butterfly pea powder and am totally going to make this weekend.

    2. Rosemary

      February 14, 2022 at 12:38 am

      I hope you love it!!

    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.