Toasted Coconut Latte (Starbucks Copycat)

The Toasted Coconut Latte is one of the newest Starbucks spring drinks (like our Popular Iced Ube Coconut Macchiato), and it quickly became a favorite thanks to its smooth espresso, creamy milk, and warm toasted coconut sweetness. The flavor is rich but balanced, with a lightly nutty coconut taste that feels comforting rather than overly tropical.

The good news is that this drink is easy to make at home. With a few simple ingredients and the right ratios, it is possible to recreate the same smooth texture and toasted coconut flavor found in the coffee shop version. This homemade version works beautifully both hot and iced, and it can also be made dairy free with either oat milk or coconut milk (see below).

This recipe contains instructions for both the Iced Toasted Coconut Latte and Hot Toasted Coconut Latte.

Why This Toasted Coconut Latte Works

A great copycat latte depends on two things: balanced sweetness and proper milk-to-espresso ratios. The toasted coconut syrup brings a warm, slightly nutty coconut flavor that blends smoothly with espresso instead of overpowering it.

When combined with creamy milk, the result is a latte that feels rich and smooth while still allowing the espresso to shine.

Looking for another coconut themed recipe? Check out our Toasted Coconut Cream Cold Brew!

Take Your Next Latte to Another Level

We created a delicious lineup of new small batch coffee syrup flavors to take your coffee creations to another level. We have many new flavors to choose from and our 16 oz option is $14.99 with free S&H. We also have Mix & Match Coffee Syrup Packs for the serious espresso drinkers!

Toasted Coconut Syrup Options

Before we get started making the latte, you need to decide how you would like to approach the toasted coconut syrup.

Store-Bought Toasted Coconut Syrup

Using a bottled toasted coconut syrup is the fastest way to make this drink. Start with 1 tablespoon for a lightly sweet latte and increase to 2 tablespoons for a sweeter coffee shop style drink.

Quick Homemade Toasted Coconut Syrup

Homemade toasted coconut syrup adds a deeper flavor and takes only a few minutes to prepare.

Ingredients

• 1/2 cup unsweetened shredded coconut
• 1/2 cup sugar
• 1/2 cup water

Instructions

1. Toast the shredded coconut in a dry skillet over medium heat until lightly golden.
2. Add the sugar and water to the skillet.
3. Bring to a simmer as the sugar dissolves. Continue to simmer gently for about 3 minutes.
4. Remove from heat and let the mixture steep for 15 minutes.
5. Strain through a fine mesh strainer and allow the syrup to cool.

Use 1-2 tbsp per latte.

Toasted Coconut Latte Recipe (12 oz Hot)

Ingredients

• 2 shots espresso (about 2 oz)
• 1 cup (8 oz) milk (dairy or non dairy)
• 1 to 2 tablespoons toasted coconut syrup
• Optional topping: toasted coconut flakes

Instructions

1. Add 1 to 2 tablespoons toasted coconut syrup to a mug.
2. Brew 2 shots of espresso directly into the mug and stir well.
3. Heat or steam 1 cup (8 oz) of milk.
4. Pour the milk into the mug and top with a light layer of foam.
5. Add a small sprinkle of toasted coconut flakes if desired.

How to Make an Iced Toasted Coconut Latte

Ingredients

• 2 shots espresso (about 2 oz)
• 3/4 cup (6 oz) milk
• Ice
• 1 to 2 tablespoons toasted coconut syrup
• Optional topping: toasted coconut flakes

Instructions

This refreshing version highlights the toasted coconut flavor beautifully.

1. Add 1 to 2 tablespoons toasted coconut syrup to a tall glass.
2. Pour in 2 shots of espresso and stir until the syrup dissolves.
3. Fill the glass with ice.
4. Pour in 3/4 cup (6 oz) of milk.
5. Use a straw or spoon to stir and mix everything together.
6. Finish with a small sprinkle of toasted coconut flakes if desired.

Stirring the syrup into the hot espresso first helps the sweetness blend smoothly into the drink.

We also have more popular iced drinks included on our Top 10 Iced Coffee Drinks for Summer!

Best Milk Choices for a Toasted Coconut Latte

Different types of milk create slightly different textures and flavors.

• 2% milk – Closest to the classic coffee shop latte texture.
• Whole milk – Richer and creamier.
• Oat milk – A great dairy-free option with excellent texture.
• Coconut milk – Adds extra coconut flavor but can be slightly lighter in body.

Latte Ratios That Always Work

These simple ratios make it easy to scale the recipe.

Standard Latte

• 2 shots espresso
• 1 cup (8 oz) milk

Sweetness Guide

• 1 tablespoon syrup for mild sweetness
• 2 tablespoons syrup for a sweeter drink

Simple Tips for the Best Flavor

• Toast the coconut flakes. Lightly toasted coconut creates a deeper flavor and a more appealing topping.
• Use fresh espresso. Fresh espresso gives the latte the best flavor and aroma.
• Dissolve the syrup in the espresso first. Mixing syrup with hot espresso ensures the sweetness spreads evenly through the drink.

Variations to Try

Toasted Coconut Vanilla Latte

A touch of vanilla adds warmth and depth.

• 1 tablespoon toasted coconut syrup
• 1 to 2 teaspoons vanilla syrup (check out our Small Batch Vanilla Syrup)

Prepare the latte as usual.

Toasted Coconut Latte with Cold Foam

For an extra creamy texture, add a cold foam topping.

1. Mix heavy cream, milk, and a small amount of toasted coconut syrup.
2. Froth until thick and creamy.
3. Spoon the foam on top of the iced latte.

You can see our Vanilla Sweet Cream Cold Foam Recipe (includes video) for more details

Lower Sugar Version

• Use 1 tablespoon syrup instead of two.
• Choose unsweetened milk.

Storage Tips

Homemade toasted coconut syrup
Store in a sealed container in the refrigerator for up to two weeks.

Espresso
Best used fresh, but cooled espresso can be used for iced drinks.

Toasted Coconut Latte Frequently Asked Questions