Coffee Drink
Vanilla Latte: Recipe, Syrup Amounts and Calories
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.

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
- 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.
- 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.
- 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.
Swipe to see all columnsScroll to see all columns
| Syrup dose | Calories from syrup | Added sugar from syrup |
|---|---|---|
| 5 ml (1 US tsp) | About 17 kcal | 3.8 g |
| 10 ml (2 US tsp): this recipe | About 33 kcal | 7.7 g |
| 15 ml (1 US tbsp) | 50 kcal | 11.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 Syrup vs. Extract, Paste and Vanilla Bean
Swipe to see all columnsScroll to see all columns
| Ingredient | What changes | Practical approach |
|---|---|---|
| Regular vanilla syrup | Flavor and added sugar together | Measure 5–15 ml (1–3 US tsp); use its own label |
| Vanilla extract | Concentrated aroma without syrup's equivalent sweetness | Start with a few drops, stir and taste; sweeten separately |
| Vanilla paste | Concentration and sugar differ by product | Follow the label; do not swap equal spoonfuls |
| Vanilla bean | Infuses aroma into milk | Infuse 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.
| Drink | Useful distinction |
|---|---|
| Plain latte | Same espresso-and-milk family, with no vanilla syrup required |
| Caramel latte | Caramel flavor replaces vanilla as the main addition |
| Caramel macchiato | Familiar Starbucks-style build uses vanilla milk, espresso added afterward and caramel drizzle |
| Cappuccino | More pronounced foam; not defined by vanilla |
| Lavender latte | A measured culinary lavender syrup supplies floral flavor |
| Biscoff cookie butter latte | Biscuit spread is dissolved into the coffee; it needs a different recipe from syrup |
| Vanilla coffee | Can 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
| Problem | First adjustment |
|---|---|
| Too sweet | Reduce the same syrup by 5 ml (1 US tsp) |
| Coffee is hard to taste | Reduce milk or syrup, one at a time |
| Sweetness collects at the bottom | Mix syrup with espresso before adding milk; stir |
| Large, dry bubbles | Add less air and swirl the pitcher |
| Cooked milk flavor | Use a thermometer and avoid overheating |
| Plant drink separates | Try 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.
Swipe to see all columnsScroll to see all columns
| Ingredient | Declared portion | Estimated contribution |
|---|---|---|
| Whole milk | 180 ml (6.1 US fl oz) before steaming | About 113 kcal; 9.4 g natural sugar |
| Monin US Vanilla Syrup | 10 ml (2 US tsp) | About 33 kcal; 7.7 g added sugar |
| Generic espresso | 36 g | About 3 kcal; 0 g sugar in the reference |
| Recipe total | One intended serving | About 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?
Can I use vanilla extract instead of syrup?
How many pumps of vanilla syrup should I use?
Is a sugar-free vanilla latte completely sugar-free?
Is this the same as a Starbucks vanilla latte?
Editor's Take
Sources and Further Reading
6 references
External links open in a new tab
Preparation and ingredients
- Starbucks at HomeVanilla latte assemblySyrup, espresso and warmed milk; our measured home quantities are an adaptation.(opens in a new tab)
- BrevilleLatte milk techniqueFine microfoam, integrated pouring and a 60–65°C (140–149°F) milk target.(opens in a new tab)
- FDA / eCFRVanilla extract definitionUS standard requires at least 35% alcohol by volume; extract differs from syrup.(opens in a new tab)
Nutrition references
- MoninVanilla Syrup: US 750 ml bottlePer 30 ml: 100 kcal, 23 g total sugar and 23 g added sugar.(opens in a new tab)
- USDA SR28 original tablesWhole milk, NDB 0107761 kcal and 5.05 g sugar per 100 g; volume portion supports the 180 ml milk estimate.(opens in a new tab)
- USDA SR28 original tablesPrepared espresso, NDB 14210Generic prepared-espresso composition: 212 mg caffeine and 9 kcal per 100 g.(opens in a new tab)