Skip to content
Be Your Own Barista

Search guides and recipes.

    StandardRecipe

    Toasted Coconut Toffee Latte

    The BYOB Team5 min1 drink (from a batch each of Buttered Toffee Syrup and Toasted Coconut Syrup)$0.95/drink230 cal/drink

    Uses Buttered Toffee 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)
    • 8oz milk, steamed or frothed
    • 1 tbsp Buttered Toffee Syrup (make a batch ahead of time -- it keeps about 2 weeks in the fridge)
    • 1 tbsp Toasted Coconut Syrup (make a batch ahead of time -- it keeps about 2 weeks too)

    Steps

    1. 1.Make a batch each of Buttered Toffee 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 toffee 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, with toasted coconut flakes on top if you like.

    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

    $0.95

    Calories per drink

    230

    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, seasonal café pairing: The Coffee Bean & Tea Leaf’s coconut caramel latte finishes with a sea-salt toffee topping, and food writers note that toasting coconut gives it a “warm, roasty” quality that genuinely complements toffee’s own toasted-sugar notes — not just a coincidental menu pairing. This version combines this site’s own Buttered Toffee Syrup and Toasted Coconut Syrup.

    Two Real Bases, Not a New Fused Syrup

    This drink combines two syrups this site already has: 1 tbsp Buttered Toffee 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 Buttered Toffee 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.
    Specialty Café Toasted Coconut Toffee Latte vs. Home Version
    Specialty/independent-café coconut toffee latte (tax included)~$6.75
    Home toasted coconut toffee latte (espresso, milk, both bases)~$0.95
    Savings per drink$5.80

    Assumptions: grande-size drink, independent/specialty-café 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,392/year back in your pocket.

    Swaps & Notes

    Recipe Card Summary

    Toasted Coconut Toffee Latte

    • 2oz espresso + 8oz steamed milk + 1 tbsp Buttered Toffee Syrup + 1 tbsp Toasted Coconut Syrup (both made ahead)
    • Prep time: 5 minutes (after both bases are made) · Total: 5 minutes
    • Cost: ~$0.95/drink vs. ~$6.75 specialty café equivalent

    FAQ

    Is this just your Toasted Coconut Caramel Latte with a different name?

    No — the Toasted Coconut Caramel Latte pairs coconut with plain Caramel Syrup; this drink pairs it with Buttered Toffee Syrup instead, a related but distinct flavor.

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

    Real — The Coffee Bean & Tea Leaf’s own seasonal coconut-caramel latte finishes with a sea-salt toffee topping specifically because the flavors complement each other.

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

    Yes — swap in Sugar-Free Buttered Toffee 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 →