Salted Brown Butter Chocolate Chip Cookie Bars are the ultimate sweet treat that combines the nutty richness of brown butter with a generous amount of chocolate. Picture a soft, gooey center surrounded by slightly crisp edges, topped with a sprinkle of Maldon flaked salt that elevates every bite into a morsel of heaven. If you’re craving something sweet that reminds you of homemade classics yet feels totally modern, look no further. These bars pack all the comfort of your favorite chocolate chip cookies into a shareable, crowd-pleasing format.

I fell in love with these bars the first time I made them during a casual gathering with friends. As they baked, the intoxicating aroma of browning butter filled the kitchen, luring everyone in like bees to honey. After just a few bites, it became clear this wasn’t just a cookie bar; it was a simple yet extraordinary experience that brought everyone together. Buckle up your aprons, because you’ll want to try these Salted Brown Butter Chocolate Chip Cookie Bars soon!
Table of Contents
Why You’ll Love This Recipe
- Simple & Quick: With just 15 minutes of preparation and about 40 minutes to bake, enjoying these bars doesn’t take all day.
- Irresistible Flavor: The combination of brown butter and mixed chocolate chips creates a deep flavor that’s hard to resist.
- Eye-Catching Appeal: These bars look incredibly impressive, making them perfect for any gathering or as a homemade gift.
- Flexible Serving: Whether it’s for a cozy night in, a party, or a delightful dessert for breakfast, these bars shine in any situation.
- Diet-Friendly Options: Easily adapt for gluten-free diets using alternative flours, and use dairy-free chips if needed.

Ingredients You’ll Need
- 1 cup unsalted butter: The star of the show! Browning the butter adds a nutty depth of flavor.
- 1 ½ cups light brown sugar: This sweet ingredient balances the richness of the butter and contributes to the chewy texture.
- 2 large eggs: Essential for binding and adding moisture to the bars.
- 1 tablespoon vanilla extract: A must for enhancing the overall sweetness and flavor profile.
- 2 cups all-purpose flour: The base for these bars; it helps provide structure.
- ½ teaspoon baking soda: A leavening agent that gives them the right lift and soft texture.
- ½ teaspoon salt: Essential for balancing sweetness and enhancing flavors; don’t skip it!
- 1 cup milk chocolate chips: Adds a creamy, sweetness that pairs well with the brown butter.
- 1 cup dark chocolate chips: Introduces a deeper, richer chocolate flavor.
- Maldon flaked salt for topping: A finishing touch that elevates the bars and brings out the chocolate’s deliciousness.
How to Make Salted Brown Butter Chocolate Chip Cookie Bars
Melt the Butter: Begin by melting 1 cup unsalted butter in a medium saucepan over medium heat. Stir it frequently, watching as it foams and takes on a golden color with a nutty aroma. This step should take about 5-7 minutes. Once it’s brown, remove it from heat and allow it to cool slightly while you prepare the next steps.
Whisk Together Wet Ingredients: In a large mixing bowl, combine the slightly cooled brown butter with 1 ½ cups light brown sugar. Mix until it’s smooth, then add in 2 lightly beaten eggs and 1 tablespoon vanilla extract. Whisk together until everything is fully incorporated, creating a rich, glossy mixture.
Combine Dry Ingredients: In another bowl, whisk together 2 cups all-purpose flour, ½ teaspoon baking soda, and ½ teaspoon salt until nicely combined. Gradually add this dry mixture to the wet ingredients, stirring gently until just combined. Don’t worry if you see a few lumps; that’s perfectly normal!
Fold in Chocolate Chips: Now comes the fun part! With a spatula, gently fold in 1 cup of milk chocolate chips and 1 cup of dark chocolate chips, distributing them evenly throughout the batter for maximum chocolatey goodness.
Prepare to Bake: Preheat your oven to 350°F (175°C). While it heats, line a 9×13 inch baking pan with parchment paper, leaving some overhang for easy removal later. Lightly grease the parchment to ensure the bars don’t stick.
Spread and Bake: Pour the cookie bar batter into the prepared pan, spreading it evenly and smoothing the top. Bake in the preheated oven for 20-25 minutes, or until the edges turn golden brown and a toothpick comes out with a few moist crumbs. Don’t overbake, as you want that chewy goodness!
Add Flaky Salt: Once baked, sprinkle a generous amount of Maldon flaked salt on top of the warm cookie bars. This touch of salt enhances the rich flavors and creates a delightful contrast to the sweetness of the chocolate.
Cool and Slice: Allow the bars to cool in the pan for about 15 minutes, then lift them out using the parchment overhang and transfer to a wire rack to cool completely. Once cooled, slice them into squares or rectangles, and get ready to indulge!

Storing & Reheating
To store your Salted Brown Butter Chocolate Chip Cookie Bars, simply keep them at room temperature in an airtight container for up to 3 days. If you want them to last longer, refrigerate them for up to a week. For longer storage, wrap bars securely and freeze them for up to 3 months. To enjoy, just thaw at room temperature or pop them in the microwave for about 10-15 seconds. The texture may change subtly over time, but a quick warm-up will refresh their deliciousness.
Chef’s Helpful Tips
- Avoid Overbaking: Keep a close eye on your bars in the oven—remember that they will continue to cook slightly after being removed.
- Brown Butter Secrets: Stir constantly while browning butter to prevent burning. This step is crucial for achieving that perfect nutty flavor.
- Room Temperature Eggs: Using room temperature eggs helps them incorporate more easily into the batter for a smoother texture.
- Mix-In Variations: Feel free to swap out the chocolate chips for your favorites! Peanut butter chips or nuts can make great substitutions.
- Let Them Rest: If you have the patience, letting the bars rest for a day allows flavors to meld together beautifully.
Salted Brown Butter Chocolate Chip Cookie Bars bring all the joys of baking together in one easy-to-make treat. Whether you’re sharing them at a party, satisfying your sweet tooth during a movie night, or enjoying one with your morning coffee, we know you’ll love discovering how simple they are to whip up. So gather your ingredients and bake your way to chocolate cookie heaven!
Recipe FAQs
Can I use other types of chocolate chips?
Absolutely! Feel free to mix in your favorite chocolate varieties, like white chocolate chips or even some chopped chocolate bars for chunkier bites. It’s a great way to personalize the bars to your tastes.
What if I want to make these gluten-free?
You can easily adapt this recipe by substituting the all-purpose flour with a gluten-free flour blend. Make sure the blend you use behaves similarly to regular flour for the best results!
How should I cut the cookie bars?
For nice, clean edges, use a sharp knife or bench scraper. If you warm the knife with hot water and dry it off, it will cut through the bars more smoothly, giving you perfect squares every time.
Can I prepare the batter in advance?
Yes! You can make the batter a day ahead of time, cover it, and refrigerate it. Just bring it back to room temperature before spreading it in the pan and baking to ensure even cooking.
PrintMore Desserts Recipes
- Christmas Cheesecake Bars (Cranberry White Chocolate Cheesecake Bars)
- Brown Sugar Cookies
- Soft Gingerbread Cookies
- Red Velvet Cookie Bars
- Soft & Chewy Crumbl Butterfinger Cookies Copycat
Recipe Card

Salted Brown Butter Chocolate Chip Cookie Bars
- Prep Time: 15 minutes
- Cook Time: 40 minutes
- Total Time: 55 minutes
- Yield: 12 servings 1x
- Category: Desserts
- Method: Baking
- Cuisine: American
Description
These Salted Brown Butter Chocolate Chip Cookie Bars are a must-try! Their irresistible flavor comes from brown butter and a mix of chocolate chips, making them perfect for a sweet treat any time of day.
Ingredients
- 1 cup unsalted butter to be browned
- 1 ½ cups light brown sugar loosely packed
- 2 eggs lightly beaten
- 1 tablespoon vanilla extract
- 2 cups all-purpose flour
- ½ teaspoon baking soda
- ½ teaspoon salt
- 1 cup milk chocolate chips
- 1 cup dark chocolate chips
- maldon flaked salt for topping
Instructions
- Melt the unsalted butter in a medium saucepan over medium heat, stirring frequently for about 5-7 minutes until golden brown and nutty in aroma.
- In a large mixing bowl, whisk together the brown sugar and slightly cooled browned butter until smooth. Add lightly beaten eggs and vanilla extract, mix until combined.
- In another bowl, whisk together all-purpose flour, baking soda, and salt. Gradually add this dry mixture to the wet ingredients, stirring until just combined with a few lumps remaining.
- Gently fold in milk chocolate and dark chocolate chips using a spatula for even distribution.
- Preheat oven to 350°F (175°C). Line a 9×13 inch baking pan with parchment paper, leaving some overhang. Lightly grease the parchment.
- Spread the cookie bar batter into the prepared pan and smooth the top. Bake for 20-25 minutes or until edges are golden brown and a toothpick comes out with moist crumbs.
- Sprinkle Maldon flaked salt on top of warm cookie bars to enhance flavor.
- Allow bars to cool for about 15 minutes in the pan, then lift out using parchment overhang and transfer to a wire rack to cool completely. Slice into squares or rectangles and enjoy.
Notes
Ensure not to overmix the batter to keep the bars chewy.
For a richer flavor, use high-quality chocolate chips.
These bars can be stored in an airtight container for up to a week.
Nutrition
- Serving Size: 1 cookie bar
- Calories: 320
- Sugar: 28g
- Sodium: 190mg
- Fat: 17g
- Saturated Fat: 10g
- Unsaturated Fat: 6g
- Trans Fat: 0g
- Carbohydrates: 43g
- Fiber: 1g
- Protein: 3g
- Cholesterol: 45mg

