Starbucks Caramel Macchiato Recipe (Copycat at Home)

I have a confession: I spent years driving through the Starbucks drive-thru every single morning just for a Caramel Macchiato. My credit card statement was basically a tribute to vanilla syrup and espresso. Then one rainy Tuesday I decided enough was enough – I was going to crack the code on this drink myself. After a lot of testing (and honestly, a lot of delicious failures), I figured out the exact technique that makes a Starbucks Caramel Macchiato taste like a Caramel Macchiato. The secret is all about order: vanilla syrup goes in first, then the steamed milk, and only then does the espresso get poured slowly through the foam. That sequence creates those gorgeous visible layers that make this drink so satisfying to look at before you even take a sip.

This copycat recipe costs a fraction of what you pay at Starbucks and comes together in about 10 minutes once you have your setup ready. I will walk you through both the hot and iced versions, and I will show you how to make homemade vanilla syrup that honestly tastes better than anything from a green-and-white cup.

Why You’ll Love This Recipe

• Costs under $1 to make at home versus $6+ at Starbucks – you save serious money over a week
• You control the sweetness: less syrup, more caramel, or half the sugar with a monk fruit swap
• The layering technique is genuinely fun to watch and impressive to serve to guests
• Works hot or iced, and the homemade vanilla syrup keeps in the fridge for a full month
• No espresso machine required – a moka pot or strong drip coffee gets you 90% of the way there

About This Starbucks Favorite

The Caramel Macchiato is one of the most iconic drinks Starbucks ever created, and it was invented in 1996 to celebrate the company’s 25th anniversary. The name sounds Italian and sophisticated, but this drink is very much a Starbucks original – not a traditional Italian macchiato at all. In Italy, a macchiato (which means ‘stained’ or ‘marked’) is a tiny shot of espresso with just a splash of foam on top, about two ounces total. The Starbucks Caramel Macchiato flips that concept completely on its head. Here you start with vanilla syrup in the bottom of a tall glass or mug, pour in steamed milk with microfoam, and then pour the espresso shots slowly over the top so they sink through the foam and ‘mark’ the milk underneath. A generous crosshatch of caramel sauce finishes the drink on top. The result is a layered, lightly sweet espresso drink where the flavors shift as you drink from top to bottom. It became one of the best-selling drinks in Starbucks history and launched a generation of coffeehouse fans who still order it by heart every morning. Understanding its structure – vanilla below, milk in the middle, espresso on top, caramel drizzled over everything – is the key to replicating it perfectly at home.

Ingredients

For the macchiato

• 2 shots espresso (about 2 oz), or 4 oz very strong brewed coffee from a moka pot
• 8 oz whole milk (steamed to about 140F with microfoam on top)
• 2 tablespoons vanilla syrup (store-bought or homemade recipe below)
• 1 tablespoon caramel sauce (Ghirardelli caramel sauce recommended – thicker than syrup)
• Pinch of salt (brings out the caramel flavor)
• Ice for the iced version (about 1 cup of ice cubes)

For the homemade vanilla syrup (if making from scratch)

• 1 cup water
• 1 cup white granulated sugar
• 2 vanilla bean pods, split lengthwise and seeds scraped (or 2 tablespoons pure vanilla extract added off heat)
• 1/4 teaspoon fine sea salt
• Optional: 1 pinch of brown sugar for a slightly deeper, caramel-adjacent sweetness

For serving

• 1 tall 16 oz Grande-size glass or mug (clear glass shows off the layers beautifully)
• Extra caramel sauce for the signature crosshatch drizzle pattern on top
• Milk frother, steam wand, or small saucepan with whisk for frothing the milk
• Espresso machine, moka pot, or AeroPress for brewing the espresso

Ingredient Substitutions

• Instant espresso powder dissolved in 2 oz hot water works as a quick shortcut and still tastes great
• Oat milk (barista blend) froths beautifully and makes a fully dairy-free version – Oatly Barista is the best for this
• Sugar-free vanilla syrup made with monk fruit sweetener cuts carbs significantly with almost no flavor difference
• Use half the caramel sauce (1.5 teaspoons instead of 1 tablespoon) for a less sweet, more coffee-forward drink
• For an iced Tall (12 oz) version: reduce milk to 6 oz and use 1.5 tablespoons vanilla syrup over a full cup of ice

Equipment You’ll Need

• Espresso machine or moka pot for pulling shots (an AeroPress also works very well)
• Milk frother, handheld steam wand, or small saucepan with a whisk for steaming and frothing milk
• Tall 16 oz glass or mug – clear glass lets you see the beautiful layering effect
• Measuring spoons for syrup and caramel sauce
• Small pitcher or glass for pouring the espresso slowly over the foam without breaking the layers

Step-by-Step Instructions

1. Brew the espresso. Pull 2 shots of espresso using your espresso machine, or brew a strong 4 oz batch in your moka pot. If using a moka pot, fill the water chamber just below the safety valve and use a fine-medium grind. You want concentrated, dark coffee – not regular drip strength. If using instant espresso powder, dissolve 2 teaspoons in 2 oz of hot water and stir until fully smooth. Set your espresso aside while you prepare everything else. The espresso should be freshly brewed and hot for the hot version, or you can let it cool slightly for the iced version.
2. Steam the milk. Pour 8 oz of whole milk into your steaming pitcher and heat to about 140F, which is warm but not scalding. You want microfoam – tiny, velvety bubbles that make the milk look glossy and pourable rather than big stiff peaks of foam. If you have a steam wand, keep the tip just below the surface and tilt the pitcher slightly to create a whirlpool. No steam wand? Heat the milk in a saucepan over medium heat until it just starts to steam, then vigorously whisk it or pump it in a French press 10-15 times to create froth.
3. Build the base. Pour 2 tablespoons of vanilla syrup into the bottom of your tall glass or mug first. This step is non-negotiable and is the defining characteristic of the Starbucks Caramel Macchiato – the vanilla goes in FIRST, not last. Add a small pinch of salt over the syrup.
4. Add the milk and create the layers. Slowly pour the steamed milk and its microfoam over the vanilla syrup. Hold the pitcher low and pour gently so the milk mixes with the vanilla syrup below but the foam layer on top stays relatively intact. You should see a clear foam layer resting on top of the milk. For the iced version: add your ice to the glass first, pour the vanilla syrup over the ice, then pour cold milk (no steaming needed) to fill the glass about three-quarters full.
5. Pour the espresso and drizzle caramel. Slowly pour your 2 shots of espresso right through the center of the foam layer. Pour slowly and steadily – this is what ‘marks’ the milk and creates the signature gradient look. The espresso will sink through the foam and settle in the middle of the drink. Finally, drizzle 1 tablespoon of caramel sauce over the top of the foam in a crosshatch pattern (lines one direction, then lines the other direction). Serve immediately and remind whoever you hand it to not to stir it – the layered look is half the experience.

Pro Tips from My Kitchen

• Vanilla syrup ALWAYS goes in first – if you add it last you lose the layers and the drink tastes flat and overly sweet in one concentrated sip instead of building through the drink
• Go for microfoam not stiff peaks – the milk should look like wet paint and pour smoothly; big airy foam sits on top wrong and breaks down too fast
• Use real caramel SAUCE not caramel SYRUP – the sauce is thicker and clings to the foam for that signature crosshatch drizzle pattern; syrup just sinks straight through
• Pour the espresso through a spoon held upside-down over the cup to slow it down and spread it gently over the foam without punching a hole through the layers
• Let the espresso cool for 60 seconds before pouring for the iced version – pouring hot espresso directly over ice melts it too fast and waters down the drink
• Ghirardelli is the closest commercially available caramel sauce to what Starbucks uses – Torani caramel sauce is a solid second choice

Recipe Variations

• Iced Caramel Macchiato: fill a tall glass with ice, add vanilla syrup, pour cold whole milk almost to the top, slowly pour espresso shots over the back of a spoon, drizzle caramel – this is actually the more popular version in warm months
• Vegan Oat Milk Caramel Macchiato: swap whole milk for Oatly Barista oat milk (it froths almost identically to dairy) and use a dairy-free caramel sauce – the flavor profile is nearly identical
• Salted Caramel Macchiato: add a generous pinch of flaky sea salt directly on top of the caramel drizzle right before serving – the salt cuts the sweetness and makes every sip more interesting
• Sugar-Free Caramel Macchiato: use monk fruit or erythritol-based vanilla syrup and a sugar-free caramel sauce – Torani makes a good sugar-free caramel that drizzles well
• Extra-Strong Triple Shot: add a third espresso shot for a bolder, more bitter coffee punch that balances the sweetness – this is the version for real espresso lovers

Common Mistakes to Avoid

• Adding the vanilla syrup last instead of first: you lose all the layering and the sweet vanilla pools at the bottom in one sip instead of weaving through the whole drink
• Boiling or scorching the milk: milk heated above 160F tastes burnt and slightly sour – pull it off heat or off the steam wand right when it starts steaming steadily, around 140-150F
• Using caramel syrup instead of caramel sauce: syrup is thin and watery and sinks straight through the foam instead of sitting on top in that gorgeous crosshatch pattern
• Pouring the espresso first before the milk: this collapses the vanilla layer and the drink loses its gradient structure; the espresso must always go on top of the milk
• Overdoing the caramel: one tablespoon is plenty – more than that makes the drink cloying and you lose the balance between the bitter espresso, sweet vanilla, and the caramel finish

What to Serve With This Dish

• Starbucks-style lemon loaf (the dense, glazed kind) is the classic pairing and mirrors the sweetness of the macchiato beautifully
• A plain butter croissant – the flaky, slightly salty pastry cuts the sweetness and makes the espresso flavor pop
• Vanilla bean scone: the mild sweetness mirrors the vanilla in the drink without competing with it
• Everything bagel with cream cheese: if you want something savory, the cream cheese richness and the salt in the everything seasoning are a surprisingly perfect match
• Biscotti (almond or chocolate-dipped): the classic Italian coffeehouse pairing that holds up to dipping in either the hot or iced version

Storage Instructions

Refrigerator

Homemade vanilla syrup keeps in a sealed glass jar in the refrigerator for up to 1 month – make a big batch on Sunday and have it ready all week

Freezer

Freeze leftover vanilla syrup in an ice cube tray, then store the cubes in a bag for up to 3 months – drop a cube directly into warm milk to dissolve

How to Reheat

The finished Caramel Macchiato does not store well – drink it fresh; the layers break down and the milk separates if refrigerated

Make Ahead

You can make the vanilla syrup up to a month ahead and keep espresso shots at room temperature for up to 30 minutes before building the drink; always froth the milk fresh

Nutrition Information

Per serving (estimated): 250 calories, 10g protein, 35g carbs, 7g fat (4g saturated), 0g fiber, 33g sugar, 150mg sodium.

Nutrition values are estimates and will vary based on exact ingredients used.

Frequently Asked Questions

What exactly is a Caramel Macchiato?

A Caramel Macchiato is a layered espresso drink made with vanilla syrup on the bottom, steamed milk and foam in the middle, espresso shots poured over the top, and a crosshatch of caramel sauce drizzled over the foam. It is one of Starbucks’ most popular signature drinks, introduced in 1996. The drink is sweet, milky, and lightly espresso-forward, and the layers make it as visually appealing as it is delicious.

How is a Starbucks Caramel Macchiato different from a traditional Italian macchiato?

They are almost completely different drinks. A traditional Italian macchiato (‘caffe macchiato’) is a 2 oz shot of espresso with just a tiny spoonful of foam on top – intensely coffee-forward and barely sweetened. The Starbucks Caramel Macchiato is a 16 oz drink with several tablespoons of vanilla syrup, 8 oz of steamed milk, 2 espresso shots, and a generous caramel drizzle. The only thing they share is the word ‘macchiato’ – which means ‘marked’ or ‘stained’ in Italian, referring to the espresso being poured over the milk.

Why do you have to layer the ingredients in a specific order?

The layering order creates the visual gradient that defines the drink – vanilla syrup below, milk in the middle, espresso on top, caramel over everything. If you pour the espresso first and add milk on top, the espresso disperses and you get a uniform beige drink with no visual interest. The espresso also needs to be poured last so it slowly sinks through the foam and ‘marks’ the milk – which is literally what macchiato means. The order also affects the flavor progression as you drink it.

How much caffeine is in a homemade Caramel Macchiato?

Two standard espresso shots contain about 120-150mg of caffeine total, so your homemade Grande-size Caramel Macchiato has roughly 120-150mg of caffeine. Starbucks’ Grande Caramel Macchiato has 150mg from 2 shots. If you make the triple-shot variation, you are looking at 180-225mg – about the same as 2 average cups of drip coffee.

How many calories does a homemade Caramel Macchiato have?

A homemade Caramel Macchiato made with whole milk and 2 tablespoons of vanilla syrup is about 240-260 calories. A Starbucks Grande Caramel Macchiato made with whole milk is 250 calories. You can cut calories significantly by using oat milk or skim milk (drops to around 180 calories) or by using a sugar-free vanilla syrup (drops to around 150 calories).

Can I make a vegan Caramel Macchiato?

Yes, easily. Use Oatly Barista oat milk in place of whole milk – it froths almost identically and has a naturally creamy, slightly sweet flavor that works beautifully here. Swap the caramel sauce for a dairy-free caramel (many grocery stores carry coconut-milk-based caramel sauces now). Make sure your vanilla syrup does not contain any dairy additives, which most simple vanilla syrups do not.

How do I make a sugar-free version?

Make your vanilla syrup using monk fruit sweetener or erythritol instead of white sugar – use the same ratio of 1 cup sweetener to 1 cup water. For the caramel, Torani Sugar-Free Caramel Sauce is a solid option that still drizzles well over the foam. With those two swaps you get a drink under 50 calories that still captures the vanilla-espresso-caramel flavor profile almost exactly.

How do I make the iced version?

Fill a tall glass with about 1 cup of ice. Pour 2 tablespoons of vanilla syrup over the ice. Pour 6-8 oz of cold whole milk (no steaming needed) over the ice until the glass is about three-quarters full. Let your espresso shots cool for 60 seconds, then pour them slowly over the back of a spoon held over the glass – this slows the pour and keeps the espresso floating on top rather than mixing in immediately. Drizzle caramel sauce over the top. The iced version is actually the most ordered variation at Starbucks year-round.

How does Starbucks get that layered look with espresso floating on top?

The layers work because of density differences. The vanilla syrup is the densest and sinks to the bottom. The steamed milk with microfoam creates a lighter middle layer. The espresso shots, when poured slowly through the foam, float briefly before gradually sinking through the milk. The key is pouring the espresso very slowly – either through a spoon or by angling the pour along the inside of the cup wall – so it spreads across the foam surface instead of punching through it all at once.

Why does the vanilla syrup go in first and not last?

Vanilla syrup first is the defining rule of the Caramel Macchiato. When you pour the milk over the syrup, the syrup disperses evenly through the drink rather than pooling in one spot. It also creates the correct flavor balance – you taste espresso and caramel first at the top, then the vanilla sweetness builds as you drink down through the cup. Adding vanilla last means it sinks to the bottom and you get an overly sweet last few sips with a flat, undersweetened top.

How many espresso shots does a Starbucks Caramel Macchiato have?

A Starbucks Tall (12 oz) has 1 shot, a Grande (16 oz) has 2 shots, a Venti hot (20 oz) has 2 shots, and a Venti iced (24 oz) has 3 shots. For this copycat recipe targeting a Grande-equivalent, 2 shots is correct. If you want a bolder drink, add a third shot – some people call this the ‘upside-down triple’ order at Starbucks.

Can I use a moka pot instead of an espresso machine?

Absolutely. A moka pot is one of the best alternatives to an espresso machine for this recipe. Use a fine-medium grind, fill the water chamber just below the safety valve, and brew over medium heat until you hear the gurgling stop. The result is strong, concentrated coffee that approximates espresso well enough for a homemade Caramel Macchiato. An AeroPress with a fine grind and short steep time also works very well. Regular drip coffee is too weak and watery – you really need that concentrated coffee strength.

More Starbucks Copycat Recipes

• All Copycat Restaurant Recipes

Happy cooking,
Julia