Coffee Drink

Vanilla Latte: Recipe, Syrup Amounts and Calories

By Mara EllisonReviewed by Online Coffee Guide editorial teamPublished Updated 7 min read

A vanilla latte is espresso, steamed milk and vanilla syrup, finished with a thin layer of fine foam. The syrup adds both aroma and sugar. This home version uses 36 g brewed espresso, 180 ml (6.1 US fl oz) cold milk and 10 ml (2 US tsp) syrup, with measured options for a less-sweet cup.

Latte with fine white foam art in a ceramic cup beside a vanilla pod
Open full size

Drink Snapshot

Caffeine
~75 mg referenceGeneric USDA espresso, 36 gNot measured in this recipe.
Calories
About 150 kcalDefined whole-milk recipeIngredient estimate using Monin US Vanilla Syrup. Counts all 180 ml (6.1 US fl oz) intended milk; no extra toppings.
Serving, sugar and sources
Serving
1 latte: 36 g espresso, 180 ml (6.1 US fl oz) cold whole milk and 10 ml (2 US tsp) vanilla syrup
Made with
Espresso, whole milk and vanilla syrup
Sugar
About 17 g total. Includes about 7.7 g added sugar from the syrup; milk also contributes natural sugar.
Preparation
About 5 minutes with equipment ready

Milk volume is converted using its USDA portion weight. Nutrition uses the stated ingredient portions and labels. See the full calculation or label comparison.

Key Takeaways

  • 1Stir 10 ml (2 US tsp) vanilla syrup into the espresso before adding milk. Start at 5 ml (1 US tsp) if you prefer less sweetness.
  • 2Changing syrup changes sugar, not the espresso dose. Keep coffee and milk fixed to compare 5, 10 and 15 ml (1 US tbsp) fairly.
  • 3Vanilla extract is concentrated flavoring, not a spoon-for-spoon syrup substitute. Check its label and add sweetness separately.
On This Page16 Sections

Vanilla Latte Ingredients and Structure

Starbucks at Home's vanilla latte also combines syrup, espresso and warmed milk. The measured quantities below are this guide’s home starting point.

Easy Vanilla Latte Recipe

Cup: 280 ml (9.5 US fl oz), with headroom.

Recipe

Measured Vanilla Latte

Makes:
1 latte in a 280 ml (9.5 US fl oz) cup
Time:
About 5 minutes; equipment ready

Ingredients

  • 18 g coffee beans, ground for espresso; aim for 36 g brewed
  • 180 ml (6.1 US fl oz) cold whole milk, intended for the drink
  • 10 ml (2 US tsp) regular vanilla syrup

Equipment

  • Espresso machine, grinder, scale, pitcher, measuring spoon, thermometer and 280 ml (9.5 US fl oz) cup

Method

  1. Mix. Add 10 ml (2 US tsp) vanilla syrup to a 280 ml (9.5 US fl oz) heatproof cup. Brew 18 g ground coffee to 36 g espresso and stir it into the syrup.
  2. Steam. Measure 180 ml (6.1 US fl oz) cold whole milk. Steam to 60–65°C (140–149°F), adding little air for fine, glossy microfoam.
  3. Pour. Wipe and purge the wand. Swirl the milk, pour into the coffee and stir gently. Leave headroom; do not add extra pitcher milk.

Estimated nutrition per serving: 150 calories; total sugar 17 g. Serving: 36 g espresso, 180 ml (6.1 US fl oz) whole milk and 10 ml (2 US tsp) Monin Vanilla Syrup.

Recipe notes

Milk is measured cold. Serve the stated milk portion and leave headroom.

Use Monin US Vanilla Syrup for the stated ingredient estimates.

Use a steam wand and a heatproof cup.

Prepare the coffee using the espresso brewing guide, then stir it into the measured syrup.

Milk is measured before steaming, and the calculation counts the entire intended 180 ml (6.1 US fl oz) portion. Extra milk required to meet a pitcher's minimum working level is preparation stock, not part of this serving. Weigh brewed espresso; crema makes its visible volume unreliable.

How Much Vanilla Syrup Should You Use?

Start with 10 ml (2 US tsp). Try 5 ml (1 US tsp) for less sweetness or 15 ml (1 US tbsp) for more. A pump is not a universal unit: check your dispenser rather than borrowing a chain's pump count.

This comparison uses Monin US Vanilla Syrup, 750 ml (25.4 US fl oz) bottle. Its label declares 100 kcal and 23 g added sugar per 30 ml (2 US tbsp). These are calculated syrup contributions, not whole-drink totals.

How Much Vanilla Syrup Should You Use?Scrollable table
How Much Vanilla Syrup Should You Use?
Syrup doseCalories from syrupAdded sugar from syrup
5 ml (1 US tsp)About 17 kcal3.8 g
10 ml (2 US tsp): this recipeAbout 33 kcal7.7 g
15 ml (1 US tbsp)50 kcal11.5 g

Halving 10 ml (2 US tsp) to 5 ml (1 US tsp) removes about 17 kcal and 3.8 g added sugar; it does not halve the latte's total calories because the milk stays the same. Different syrups need their own label calculation.

Vanilla latte recipe with 36 g espresso, 180 ml cold milk and 10 ml syrup, plus a 5, 10 and 15 ml syrup calorie and added-sugar comparison
Open full size
Estimated sugar and calories from measured vanilla syrup portions.

Vanilla Syrup vs. Extract, Paste and Vanilla Bean

Vanilla Syrup vs Extract, Paste and Vanilla BeanScrollable table
Vanilla Syrup vs Extract, Paste and Vanilla Bean
IngredientWhat changesPractical approach
Regular vanilla syrupFlavor and added sugar togetherMeasure 5–15 ml (1–3 US tsp); use its own label
Vanilla extractConcentrated aroma without syrup's equivalent sweetnessStart with a few drops, stir and taste; sweeten separately
Vanilla pasteConcentration and sugar differ by productFollow the label; do not swap equal spoonfuls
Vanilla beanInfuses aroma into milkInfuse and remove the pod before frothing; no pod is needed for the syrup recipe

Under the US vanilla extract standard, extract contains at least 35% alcohol by volume. Briefly stirring it into coffee does not establish that all alcohol has evaporated. If that matters to your choice, use a clearly labeled alcohol-free vanilla flavor.

“French vanilla” on a syrup bottle names a flavor style; read the actual ingredients rather than assuming it contains eggs or follows one latte formula.

What Does a Vanilla Latte Taste Like?

I like just enough vanilla for its aroma to soften the impression of the espresso. Too much syrup makes the finish taste mostly sweet to me, so I keep the coffee and milk portions steady and stop while their flavors are still distinct. Chocolate, nuts or caramel may be notes from the espresso itself; they are possibilities, not ingredients you must add. A vanilla latte is usually sweeter than the same milk coffee without syrup.

If vanilla is faint but sweetness is already enough, choose a different flavoring or try a few drops of extract instead of automatically adding more syrup.

Choosing the Espresso and Milk

Use an espresso whose flavor you want to keep in the finished cup. 18 g coffee to 36 g espresso is a starting extraction, not a required setting for every basket or roast. The espresso brewing guide handles grind and flow adjustments.

Whole milk gives this recipe its defined calorie basis. Barista-style oat or soy drinks are alternatives, but sugar, body and heating limits vary by carton. Follow the product's guidance. For dairy milk, Breville's latte method supports 60–65°C (140–149°F) and smooth integrated foam.

How to Make a Vanilla Latte Without an Espresso Machine

Use 40 ml (1.4 US fl oz) prepared moka-pot coffee or another concentrated coffee, then keep the 180 ml (6.1 US fl oz) milk and 10 ml (2 US tsp) syrup. It is a substitute with different extraction and caffeine, not the same measured espresso recipe. For instant coffee, follow the product's concentration instructions; a generic spoonful of powder is not a defined espresso shot.

Warm milk gently in a pan and aerate briefly with a handheld frother or whisk. Stop before it becomes a mound of dry foam. The moka-pot guide explains brewing that alternative.

Vanilla Latte vs. Similar Drinks

An ube latte has a different flavoring base and may be served with or without coffee. Our guide defines an iced espresso version and explains how ube syrup differs from yam paste and extract.

For a cookie-flavored iced variation, see sugar cookie latte, which uses measured flavor syrups and almondmilk. For a richer egg-and-dairy seasonal drink, eggnog latte uses prepared pasteurized eggnog rather than vanilla syrup as its main flavoring.

Vanilla Latte vs Similar Drinks
Vanilla Latte vs Similar Drinks
DrinkUseful distinction
Plain latteSame espresso-and-milk family, with no vanilla syrup required
Caramel latteCaramel flavor replaces vanilla as the main addition
Caramel macchiatoFamiliar Starbucks-style build uses vanilla milk, espresso added afterward and caramel drizzle
CappuccinoMore pronounced foam; not defined by vanilla
Lavender latteA measured culinary lavender syrup supplies floral flavor
Biscoff cookie butter latteBiscuit spread is dissolved into the coffee; it needs a different recipe from syrup
Vanilla coffeeCan mean flavored brewed coffee rather than an espresso latte

Removing vanilla does not automatically change shot count, milk quantity or caffeine.

How to Adjust the Recipe

  • Less sweet: reduce syrup to 5 ml (1 US tsp); keep coffee and milk fixed.
  • More coffee flavor: try 150 ml (5.1 US fl oz) milk, without also increasing syrup.
  • Sugar-free syrup: use its directions and label. Milk still contributes natural sugar.
  • Dairy-free: check both the milk alternative and vanilla product; recalculate from those labels.
  • Decaf: substitute decaffeinated coffee; do not assume zero caffeine.

Vanilla Latte Troubleshooting

Vanilla Latte Troubleshooting
Vanilla Latte Troubleshooting
ProblemFirst adjustment
Too sweetReduce the same syrup by 5 ml (1 US tsp)
Coffee is hard to tasteReduce milk or syrup, one at a time
Sweetness collects at the bottomMix syrup with espresso before adding milk; stir
Large, dry bubblesAdd less air and swirl the pitcher
Cooked milk flavorUse a thermometer and avoid overheating
Plant drink separatesTry a coffee formulation and follow its heating guidance

Can You Make It Iced?

Yes. Mix 10 ml (2 US tsp) syrup with 36 g hot espresso, then add 180 ml (6.1 US fl oz) cold milk and 100 g (3.5 oz) ice in a heatproof 400–450 ml (13.5–15.2 US fl oz) glass. Stir; the ice adds dilution as it melts. These unchanged coffee, milk and syrup portions have the same ingredient-based calorie estimate as the hot version. The iced latte guide covers cold assembly in more detail.

How Much Caffeine Is in a Vanilla Latte?

About 75 mg is a generic reference for this 36 g espresso portion, not a recipe measurement. USDA's espresso record lists 212 mg per 100 g: 36 × 212 ÷ 100 = 76.3 mg, rounded here to about 75 mg.

Ordinary vanilla syrup and milk do not change the amount delivered by the espresso. A café's double shot may use different coffee or extraction, so do not treat “double” as a universal 126 mg serving.

How Many Calories Are in a Vanilla Latte?

About 150 kcal and 17 g total sugar for the defined hot recipe, including about 7.7 g added sugar from Monin Vanilla Syrup.

How Many Calories Are in a Vanilla Latte?Scrollable table
How Many Calories Are in a Vanilla Latte?
IngredientDeclared portionEstimated contribution
Whole milk180 ml (6.1 US fl oz) before steamingAbout 113 kcal; 9.4 g natural sugar
Monin US Vanilla Syrup10 ml (2 US tsp)About 33 kcal; 7.7 g added sugar
Generic espresso36 gAbout 3 kcal; 0 g sugar in the reference
Recipe totalOne intended servingAbout 150 kcal; 17 g total sugar
Serving calculation and sources

USDA whole milk is 61 kcal and 5.05 g sugar per 100 g. Its 30.5 g per US fluid ounce portion converts 180 ml to approximately 186 g. The unrounded energy sum is about 149.8 kcal; rounded ingredient rows may not add to the rounded total.

How Milk and Syrup Change the Calorie Count

Keeping the same milk and espresso, 5, 10 and 15 ml (1, 2 and 3 US tsp) of the named syrup give approximately 135, 150 and 165 kcal per drink. This is the same syrup ladder above with the coffee and milk included.

Use the actual milk and syrup labels for substitutions, and count toppings separately.

Common Questions

Does a vanilla latte contain coffee?
Yes, this recipe uses espresso. Vanilla-flavored milk without coffee is a different drink.
Can I use vanilla extract instead of syrup?
Yes, as a different formulation. Start with a few drops and add sweetness separately; extract is concentrated and may contain alcohol.
How many pumps of vanilla syrup should I use?
Measure 10 ml (2 US tsp) for this recipe, or 5 ml (1 US tsp) for less sweetness. Pump volumes vary, so check your dispenser instead of assuming a pump count.
Is a sugar-free vanilla latte completely sugar-free?
Not necessarily. Ordinary milk contains natural sugar even when the syrup has no sugar. Check both ingredient labels.
Is this the same as a Starbucks vanilla latte?
It uses the same broad ingredients, but our defined espresso, milk and syrup portions are a home example, not a named store size or a copy of its nutrition.

Editor's Take

Sources and Further Reading

6 references

External links open in a new tab