If you have been around here for a while, you know my brown butter chocolate chip cookies are kind of my thing. They were literally my very first video EVER, and I have made them more times than I can count. So when I was planning my butter themed home café in August, I knew I had to turn them into a latte.
Over 6 pounds of butter went into that café (and not a single tablespoon went to waste), but this Brown Butter Chocolate Chip Cookie Latte was the drink everyone kept coming back for. The secret is a homemade brown butter cookie syrup made with brown sugar, a touch of cocoa, and vanilla. It tastes EXACTLY like a warm chocolate chip cookie fresh out of the oven, just in a cup.
The best part? The syrup takes about 15 minutes and makes enough for a whole week of lattes. Make it hot on a cozy morning or iced when you need a little pick me up. Either way, it is a coffee shop drink you can make in your pajamas for a fraction of the price.
P.S. Do NOT skip browning the butter. Those toasty little brown bits are where all of the cookie flavor comes from!
Ingredients Needed
- Unsalted Butter: This is the star of the show. Browning the butter toasts the milk solids and gives the syrup that nutty, caramel-y, fresh baked cookie flavor. Use unsalted so you can control the flavor, and make sure you scrape every brown bit into the syrup.
- Light Brown Sugar: Brown sugar brings that molasses, butterscotch flavor you get in a chewy chocolate chip cookie. Pack it into your measuring cup for the right amount.
- Granulated Sugar: A little white sugar balances the brown sugar and keeps the syrup sweet and smooth without tasting too heavy.
- Unsweetened Cocoa Powder: Just one tablespoon gives the syrup that hint of chocolate chip flavor without turning it into a mocha. Whisk it well so there are no lumps.
- Water: Water turns everything into a pourable syrup. It will look thin while it is hot, but it thickens up as it cools.
- Vanilla Extract: A full tablespoon of vanilla is what makes this taste like cookie dough. Always stir it in off the heat so the flavor stays bright.
- Espresso: One to two shots of espresso, or about 1/2 cup of strong brewed coffee, gives you that classic latte base.
- Milk: Use whatever milk you love! Whole milk makes the creamiest latte, and oat milk froths beautifully too.
Substitutions and Modifications
- Dairy free: Use a high fat vegan butter and your favorite non-dairy milk. It may separate a little more, so just shake before pouring.
- No espresso machine: Strong brewed coffee, cold brew concentrate, French press coffee, or instant espresso powder mixed with a little hot water all work great.
- Make it a mocha: Add an extra tablespoon of cocoa powder to the syrup for a richer, double chocolate cookie latte.
- Salty sweet: Add a small pinch of flaky sea salt to the syrup, just like the salt on top of a fresh baked cookie.
- Make it extra: Top with whipped cream, a drizzle of syrup, and mini chocolate chips or a crumbled cookie.
- Decaf: Use decaf espresso if you want all of the cookie vibes later in the day.
Why You’ll Love This Recipe
- It tastes EXACTLY like a warm brown butter chocolate chip cookie, just in latte form!
- The syrup takes about 15 minutes and makes enough for a whole week of lattes.
- It works hot or iced, so you can make it all year long.
- It is way cheaper (and honestly better) than anything you can get at a coffee shop.
Equipment Needed
- Light Colored Saucepan: A light pan lets you actually see the butter turning golden so you do not burn it.
- Whisk: Keeps the sugars and cocoa smooth with no lumps.
- Glass Jar or Syrup Bottle: For storing your syrup in the fridge.
- Espresso Machine or Coffee Maker: To brew your latte base.
- Milk Frother: For that fluffy, coffee shop style foam.
- Mug or Tall Glass: To serve it hot or iced.
Brown Butter Chocolate Chip Cookie Latte (Hot or Iced)
Ingredients
For the Brown Butter Cookie Syrup:
- ¼ cup unsalted butter
- ½ cup light brown sugar packed
- ½ cup granulated sugar
- 1 tablespoon unsweetened cocoa powder
- 1 cup water
- 1 tablespoon vanilla extract
For Each Latte:
- 2 tablespoons brown butter cookie syrup more or less to taste
- 1 to 2 shots espresso or 1/2 cup strong brewed coffee
- ¾ to 1 cup milk of choice
- Ice if making it iced
Instructions
- Start by browning your butter, because this is where all the flavor lives. Add 1/4 cup unsalted butter to a small saucepan over medium heat and let it melt completely.
- Keep cooking, swirling the pan often, for about 4 to 5 minutes. The butter will foam up, then quiet down, and you will start to see little golden brown specks forming on the bottom of the pan. When it smells nutty and toasty, you are there! Do not walk away, it goes from perfect to burnt fast.
- Add 1/2 cup packed light brown sugar, 1/2 cup granulated sugar, 1 tablespoon cocoa powder, and 1 cup water right into the pan. Whisk it all together until the sugars are dissolved and the cocoa is smooth with no lumps.
- Bring the mixture to a gentle simmer and let it bubble away for 5 to 10 minutes, stirring occasionally. It will look thin, and that is exactly right, it thickens up as it cools.
- Take the pan off the heat and stir in 1 tablespoon of vanilla extract. Give it a good whisk and take a second to smell it, because WOW.
- Set the syrup aside and let it cool completely, then pour it into a jar or airtight container.
- Now build your latte! For a hot one, add 2 tablespoons of syrup to your mug, pour in 1 to 2 shots of espresso, and stir until combined. Top with steamed, frothed milk.
- For an iced one, add 2 tablespoons of syrup to a glass, stir in your espresso, then fill it up with ice and pour cold milk over the top.
- Give it a stir, taste, and add a little more syrup if you want it sweeter. That is it, you just made the BEST EVER cookie latte at home!
Storage Instructions
- Counter: Because this syrup is made with butter, keep it in the fridge. It is fine to leave out for up to 2 hours while you are making lattes, then pop it back in the fridge.
- Fridge: Store the cooled syrup in a sealed jar in the fridge for up to 3 weeks. The butter will firm up and it may separate a little, so just give it a good shake or let it sit at room temp for a few minutes before using.
- Freezer: Pour the syrup into an ice cube tray and freeze for up to 3 months. Pop out a cube or two straight into hot espresso whenever a craving hits!
Tips and Tricks
- Use a light colored saucepan so you can actually see the butter turning golden. In a dark pan it is really easy to take it too far.
- Do not rush the browning. Those toasty brown bits at the bottom of the pan are pure cookie flavor, so whisk them right into the syrup.
- Always add the vanilla off the heat. Simmering it away dulls the flavor, and you want that vanilla to stay bright and cookie-like.
- For iced lattes, stir the syrup into the hot espresso first, then add ice and cold milk. This keeps little bits of butter from firming up in your glass.
- Shake the jar before every pour. A little separation is completely normal with a butter based syrup and it comes right back together.
Frequently Asked Questions
Does this really have butter in it?
It sure does, and I promise it is not weird! The browned butter is what gives the syrup that nutty, toasty, straight out of the oven cookie flavor. It blends right into the coffee and just tastes rich and delicious.
How much syrup should I use per latte?
I usually go with 2 tablespoons, but this is totally your call. Start with 1 tablespoon if you like things less sweet and add more until it tastes perfect to you.
Can I make this without an espresso machine?
Absolutely! Strong brewed coffee, cold brew concentrate, French press coffee, or instant espresso powder mixed with a little hot water all work great. Use whatever you already have at home.
Why is my syrup separating in the fridge?
That is completely normal for a butter based syrup. The butter solidifies when it gets cold, so just shake the jar well or let it sit out for a few minutes and it will come right back together.
Can I make it iced?
Yes, and honestly it might be my favorite way to drink it. Stir the syrup into your espresso first so it dissolves fully, then add ice and cold milk. So refreshing and it still tastes exactly like a cookie.
What milk works best?
Whole milk gives you the creamiest, most indulgent latte, but oat milk is a close second and froths beautifully. Almond, coconut, and 2 percent all work too, so use whatever you love.
Do you LOVE Making Lattes at Home?! Check out MORE of my Favs:
Homemade Pistachio Latte with Real Pistachio Syrup (Hot or Iced)
Brown Butter Maple Cinnamon Latte (with Homemade Maple-Cinnamon Syrup)
Let’s Stay in Touch!
If you make this Brown Butter Chocolate Chip Cookie Latte, I NEED to see it! Snap a photo of that gorgeous cup and tag me @munchiesbymallory on Instagram and TikTok. Seeing your creations is genuinely the best part of my day. Now go brown some butter and treat yourself to the coziest latte of your life!
Leave a Reply