Coffee Drink
Caramel Latte: Recipe, Sauce vs. Syrup and Calories
A caramel latte is espresso and milk with caramel mixed through the drink, giving an even cooked-sugar flavor beneath a thin foam cap. Choose sauce for a spoonable flavoring or syrup for a liquid one, then measure the product you use.
Drink Snapshot
- Caffeine
- ~75 mg referenceGeneric USDA espresso, 36 gCoffee, dose and extraction change the caffeine estimate.
- Calories
- 145 kcalEstimated defined whole-milk recipeEstimate with Smucker’s spoonable caramel topping. Counts all 180 ml (6.1 US fl oz) intended milk; no extra drizzle.
Serving, sugar and sources
- Serving
- 1 latte: 36 g espresso, 180 ml (6.1 US fl oz) cold whole milk and 10 g (0.35 oz) caramel sauce
- Made with
- Espresso, whole milk and caramel sauce
- Sugar
- 15 g total. Estimated total includes 5 g added sugar from the topping; milk contributes natural sugar.
- Preparation
- About 5 minutes with equipment ready
Nutrition uses the named topping label and USDA records; milk volume is converted using its USDA portion weight. See the full calculation or label comparison.
Key Takeaways
- 1Mix caramel through the latte when you want an even cooked-sugar flavor from first sip to last.
- 2Choose caramel macchiato for vanilla-flavored milk with caramel on top; this latte keeps caramel at the center.
- 3Measure sauce by weight and syrup by volume; equal numbers are not sweetness-equivalent portions.
On This Page9 Sections
Flavor and Tasting Notes
A caramel latte is creamy and sweet, with cooked-sugar flavor running through the coffee beneath a thin foam cap. The espresso gives that sweetness a roasted counterpoint. Sauce adds a thicker ingredient than syrup, though the finished balance still comes down to the product and how much you use.
I usually stop at the mixed-in caramel because a second layer of drizzle adds more sweetness than I want.
Caramel Latte Recipe
Recipe
Measured Caramel 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 g (0.35 oz) caramel sauce; no extra drizzle
Equipment
- Espresso machine and grinder
- Scale, measuring jug and spoon
- Milk pitcher and thermometer, or small pan and handheld frother
- 280 ml (9.5 US fl oz) heatproof cup
- Espresso basket suited to 18 g and tamper
- Small heatproof pouring cup for the espresso
Method
- Mix. Put 10 g (0.35 oz) caramel sauce in the warmed cup. Brew 18 g ground coffee to 36 g espresso and stir it thoroughly into the sauce.
- Texture. Steam 180 ml (6.1 US fl oz) cold whole milk to 60–65°C (140–149°F), introducing a little air for fine microfoam. If the portion is too small for your wand, warm it in a small pan and froth briefly.
- Pour. Swirl the milk, pour the whole measured portion into the caramel coffee and stir gently.
Estimated nutrition: 145 kcal; 15 g total sugar. Per latte, using whole milk and Smucker’s Caramel Flavored Spoonable Topping.
Recipe notes
Milk is measured cold. Extra pitcher fill is separate; leave headroom.
Caffeine estimate: 75 mg from the espresso.
Use a soft sauce that disperses in hot coffee, such as the Smucker’s Caramel Flavored Spoonable Topping used for the nutrition estimate. A hard-shell topping is unsuitable.
The espresso brewing guide covers the coffee preparation. Without an espresso machine, mix 40 ml (1.4 US fl oz) prepared moka-pot coffee with 10 g (0.35 oz) caramel sauce. Gently heat 180 ml (6.1 US fl oz) whole milk, froth briefly and pour it into the caramel coffee.
Breville’s latte guide covers fine foam and the milk-temperature range.
Caramel Sauce vs. Syrup
For a vanilla-and-toffee variation, see caramel brûlée latte. Its defined home recipe uses crème brûlée syrup; the name does not mean you should torch a finished latte.
Choose an amount in the units on your product's label. This recipe weighs sauce because a thick spoonful is difficult to judge. A pourable syrup can be measured by volume.
Swipe to see all columnsScroll to see all columns
| Choice | Home starting amount | What to check |
|---|---|---|
| Caramel sauce or spoonable topping | 10 g (0.35 oz) by weight | Ingredients, dairy and nutrition per gram |
| Caramel syrup | Try 5 ml (1 US tsp), then adjust | Label portion and your dispenser's volume |
| Sugar-free caramel flavoring | Follow that product's directions | Sweeteners and actual nutrition; not a direct sauce substitute |
These are starting points, not sweetness-equivalent portions. In particular, 10 g (0.35 oz) sauce is not 10 ml (2 US tsp) syrup. A pump's capacity also varies.
A Label Comparison: Equal Numbers Are Not Equal Portions
Compare sauce and syrup labels
The named Smucker’s topping lists 120 kcal and 22 g total sugar per 41 g. Monin US Caramel Syrup, 750 ml bottle, lists 100 kcal and 24 g total sugar per 30 ml.
Swipe to see all columnsScroll to see all columns
| Measured flavoring | Estimated calories from flavoring | Estimated total sugar from flavoring |
|---|---|---|
| Smucker’s topping, 10 g | 29 kcal | 5.4 g |
| Monin syrup, 5 ml | 17 kcal | 4 g |
| Monin syrup, 10 ml | 33 kcal | 8 g |
This comparison explains why a substitution changes the calculation. The named topping contains milk; changing only the latte's milk would not make that version dairy-free.
Caramel Latte vs. Caramel Macchiato
Swipe to see all columnsScroll to see all columns
| Question | This caramel latte | Familiar Starbucks-style caramel macchiato |
|---|---|---|
| Flavoring | Caramel mixed into espresso | Vanilla syrup in the milk, plus caramel drizzle |
| Assembly | Caramel and coffee first, then milk; stir | Milk first, then espresso and topping |
| Appearance | Evenly mixed coffee beneath thin foam | Espresso marks the milk; visible separation can vary |
| Caffeine | Depends on the espresso actually used | Also depends on the espresso portion |
The Starbucks at Home example supports that particular comparison. The caramel macchiato guide covers its assembly.
An espresso macchiato is a small espresso with a little milk or foam. A latte macchiato is milk marked with espresso and does not require caramel. Ask about size and ingredients when ordering.
Adjusting Your Caramel Latte
| Problem | First adjustment |
|---|---|
| Sauce remains at the bottom | Stir it into hot espresso before adding milk |
| Too sweet | Try 5 g (0.18 oz) of the same sauce, keeping coffee and milk fixed |
| Caramel is faint | Try 15 g (0.53 oz) of the same sauce; check that extra sweetness is welcome |
| Coffee disappears | Reduce milk to 150 ml (5.1 US fl oz) before changing the coffee dose |
| Large dry foam | Add less air and swirl before pouring |
| A bitter finish | Check the espresso separately; adding more sauce may only mask it |
Drizzle, Iced and Plant-Milk Versions
For the decorative drizzle shown in the hero, reserve 1 g from the 10 g (0.35 oz) sauce total and mix the other 9 g (0.32 oz) into the espresso. Count any additional drizzle in the total.
For an iced version, dissolve 10 g (0.35 oz) sauce in the same 36 g hot espresso, then add 150 ml (5.1 US fl oz) cold milk and 100 g (3.5 oz) ice in a heatproof glass of at least 350 ml (11.8 US fl oz). Stir. This uses less milk than the hot recipe, so its milk calories and sugar are lower. The iced latte guide explains dilution and assembly.
For a dairy-free version, use 180 ml (6.1 US fl oz) plant drink and a dairy-free caramel sauce, keeping the sauce portion at 10 g (0.35 oz). Follow the plant drink's heating instructions and use both labels for nutrition. The named Smucker’s calculation example contains milk. “Sugar-free caramel” does not remove the natural sugar in dairy milk.
Caramel Latte Calories, Sugar and Caffeine
Estimated nutrition: 145 kcal and 15 g total sugar for one hot latte with the named topping and whole milk, including 5 g added sugar.
Swipe to see all columnsScroll to see all columns
| Ingredient | Intended portion | Estimated contribution |
|---|---|---|
| Whole milk | 180 ml (6.1 US fl oz) before steaming | 113 kcal; 9.4 g sugar |
| Smucker’s Caramel Flavored Spoonable Topping | 10 g (0.35 oz) | 29 kcal; 5.4 g total sugar |
| Generic espresso | 36 g | 3 kcal; 0 g sugar in the reference |
| Recipe total | One hot latte | 145 kcal; 15 g total sugar |
Caffeine is about 75 mg using a generic espresso reference. Beans, dose and extraction change the actual amount. Milk and ordinary caramel do not remove caffeine; decaf can lower it but is not necessarily caffeine-free.
Serving calculation and sources
USDA milk provides 61 kcal and 5.05 g sugar per 100 g. Its volume portion converts 180 ml to approximately 186 g. Sauce contributes 120 × 10 ÷ 41 = 29.3 kcal and 22 × 10 ÷ 41 = 5.4 g total sugar. The calculated energy total is 145.7 kcal before final rounding for the home estimate. The label's added-sugar portion gives 5.1 g per 10 g topping.
USDA espresso lists 212 mg per 100 g; 36 g gives 76.3 mg, rounded here to 75 mg.
For a café order, check the listed size, shot count, milk and toppings.
Common Questions
Does a caramel latte need vanilla syrup?
Can I use caramel syrup instead of sauce?
Is a caramel latte stronger than a caramel macchiato?
Is caramel latte vegan?
Can I make it iced?
Editor's Take
Sources and Further Reading
6 references
External links open in a new tab
Preparation and comparisons
Nutrition references
- Caramel Flavored Spoonable ToppingSmucker’s · US 12.25 oz jar: 120 kcal, 22 g total sugar and 21 g added sugar per 41 g.(opens in a new tab)
- Caramel Syrup: US 750 ml bottleMonin · Per 30 ml: 100 kcal and 24 g total/added sugar; a separate syrup example.(opens in a new tab)
- Whole milk, NDB 01077PDFUSDA SR28 original tables · 61 kcal and 5.05 g sugar per 100 g; volume portion supports the 180 ml milk estimate.(opens in a new tab)
- Prepared espresso, NDB 14210PDFUSDA SR28 original tables · Generic 212 mg caffeine and 9 kcal per 100 g.(opens in a new tab)