Viral Whole Foods Brown Butter Cookie Latte Recipe for Home Brewing

This Whole Foods Brown Butter Cookie Latte is an easy, delicious dupe of the viral store drink. Creamy, nutty, and full of rich coffee flavor, this iced latte is perfect for warm days. Below you’ll find what you need and step-by-step instructions to make it at home with consistent results.

If you like copycat lattes, try homemade brown sugar syrup, a honey oatmilk latte, or a sugar cookie syrup to expand your at-home coffee menu.

Jump to Recipe
Whole Foods Brown Butter Cookie Latte Recipe

This is the best Whole Foods brown butter latte recipe!

This iced latte arrives just in time for warmer weather. It’s refreshingly creamy and combines cookie-butter notes with espresso for a balanced, indulgent drink. Making it at home lets you control sweetness, milk choice, and strength—so you get a perfect cup every time.

The recipe is simple and benefits greatly from high-quality ingredients, especially your coffee. With only a few components, each one matters for the final flavor.

Why make this recipe?

  • Uses simple, easy-to-find ingredients.
  • Saves money compared to buying at the store.
  • Easy to customize to your taste—adjust syrups, milk, and espresso strength.
Ingredients on the counter

Ingredients for this brown butter cookie latte recipe

Scroll to the recipe card for exact measurements. Key ingredients:

  • 1883 Pumpkin Pie syrup
  • 1883 Caramel syrup
  • Whole milk (or milk of choice)
  • Freshly brewed espresso shots — use high-quality beans for best results

How to make the viral brown butter cookie latte

Quick overview — full recipe card below:

  1. Brew fresh espresso shots.
  2. Add the pumpkin and caramel syrups to your serving glass, then pour in your milk.
  3. Add ice, then pour the espresso over the top and stir to combine.
Syrup in a glass
espresso and ice in a glass
Hand pouring milk into a glass

Frequently Asked Questions – FAQ

Why not use brown butter syrup?

To mirror the version served at Whole Foods, this recipe combines 1883 pumpkin pie syrup and 1883 caramel syrup. This blend recreates the brown-butter-cookie profile without a separate brown butter syrup.

What milk can I use?

Use any milk you prefer. Whole or 2% milk gives a rich texture. For dairy-free options, try coconut, extra creamy oat milk, cashew, or almond milk for different flavor profiles.

Can I increase the protein?

Yes. Using higher-protein milk like Fairlife protein milk boosts protein per cup and adds a creamier texture without changing the flavor much.

What coffee is best for this iced latte?

Whole Foods uses Allegro coffee, which pairs well with this flavor profile. Use any high-quality espresso or dark-roast coffee that you enjoy for the best homemade latte.

straight on shot of brown butter cookie latte drink

Whole Foods Brown Butter Cookie Latte Recipe

Whole Foods Brown Butter Cookie Latte Recipe
5 from 2 votes

Whole Foods Brown Butter Cookie Latte Recipe

A simple and delicious copycat of the popular Whole Foods seasonal drink you can make at home.
Prep: 5
Total: 5
Servings: 1 serving

Ingredients

  • 2 shots freshly brewed espresso
  • 1 tablespoon 1883 Caramel syrup adjust to taste
  • 1/2 tablespoon 1883 Pumpkin pie syrup adjust to taste
  • 1 cup whole milk or milk of choice
  • ice cubes

Instructions

  • Add both syrups to your serving glass, then pour in the freshly brewed espresso shots.
  • Top with ice cubes and milk. Stir well and enjoy.

Nutrition

Calories: 196
|
Carbohydrates: 42 g
|
Protein: 8 g

Nutrition information is an approximation.



Like this? Leave a comment below!

If you enjoyed this Whole Foods brown butter cookie latte recipe make sure to pin it for later!

Whole Foods Brown butter Latte Recipe
Whole Foods Brown butter Latte Recipe
Whole Foods Brown butter Latte Recipe