A vanilla latte is a shot (or two) of espresso combined with steamed milk and vanilla syrup. It’s one of the most popular coffee drinks in the world — and making it at home takes about 5 minutes once you have your vanilla syrup ready.

Here’s everything you need: the homemade vanilla syrup recipe, the hot vanilla latte method, the iced vanilla latte method, and the exact Starbucks ratios if you want to replicate it precisely.

What Is a Vanilla Latte?

A vanilla latte is a latte — espresso + steamed milk — flavored with vanilla syrup. That’s it.

The vanilla syrup sweetens and flavors the drink. At Starbucks, it’s their house vanilla syrup (sugar, water, natural flavors). At home, you can make a superior version with real vanilla.

Flavor profile: Smooth, creamy, sweet, with warm vanilla fragrance over the espresso base. The vanilla rounds out the espresso’s bitterness without masking it.

Ingredients

For the Homemade Vanilla Syrup (makes ~1 cup syrup, ~16 servings):

  • 1 cup (200g) granulated white sugar
  • 1 cup (240ml) water
  • 1 teaspoon pure vanilla extract (or 1 vanilla bean, split)

For One Hot Vanilla Latte:

  • 2 shots espresso (about 2oz / 60ml)
  • 6oz (180ml) whole milk (or your preferred milk)
  • 1–2 tablespoons vanilla syrup (adjust to taste)

For One Iced Vanilla Latte:

  • 2 shots espresso (about 2oz / 60ml)
  • 6oz (180ml) cold milk
  • 1–2 tablespoons vanilla syrup
  • Large handful of ice

Make the Vanilla Syrup (5 minutes + cooling)

You only need to do this once — the syrup keeps for 2–4 weeks refrigerated.

  1. Combine sugar and water in a small saucepan over medium heat
  2. Stir until the sugar fully dissolves (about 2–3 minutes) — do not boil
  3. Remove from heat
  4. Stir in vanilla extract (or add the split vanilla bean and let steep 30 minutes, then remove)
  5. Let cool completely before storing in a sealed jar or bottle in the refrigerator

Vanilla bean syrup (using a real bean) has a deeper, more floral vanilla flavor with visible vanilla specks. Worth doing if you have vanilla beans.

Vanilla extract syrup is faster and still excellent — use pure extract, not imitation.

Hot Vanilla Latte Recipe

Time: ~5 minutes

  1. Pull 2 shots of espresso (see our espresso ratio guide for extraction tips)
  2. Add 1–2 tablespoons of vanilla syrup to your cup
  3. Pour the hot espresso over the syrup — stir to combine
  4. Steam 6oz of milk to 140–150°F (60–65°C) with a microfoam texture (see milk steaming guide)
  5. Pour steamed milk over the espresso, holding back any large foam until the end
  6. Optional: spoon a thin layer of microfoam on top

Tip: Adding the syrup before the espresso lets the heat of the espresso dissolve and integrate the syrup immediately.

Iced Vanilla Latte Recipe

Time: ~5 minutes

  1. Fill a 12–16oz glass with ice
  2. Add 1–2 tablespoons vanilla syrup
  3. Pour 6oz cold milk over the ice and syrup — stir briefly
  4. Pull 2 shots of espresso
  5. Pour the hot espresso directly over the cold milk and ice

Why pour espresso last? The temperature contrast creates a layered effect (like our iced americano). The hot espresso melts slightly into the cold milk, and the ice rapidly chills everything without diluting as much as if you cooled the espresso first.

Alternative method: Cool the espresso first by pulling it into a small cup, letting it sit 2–3 minutes, then pouring over the ice. This prevents any slight dilution from the heat-meeting-ice but loses the visual layering.

Starbucks Vanilla Latte Copycat: Exact Ratios

Starbucks uses specific amounts depending on cup size:

SizeEspressoMilkVanilla Pumps
Tall (12oz)1 shot~9oz3 pumps (~1.5 tbsp syrup)
Grande (16oz)2 shots~11oz4 pumps (~2 tbsp syrup)
Venti (20oz)2 shots~14oz5 pumps (~2.5 tbsp syrup)

Starbucks pumps dispense ~7.5ml each. A tablespoon is ~15ml (= ~2 pumps).

The key differences between homemade and Starbucks:

  • Starbucks uses a proprietary vanilla syrup (sweeter, more artificial vanilla flavor)
  • Homemade vanilla syrup with pure extract or a real bean tastes cleaner and less sweet
  • Starbucks uses 2% milk by default; whole milk creates a richer, creamier latte

Vanilla Latte Variations

Iced Vanilla Oat Milk Latte

Replace dairy milk with barista-edition oat milk (Oatly Barista or similar). The barista edition is formulated to steam and foam like dairy — it doesn’t split in hot espresso the way regular oat milk can.

Vanilla Lavender Latte

Add 1 teaspoon of lavender simple syrup (steep dried culinary lavender in your simple syrup) alongside the vanilla syrup. Floral, aromatic, pairs beautifully with medium roast espresso.

Vanilla Almond Latte

Replace milk with unsweetened almond milk + add a drop of almond extract to your vanilla syrup. Lighter, nuttier, lower calorie.

Brown Sugar Vanilla Latte

Swap plain vanilla syrup for a brown sugar vanilla syrup: use brown sugar instead of white sugar in the syrup recipe, + vanilla extract. Caramel-toned sweetness, similar to our brown sugar shaken espresso.

Iced Vanilla Shaken Espresso

Shake the espresso + vanilla syrup + ice vigorously in a cocktail shaker before pouring over milk. Aeration creates a smoother texture — see our shaken espresso guide.

What Kind of Vanilla Syrup to Buy

If you’d rather buy syrup than make it:

  • Torani Pure Cane Vanilla Syrup — the most commonly used in coffee shops, clean flavor, widely available
  • Monin Vanilla Syrup — slightly less sweet than Torani, clean pure vanilla flavor
  • DaVinci Gourmet Vanilla Syrup — richer, more dessert-like vanilla note
  • Starbucks Vanilla Syrup — available at Starbucks or grocery stores; closest to Starbucks drinks obviously

Avoid “vanilla flavored syrups” with corn syrup as primary ingredient — they taste one-dimensional. Look for cane sugar-based syrups.

Frequently Asked Questions

What is a vanilla latte made of? Espresso, steamed milk, and vanilla syrup. The syrup is typically a simple sugar syrup flavored with vanilla extract or vanilla bean. Starbucks uses their house vanilla syrup.

What is the difference between a latte and a vanilla latte? A plain latte is espresso + steamed milk with no added flavoring. A vanilla latte adds vanilla syrup, making it sweeter and flavored. The milk-to-espresso ratio and steaming technique are the same.

Is a vanilla latte healthy? A vanilla latte from Starbucks (Grande, 2% milk) has approximately 250 calories and 35g of sugar. Homemade with lower-sugar syrup and your choice of milk can have significantly fewer calories — a skim milk vanilla latte with 1 tablespoon of homemade syrup runs around 130–150 calories.

Do vanilla lattes have coffee in them? Yes — every latte contains espresso. A Tall vanilla latte has 75mg of caffeine (1 shot), a Grande has 150mg (2 shots). If you want a caffeine-free option, use decaf espresso — the vanilla flavor and steamed milk remain identical.

Can I make a vanilla latte without an espresso machine? Yes. Use strong moka pot coffee (see how to use a moka pot) or very strong French press coffee as your espresso substitute. The drink won’t be identical — you lose the crema — but the vanilla + milk + strong coffee combination is still delicious.