Salted Brown-Butter Latte

Browning the butter is the only step that matters here — five minutes on the stove turns plain butter into something toasty and nutty, and simmering it with brown sugar is what turns that into a syrup that stays emulsified in coffee instead of floating as an oily slick. The pinch of salt at the end isn't a garnish; it rounds the sweetness and pulls the whole drink toward savory. Pair it with our Cardamom Latte for a two-drink fall coffee lineup — no pumpkin spice in sight.

Salted Brown-Butter Latte — finished dish

Snacks · Vegetarian, Make-Ahead • 13 min

Nutrition (per serving)240Calories·12gFat·24gCarbs·8gProtein
Calories240
Total Fat12 g
Saturated Fat7 g
Total Carbohydrate24 g
Dietary Fiber0 g
Sugars23 g
Protein8 g
Sodium190 mg

Per serving. Values are approximate and calculated from USDA FoodData Central.

Servings:
1 servings

Ingredients

  • For the brown-butter syrup (makes about 10 servings):
  • ½ cup (1 stick) unsalted butter, cut into pieces
  • ½ cup (100g) packed light brown sugar
  • ¼ cup water
  • ½ teaspoon vanilla extract
  • ¼ teaspoon flaky sea salt
  • For one latte:
  • 2 tablespoons brown-butter syrup (above)
  • 2 shots espresso (about 2 ounces), or 4–6 ounces strong brewed coffee
  • ¾ cup whole milk, steamed
  • Pinch flaky sea salt, for finishing

Steps

  1. Make the brown-butter syrup: Cut the butter into pieces and melt in a 2-quart saucepan over medium heat. Cook, swirling the pan often, until the butter foams, then the foam subsides and the milk solids turn deep amber with a nutty, toffee-like aroma, 4–6 minutes. Watch closely — it goes from amber to burnt in seconds, so pull the pan off the heat the moment it smells nutty and the solids are golden-brown.
  2. Immediately whisk in the brown sugar and water — the mixture will bubble and seize briefly, then loosen. Return to medium-low heat and simmer, whisking, until the sugar is fully dissolved and the syrup is glossy and slightly thickened, 2–3 minutes. Remove from the heat and stir in the vanilla and the ¼ teaspoon flaky salt. Simmering the sugar-and-water base is what keeps the browned butter emulsified: it suspends the butterfat and browned milk solids so the syrup won't separate into an oily slick when it hits hot milk.
  3. Cool the syrup slightly, then pour into a small jar. You'll use 2 tablespoons per latte; the rest keeps for up to 2 weeks in the refrigerator.
  4. Build the latte: Pull 2 shots of espresso (about 2 ounces) into a warmed mug, or brew 4–6 ounces of strong coffee.
  5. Steam the milk: Heat the milk in a 1-quart saucepan over medium heat until just steaming and small bubbles appear at the edges, about 150°F — do not let it boil. Whisk or froth until foamy.
  6. Add 2 tablespoons of the brown-butter syrup to the espresso and stir to dissolve. Pour in the steamed milk, spooning a little foam on top.
  7. Finish with a pinch of flaky sea salt over the foam and serve immediately.

Tips & Variations

Make Ahead

The brown-butter syrup is the make-ahead hero: cool it completely, pour into a lidded jar, and refrigerate for up to 2 weeks. It thickens when cold, so give it a good shake (or warm it briefly) before using. Brew the espresso and steam the milk just before serving.

Storage

Assembled lattes don't keep — the foam collapses and the drink separates as it sits. The syrup is the thing to store: refrigerate it in an airtight jar for up to 2 weeks. If it separates after chilling (the butterfat can rise), whisk it back together over low heat or shake well before using.

Substitutions

Oat milk is the viral pairing and steams beautifully — use a barista blend for the best foam. For a dairy-free syrup, swap the butter for an equal amount of vegan butter, which browns the same way. No espresso machine? A moka pot makes the closest substitute (use 2–3 tablespoons of strong moka coffee), or use 4–6 ounces of strong French-press or drip coffee. For a boozy grown-up version, stir 1 tablespoon of bourbon or dark rum in with the syrup. Add 1 teaspoon of cocoa powder to the syrup for a brown-butter mocha.

Nutrition

Per serving: 1 latte

240Calories
12gFat
7gSat Fat
35mgCholesterol
190mgSodium
24gCarbs
0gFiber
23gSugars
8gProtein

Reviews

Reviews coming soon! In the meantime, let us know what you think of this recipe.