Iced Coconut & Pineapple Matcha Latte

The matcha in this iced tea latte blends perfectly with the pineapple and coconut flavors to create a refreshing, non-alcoholic pina colada-reminiscent drink. It’s great whether partying at the beach or relaxing at home.

Iced Coconut and Pineapple Matcha

Why this drink works

I’ve loved the pina colada flavor combo of pineapple and coconut my whole life. (It was my favorite lip gloss back in the day!) So, making this drink was a natural process for me, and I hope you find it as delicious as I do.

Pineapple and matcha are a favorite flavor combo, with even Starbucks offering a similar iced pineapple matcha as a featured drink.

This drink is a great way to get the pina colada flavors without the alcohol.

Special ingredients

I used two ingredients in this beverage that you may not expect.

  • Trader Joe’s Pineapple Fruit Spread
    I know this seems odd, but fruit jelly, jam, spreads, and similar are great substitutions for syrup flavorings in a drink. I love this one from Trader Joe’s because it already includes a hint of coconut which is perfect for this recipe.

    If you don’t have access to this ingredient, you can use another pineapple spread or jam. If you do, add in a teaspoon of canned coconut milk. That will give it that extra boost of coconut flavor that will be missing.

  • Sweetened condensed milk
    I wanted an extra bit of sweetness and creaminess in this drink, so I add a tablespoon of sweetened condensed milk. It really helps tie the whole drink together.

How to make it layered

It’s simple to make this drink layered, beautifully showing off the pineapple, coconut milk, and matcha ingredients.

Layered Coconut and Pineapple Matcha Latte

Next, combine the pineapple spread and sweetened condensed milk as the recipe below states, then spoon into the bottom of a glass.

On top of that mixture slowly pour about eight ounces of coconut milk. Now you have two layers.

To make the top matcha layer, you’ll need to make a matcha cold foam. Next mix your matcha powder with the coconut milk, whisk together, and then froth. My favorite way to froth for a cold foam is with a French press, but you can use a whisk or a handheld frother too.

Pour the matcha cold foam on the top to create an amazing layered look.


Is this the same as Starbucks’ Iced Pineapple Matcha?
While this drink has many similarities, it is a bit different. This drink doesn’t contain ginger, but the Starbucks one does. This recipe tastes sweeter, creamier, and contains actual pineapple chunks. Overall it has more of a pina colada flavor than the Starbucks drink does.

Does this drink have caffeine?
Yes, the matcha powder is caffeinated. That makes this drink a great pick-me-up for a morning at the beach or your afternoon lull.

Is this recipe vegan?
This specific recipe is not vegan because it includes sweetened condensed milk as an additional sweetener. If you want to make it vegan, replace the sweetened condensed milk with a vanilla simple syrup.

What kind of matcha should I use?
This recipe is made using a non-sweetened matcha powder. If you have matcha with sugar already added you will want to use less of the sweetened condensed milk. Also, make sure you are using ceremonial grade matcha, which will is best for beverages.

Iced Coconut and Pineapple Matcha

Iced Coconut & Pineapple Matcha Latte

An iced latte reminiscent of a pina colada.
Print Pin Rate
Course: cold drinks
Keyword: Latte, Matcha
Cook Time: 10 minutes
Servings: 1


  • 1/3 cup Trader Joe's Pineapple Spread
  • 1 1/2 teaspoon sweetened condensed milk
  • 12 oz coconut milk
  • 2-4 tablespoons unsweetened matcha powder Follow instructions on your package for how much to add


  • Mix the pineapple spread and sweetened condensed milk together until combined well. Add to your beverage glass.
  • Whisk together the 12 oz of coconut milk with the matcha powder. Follow instructions on your matcha package for how much to add. (Typically 2-4 Tablespoons.)
  • Pour matcha coconut milk mix over the pineapple mixture and stir with a spoon until combined.
  • Add ice, give a quick stir and enjoy!


  • This makes a 16 oz drink.
  • Tip: Use a bubble tea straw to drink, so you can easily drink up the pineapple chunks on the bottom.
Tried this recipe?Write a review about how it was!

Similar Posts

Leave a Reply

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

Recipe Rating