Skip to content
Be Your Own Barista

Search guides and recipes.

    StandardRecipe

    Coconut Matcha Latte

    The BYOB Team5 min1 drink (from a batch each of Matcha Syrup and Toasted Coconut Syrup)$1.16/drink232 cal/drink

    Uses Matcha Syrup — make a batch ahead of time; it keeps in the fridge for a week or two, so you won't need to make it again for every drink.

    Ingredients & steps

    Standard

    Written hot. Switch to see the iced version's ingredients and steps.

    Ingredients

    • 2oz espresso (or 1/3 cup strong coffee/moka pot equivalent -- or steamed matcha for a coffee-free version)
    • 8oz milk, steamed or frothed
    • 1 tbsp Matcha Syrup (make a batch ahead of time -- it keeps about 1 week in the fridge)
    • 1 tbsp Toasted Coconut Syrup (make a batch ahead of time -- it keeps about 2 weeks)

    Steps

    1. 1.Make a batch each of Matcha Syrup and Toasted Coconut Syrup ahead of time if you haven't already.
    2. 2.Pull a double shot of espresso (or brew strong coffee) directly into your serving cup.
    3. 3.Stir in 1 tbsp of the matcha syrup and 1 tbsp of the toasted coconut syrup while the espresso is still hot, until both are fully combined.
    4. 4.Steam or froth 8oz of milk to about 150°F and pour over the espresso mixture.
    5. 5.Serve immediately.

    Swap the milk

    This recipe is written with Kirkland Signature Organic A2 Whole Milk (8oz). Pick a different milk to see the cost and calories update below.

    Milk: Kirkland Signature Organic A2 Whole Milk

    Cost per drink

    $1.16

    Calories per drink

    232

    Not medical or nutrition advice. Calorie figures on this page are estimates based on typical ingredient values, not a lab analysis of your exact batch — they'll shift with the brand of milk, syrup, or protein powder you actually use. "Ingredient-Honest" and "sugar-free" describe what's in the recipe, not a health claim. If you're managing diabetes, a caffeine sensitivity, pregnancy, or another condition, check with a doctor or dietitian before making a recipe part of your routine. Read the full disclaimer.

    This is a real, chain-confirmed pairing: Costa Coffee’s Strawberry Coconut Iced Matcha Latte launched nationwide across more than 2,800 UK stores in January 2026 as part of its first-ever matcha menu line, and Costa’s own description leans on coconut specifically to “soften” matcha for drinkers not yet sold on its bitterness. This drink keeps the coconut-and-matcha core without the strawberry layer. Matcha itself is still accelerating fast — menu items up 30%+ year-over-year, social mentions up over 100% — which is the same momentum that already drove this site’s Lavender Matcha Latte and Maple Matcha Latte.

    Two Real Bases, Not a New Fused Syrup

    This drink combines two syrups this site already has: 1 tbsp Matcha Syrup and 1 tbsp Toasted Coconut Syrup, split evenly. No new syrup needed.

    Building the Latte

    1. Pull a double shot of espresso (about 2oz) directly into your cup, or brew a strong coffee/moka pot equivalent.
    2. Stir in 1 tbsp Matcha Syrup and 1 tbsp Toasted Coconut Syrup while the espresso is still hot.
    3. Steam or froth 8oz of milk to about 150°F and pour it over the espresso mixture.
    Chain Matcha Latte vs. Home Version
    Chain-size flavored matcha latte (tax included)~$6.50
    Home coconut matcha latte (espresso, milk, both bases)~$1.16
    Savings per drink$5.34

    Assumptions: grande-size flavored matcha latte, chain pricing, dairy milk, $16/lb specialty beans or equivalent grocery beans. At 5 drinks a week over the site’s standard 48-week year, that’s roughly $1,282/year back in your pocket.

    Swaps & Notes

    Recipe Card Summary

    Coconut Matcha Latte

    • 2oz espresso + 8oz steamed milk + 1 tbsp Matcha Syrup + 1 tbsp Toasted Coconut Syrup (both made ahead)
    • Prep time: 5 minutes (after both bases are made) · Total: 5 minutes
    • Cost: ~$1.16/drink vs. ~$6.50 chain equivalent

    FAQ

    Is this a real pairing, or did you invent it?

    Real — Costa Coffee built its entire first matcha menu line around a coconut-and-matcha-based drink, launched nationwide in January 2026.

    How is this different from your Lavender Matcha or Maple Matcha Lattes?

    Those pair matcha with lavender and maple respectively; this one pairs it with toasted coconut instead — a more tropical, dessert-leaning direction.

    Can I use the sugar-free versions of either base?

    Yes — swap in Sugar-Free Matcha Syrup and/or Sugar-Free Toasted Coconut Syrup 1:1; the ratios don’t change.

    Keep exploring

    Browse by ingredient tier

    Or skip this drink and explore every recipe in the Ingredient-Honest, Standard, or Sugar-Free lineup.

    Browse more Latte recipes →