Written by

Lauren Graham

Published

Brown Butter Chocolate Chip Cookies Recipe with Fleur de Sel and Espresso Extract Easy Homemade Treats Youll Make on Repeat

Ready In
Servings 24 cookies
Difficulty

Love this? Save it for later!

Share the inspiration with your friends

One evening, after a long day of testing cookie recipes that all tasted a little “meh,” I finally stumbled upon a game-changer. I was craving something with deep, nutty flavors and a hint of sophistication—something that felt like it belonged in a Parisian patisserie rather than my modest kitchen. That’s when I decided to brown the butter, add a pinch of fleur de sel for that perfect salty crunch, and sneak in a whisper of espresso extract to amp up the chocolate notes.

The moment I pulled these Brown Butter Chocolate Chip Cookies with Fleur de Sel and Espresso Extract out of the oven, I knew I’d hit the jackpot. The edges are crisp but tender inside, the chocolate chips melt in the best way possible, and the subtle salt and espresso make each bite addictive. I’ve made this recipe at least a dozen times since, always with friends popping by unexpectedly because the smell is impossible to ignore.

If you’re someone who loves a classic chocolate chip cookie but wants to elevate it just a bit—without fuss or fancy ingredients—this recipe’s for you. It’s the kind of cookie you’ll bake on repeat, whether for casual weeknight treats or special occasions. And hey, if you’re curious about other indulgent yet approachable recipes, I’ve got a killer thick chocolate chip cookie recipe that’s just as beloved around here.

Why This Recipe Works

This cookie recipe changed my entire perspective on homemade chocolate chip cookies. Here’s why you’ll want to keep baking them again and again:

  • Rich, Nutty Flavor from Brown Butter — Browning the butter brings out nutty, caramel notes that regular melted butter just can’t match. It’s the difference between a cookie that’s good and one that’s unforgettable.
  • Perfect Balance of Sweet and Salty — The sprinkle of fleur de sel on top cuts through the sweetness and adds that irresistible crunch. I’ve had people guess there was sea salt in these cookies without me saying a word.
  • Complex Depth with Espresso Extract — Just a teaspoon of espresso extract boosts the chocolate chips without making the cookies taste like coffee. It’s subtle but essential. I first learned this trick from a fancy bakery and now I’m hooked.
  • Soft Centers, Crispy Edges — Thanks to a careful balance of chilling time and baking temperature, these cookies come out with golden edges and a chewy, almost gooey center. I tested this recipe over a dozen times to get this texture just right.
  • Easy Enough for Weeknights — Despite the gourmet vibe, this recipe uses pantry staples (except for the espresso extract, which you can find online or in specialty stores). It’s straightforward and doesn’t require fancy tools or techniques.

Honestly, this cookie is my go-to when I want something that feels special but doesn’t mean hours in the kitchen. I bet once you try these, you’ll find yourself making them on repeat too.

Ingredients Breakdown

There’s a beautiful simplicity to this recipe, but a few ingredients deserve special attention because they’re what make these cookies truly shine.

For the Base:

  • Unsalted Butter (1 cup / 227g) — The star of the show. Browning the butter develops deep, toasty flavors that take these cookies to another level. Use high-quality butter for best results. I always use Kerrygold or Plugrá when I can find it.
  • Granulated Sugar (½ cup / 100g) — Adds sweetness and helps with spreading. I stick with plain white sugar here for that classic cookie texture.
  • Light Brown Sugar (¾ cup packed / 165g) — Brings moisture and a mild molasses flavor that complements the brown butter’s nuttiness perfectly. Don’t skip it.
  • Large Egg (1) — Binds everything together. Room temperature is best for even mixing. I usually set my eggs out about 30 minutes before baking.
  • Vanilla Extract (1 tsp) — Enhances all the flavors. Always use pure vanilla if you can—makes a noticeable difference.
  • Espresso Extract (1 tsp) — This is the secret weapon. It amplifies the chocolate without overpowering the cookie. If you don’t have it, strong brewed espresso or instant espresso powder works in a pinch (more on that later).

For the Dry Mix:

brown butter chocolate chip cookies preparation steps

  • All-Purpose Flour (2 ¼ cups / 280g) — Provides structure. I tested this with bread flour and it made the cookies chewier but a bit tougher. AP flour gives the best balance.
  • Baking Soda (1 tsp) — Leavens the cookies just enough to keep them tender but not cakey.
  • Salt (½ tsp) — Essential for flavor balance. Since we add fleur de sel on top, this helps season the dough evenly.

Mix-ins and Finishing Touches:

  • Chocolate Chips (1 ½ cups / 270g) — I love a mix of semi-sweet and dark chocolate chips for depth. Use good quality chips like Ghirardelli or Guittard for the best melt and flavor.
  • Fleur de Sel (About 1 tsp, for sprinkling) — The finishing touch. It adds a delicate crunch and that perfect salty pop that keeps you coming back for more. Don’t skip this or use regular table salt as a substitute—it’s just not the same.

If you’re curious about espresso extract or want to experiment with other mix-ins, I recently tried adding chopped toasted pecans for a nutty crunch and it was fantastic. For those who love espresso in desserts, you might appreciate my espresso streusel banana muffins where espresso adds similar depth.

Equipment You’ll Need

You don’t need a patisserie kitchen to make these cookies, just a few basics you probably already own:

  • Heavy-bottomed skillet or saucepan — To brown the butter. A light-colored pan helps you see when the butter reaches the perfect nutty brown stage.
  • Mixing bowls — One for wet, one for dry. I like to keep things tidy.
  • Electric mixer or sturdy whisk — For creaming sugars and eggs. I use a hand mixer, but a stand mixer or vigorous whisking works fine.
  • Measuring cups and spoons — Baking is chemistry, so measuring accurately is key.
  • Baking sheet(s) — My favorite is a heavy, rimmed half-sheet pan. Line it with parchment paper or a silicone mat for easy cleanup.
  • Cooling rack — Because cookies deserve to cool properly before devouring.

If you don’t have espresso extract, you can swap in 1 tsp instant espresso powder mixed into the dry ingredients or 1 tbsp strong brewed espresso in the wet. Just make sure not to add too much liquid.

Step-by-Step Instructions

  1. Brown the Butter (8 minutes)
    Place the butter in a light-colored skillet over medium heat. Stir frequently as it melts, foams, then turns golden brown with nutty aroma and tiny browned bits forming at the bottom. This usually takes around 5-7 minutes. Remove from heat immediately and pour into a heatproof bowl to stop cooking. Let it cool for about 10 minutes—warm, but not hot.
  2. Prep Oven and Baking Sheet (5 minutes)
    Preheat your oven to 350°F (175°C). Line your baking sheet with parchment paper or a silicone baking mat.
  3. Mix Sugars and Brown Butter (3 minutes)
    In a large bowl, whisk together granulated sugar, brown sugar, and the browned butter until smooth and combined. The mixture may look a little grainy but that’s okay.
  4. Add Egg, Vanilla, and Espresso Extract (2 minutes)
    Beat in the egg, vanilla extract, and espresso extract until fully incorporated and slightly fluffy. Your batter will smell rich and inviting.
  5. Combine Dry Ingredients Separately (2 minutes)
    In another bowl, whisk the flour, baking soda, and salt until evenly mixed.
  6. Fold Dry Ingredients Into Wet (3 minutes)
    Gradually add the dry ingredients to the wet, folding gently with a spatula just until no flour streaks remain. Overmixing will make the cookies tough. The dough will be thick and a bit sticky.
  7. Fold in Chocolate Chips (1 minute)
    Add the chocolate chips and fold gently to distribute evenly.
  8. Scoop and Bake (12-15 minutes)
    Use a cookie scoop or tablespoon to drop dough balls 2 inches apart on the prepared sheet. Flatten each slightly with your fingers. Sprinkle each cookie with a pinch of fleur de sel. Bake for 12-15 minutes, until edges are golden but centers still look soft. Don’t overbake—they’ll firm up as they cool.
  9. Cool Completely (15 minutes)
    Let cookies cool on the sheet for 5 minutes before transferring to a wire rack to cool fully. This step is key for that chewy center and crisp edge texture.

From start to finish, you’re looking at about 45 minutes, with less than 20 minutes of active work. If you’re a fan of quick meals, this is almost as satisfying as my one-pot sun-dried tomato orzo—but way sweeter.

Expert Tips & Troubleshooting

After way too many batches, here’s what I learned that’ll save you time and heartbreak:

  • Watch the Butter Closely While Browning — Butter can go from brown to burnt in seconds. Stir constantly and remove it from heat as soon as you smell that nutty aroma and see the golden flecks.
  • Don’t Skip the Fleur de Sel — It’s not optional. That little salty crunch is what makes these cookies stand out. Regular table salt won’t give you the same effect.
  • Chill the Dough if You Can — If you have time, refrigerate the dough for 30 minutes before baking. It helps the cookies hold their shape and deepens the flavors.
  • Use Room Temperature Eggs — Cold eggs can cause the batter to seize or mix unevenly. I usually leave them out while browning butter.
  • Don’t Overbake — The cookies will look slightly underdone in the center when you take them out. They firm up as they cool, giving you that perfect chewy texture.
  • Espresso Extract Alternatives — No extract? Instant espresso powder mixed into your dry ingredients or a tablespoon of fresh strong espresso in the wet mix works well. Avoid too much liquid or the dough will be too soft.

If your cookies spread too thin, your baking soda might be expired or your oven runs hot. Try lowering the temperature by 10 degrees and check your leavening agent. I also recommend rotating your baking sheet halfway through baking for even browning.

Variations & Substitutions

Once you’ve nailed this base recipe, it’s fun to mix things up a little:

  • Nutty Delight — Add ½ cup toasted chopped pecans or walnuts for a satisfying crunch and extra depth. Toasting nuts beforehand brings out their oils and flavor.
  • Double Chocolate — Stir in ¼ cup cocoa powder to the dry mix and swap half the chocolate chips for chunks of your favorite dark chocolate bar.
  • Salted Caramel Twist — Drizzle warm caramel sauce on top of freshly baked cookies and sprinkle with a bit more fleur de sel for an indulgent finish.
  • Dairy-Free Option — Use vegan butter and dairy-free chocolate chips. I haven’t tested this extensively but readers have had good results swapping those.
  • Espresso-Free Version — Simply omit espresso extract and add a pinch more salt to balance sweetness. The cookies will still be delicious, just missing that extra chocolate punch.

For something lighter but still indulgent, try pairing these cookies with a creamy iced coffee like the copycat Starbucks vanilla sweet cream cold foam. It’s the perfect combo.

Serving & Storage

These cookies are best enjoyed fresh but also store well:

  • Serving — Warm them slightly (10 seconds in the microwave) for melty chocolate bliss. I love them with a glass of cold milk or a rich espresso for an afternoon pick-me-up.
  • Room Temperature Storage — Store in an airtight container for up to 4 days. They stay chewy and flavorful, but the fleur de sel crunch is best fresh.
  • Freezing — Freeze baked cookies in a single layer on a sheet tray, then transfer to a freezer-safe bag. Thaw at room temperature or microwave for 15 seconds. Dough balls can also be frozen and baked straight from frozen—add a minute or two to baking time.

Pro tip: If you want to make your weeknight dinners extra cozy after enjoying these cookies, try pairing with a hearty, creamy dinner like creamy white chicken chili for the ultimate comfort food day.

Nutrition Information

Nutrient Per Cookie (based on 24 cookies)
Calories 150
Protein 2g
Total Carbohydrates 20g
Dietary Fiber 1g
Sugars 13g
Total Fat 8g
Saturated Fat 5g
Cholesterol 20mg
Sodium 85mg

This is definitely a treat, but with the richness from brown butter and the depth from espresso and fleur de sel, a little goes a long way. If you’re counting macros, keep in mind these cookies are richer than your average chocolate chip cookie but balanced by the flavor complexity.

Final Thoughts

So there you have it—my beloved patisserie-style Brown Butter Chocolate Chip Cookies with Fleur de Sel and Espresso Extract. I know I’ve gone on about them, but these cookies really are special. They’re the perfect mix of simple ingredients transformed by a few smart tricks into something that feels fancy and indulgent.

This recipe has become my go-to for everything from quick weeknight treats to impressing guests without stress. Plus, the espresso extract and fleur de sel make them stand out from every other chocolate chip cookie you’ve tried. And if you ever want a cookie with a slightly different vibe, check out the viral Crumbl-style thick chocolate chip cookies that I swear by for crowd-pleasers.

Try this recipe, tweak it to your taste, and tell me how you like it. I’m always here to chat cookies, baking fails, and flavor hacks. Happy baking!

FAQs

Can I use regular salt instead of fleur de sel?
Nope, fleur de sel is special here. It’s flaky and delicate, giving a satisfying crunch and subtle salt burst. Table salt will dissolve and won’t give you that texture or the same flavor impact.
What if I don’t have espresso extract? Can I skip it?
You can substitute 1 tsp instant espresso powder mixed with the dry ingredients or 1 tbsp strong brewed espresso added to the wet mix. If you skip it altogether, the cookies will still be delicious—just less complex. The espresso enhances the chocolate flavor without making the cookies taste like coffee.
Why did my cookies spread too much?
This usually happens if the butter was too warm when mixed or if your dough wasn’t chilled at all. Try chilling the dough for 30 minutes before baking. Also, make sure your baking soda is fresh and your oven temperature accurate. If your oven runs hot, lower the temperature by 10°F.
Can I make these cookies vegan or dairy-free?
I haven’t tested a fully vegan version, but readers have swapped vegan butter and dairy-free chocolate chips with good results. For eggs, flax eggs can work (1 tbsp ground flaxseed + 3 tbsp water per egg), but expect a slightly different texture.
How long do these cookies last?
Stored airtight at room temperature, they last about 4 days. They’re best eaten within the first two days for that perfect soft-chewy texture combined with the fleur de sel crunch.
Can I freeze the cookie dough or baked cookies?
Yes! Cookie dough balls freeze great. Bake straight from frozen, adding 1-2 minutes to baking time. Baked cookies freeze well, too—just thaw or microwave briefly before enjoying.
What’s the best way to measure flour for this recipe?
Scoop the flour lightly with a spoon into your measuring cup, then level off with the back of a knife. Don’t pack it down or scoop directly with the cup—that can add too much flour and make your cookies dry and dense.

Pin This Recipe!

brown butter chocolate chip cookies recipe

Print

Brown Butter Chocolate Chip Cookies with Fleur de Sel and Espresso Extract

These cookies feature rich, nutty flavors from brown butter, a perfect balance of sweet and salty with fleur de sel, and a subtle depth from espresso extract. They have soft centers and crispy edges, making them an addictive homemade treat.

  • Author: Nova
  • Prep Time: 20 minutes
  • Cook Time: 12-15 minutes
  • Total Time: 45 minutes
  • Yield: 24 cookies 1x
  • Category: Dessert
  • Cuisine: American

Ingredients

Scale
  • 1 cup (227g) unsalted butter
  • ½ cup (100g) granulated sugar
  • ¾ cup packed (165g) light brown sugar
  • 1 large egg
  • 1 tsp vanilla extract
  • 1 tsp espresso extract
  • 2 ¼ cups (280g) all-purpose flour
  • 1 tsp baking soda
  • ½ tsp salt
  • 1 ½ cups (270g) chocolate chips (semi-sweet and dark mix)
  • About 1 tsp fleur de sel, for sprinkling

Instructions

  1. Brown the Butter (8 minutes): Place the butter in a light-colored skillet over medium heat. Stir frequently as it melts, foams, then turns golden brown with nutty aroma and tiny browned bits forming at the bottom. Remove from heat immediately and pour into a heatproof bowl to stop cooking. Let it cool for about 10 minutes—warm, but not hot.
  2. Prep Oven and Baking Sheet (5 minutes): Preheat your oven to 350°F (175°C). Line your baking sheet with parchment paper or a silicone baking mat.
  3. Mix Sugars and Brown Butter (3 minutes): In a large bowl, whisk together granulated sugar, brown sugar, and the browned butter until smooth and combined. The mixture may look a little grainy but that’s okay.
  4. Add Egg, Vanilla, and Espresso Extract (2 minutes): Beat in the egg, vanilla extract, and espresso extract until fully incorporated and slightly fluffy.
  5. Combine Dry Ingredients Separately (2 minutes): In another bowl, whisk the flour, baking soda, and salt until evenly mixed.
  6. Fold Dry Ingredients Into Wet (3 minutes): Gradually add the dry ingredients to the wet, folding gently with a spatula just until no flour streaks remain. Avoid overmixing.
  7. Fold in Chocolate Chips (1 minute): Add the chocolate chips and fold gently to distribute evenly.
  8. Scoop and Bake (12-15 minutes): Use a cookie scoop or tablespoon to drop dough balls 2 inches apart on the prepared sheet. Flatten each slightly with your fingers. Sprinkle each cookie with a pinch of fleur de sel. Bake for 12-15 minutes, until edges are golden but centers still look soft.
  9. Cool Completely (15 minutes): Let cookies cool on the sheet for 5 minutes before transferring to a wire rack to cool fully.

Notes

Watch the butter closely while browning to avoid burning. Don’t skip the fleur de sel for the perfect salty crunch. Chill dough for 30 minutes if possible to help cookies hold shape and deepen flavor. Use room temperature eggs for even mixing. Do not overbake; cookies should look slightly underdone in the center when removed from oven. Espresso extract can be substituted with 1 tsp instant espresso powder in dry ingredients or 1 tbsp strong brewed espresso in wet ingredients. Rotate baking sheet halfway through baking for even browning.

Nutrition

  • Serving Size: 1 cookie
  • Calories: 150
  • Sugar: 13
  • Sodium: 85
  • Fat: 8
  • Saturated Fat: 5
  • Carbohydrates: 20
  • Fiber: 1
  • Protein: 2

Keywords: brown butter, chocolate chip cookies, fleur de sel, espresso extract, homemade cookies, soft center cookies, crispy edges, easy cookie recipe

Did you make this recipe?

Share a photo and tag us — we can't wait to see what you've made!

You might also love these recipes

Leave a Comment

Recipe rating