Salted Brown Butter Chocolate Chip Cookie Bars
Salted brown butter chocolate chip cookie bars are that delightful sweet treat you never knew you needed. With a rich, nutty flavor from the browned butter and the combination of creamy and dark chocolate chips, these bars embody everything wonderful about dessert. They have the perfect chewy texture, a slight crunch from the edges, and a sprinkle of delectable Maldon salt that elevates every bite to pure bliss.
Table of Contents

There’s something incredibly comforting about the aroma of melting butter as it transforms into its golden, caramelized form. I still remember the first time I made these salted brown butter chocolate chip cookie bars. It was like discovering a hidden gem; suddenly, every other dessert seemed far less appealing. These bars are not only easy to whip up but also make for an impressive treat at any gathering. Trust me, sharing these with friends is a surefire way to turn any day into a celebration.
Why You’ll Love This Recipe
- Simple & Quick: Only 15 minutes of prep time! You’ll satisfy your cravings with little fuss.
- Irresistible Flavor: The combination of brown butter and chocolate creates a heavenly taste experience.
- Eye-Catching Appeal: These bars look as good as they taste, featuring that beautiful golden top.
- Flexible Serving: Perfect for snack time, parties, or even a breakfast treat.
- Diet-Friendly Options: You can experiment with dark chocolate for a richer taste.

Ingredients You’ll Need
- 1 cup unsalted butter: This will be browned to bring out its rich flavor. If you’re in a pinch, you can use salted butter, but be sure to adjust the salt added later.
- 1 ½ cups light brown sugar (loosely packed): Light brown sugar adds a hint of molasses that deepens the flavor while keeping the bars chewy.
- 2 eggs: Lightly beaten eggs provide moisture and a slight lift, enhancing the texture.
- 1 tablespoon vanilla extract: Look for pure vanilla extract for the best flavor; it perfectly complements the chocolate and butter.
- 2 cups all-purpose flour: Provides structure to the bars; for gluten-free, you can use a 1:1 baking flour blend.
- ½ teaspoon baking soda: This leavening agent helps the bars rise just a touch while still retaining chewiness.
- ½ teaspoon salt: Balances the sweetness and highlights the flavors in each bite.
- 1 cup milk chocolate chips: Adds a creamy sweetness; you can replace this with semi-sweet chocolate chips if preferred.
- 1 cup dark chocolate chips: Offers a richer chocolate flavor, making these bars even more irresistible.
- Maldon flaked salt for topping: Sprinkling some flaky sea salt just before serving adds a beautiful finishing touch.
How to Make Salted Brown Butter Chocolate Chip Cookie Bars
Brown the Butter: Start by melting 1 cup of unsalted butter in a medium saucepan over medium heat. Stir frequently, watching as it foams and slowly turns golden brown, releasing a delightful nutty aroma. This should take about 5-7 minutes. Remove it from the heat and let it cool slightly while you prep the other ingredients.
Mix Brown Sugar and Butter: In a large mixing bowl, whisk together the 1 ½ cups of loosely packed light brown sugar and your slightly cooled browned butter until smooth. The texture should be velvety, indicating everything is well combined. Add the 2 lightly beaten eggs and 1 tablespoon of vanilla extract, mixing until fully incorporated.
Combine Dry Ingredients: In another bowl, whisk together the 2 cups of all-purpose flour, ½ teaspoon of baking soda, and ½ teaspoon of salt. This step helps to evenly distribute the rising agent and salt before they meet the wet ingredients.
Fold In the Chocolate Chips: Gradually add the dry mixture to your wet ingredients, stirring until just combined—don’t worry; a few lumps are perfectly fine. Next, gently fold in 1 cup of milk chocolate chips and 1 cup of dark chocolate chips using a spatula for even distribution throughout the batter.
Preheat the Oven: Set your oven to preheat at 350°F (175°C). While it warms up, line a 9×13 inch baking pan with parchment paper, making sure to leave some overhang. This will help you lift the bars out easily later. Lightly grease the parchment to prevent sticking.
Spread the Batter: Pour the cookie bar batter evenly into the prepared pan and smooth the top with a spatula. It should look inviting and ready for the oven.
Bake: Place the pan in the oven and bake for 20-25 minutes, until the edges are a lovely golden brown and a toothpick inserted into the center comes out with moist crumbs. Be careful not to over-bake these beauties!
Top with Flaked Salt: Once out of the oven, sprinkle a generous amount of Maldon flaked salt on top of the warm cookie bars. This finishing touch amplifies the flavors and gives your treats that gourmet touch.
Cool and Slice: Allow the bars to cool in the pan for about 15 minutes. Then, carefully 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 prepare for more smiles at the gathering.

Storing & Reheating
To store your salted brown butter chocolate chip cookie bars, keep them at room temperature in an airtight container for up to 4 days. If you need more time, refrigerate them for up to a week, ensuring they are in a tightly sealed container to maintain freshness. You can also freeze them! Wrap individual bars tightly in plastic wrap and then place them in a zip-top bag for up to 3 months. To enjoy, simply reheat in the microwave for about 15-20 seconds, which can help restore some of their original warmth and texture.
Chef’s Helpful Tips
- Avoid over-mixing when combining wet and dry ingredients; overworking the batter will make your bars tough.
- Ensure your eggs are at room temperature. This helps them blend better with the warm brown butter.
- If you prefer a more chewy texture, bake for the shorter time mentioned.
- Add a splash of espresso powder to amp up the chocolate flavor even more.
- These bars can be made ahead of time, making them perfect for gatherings!
These salted brown butter chocolate chip cookie bars are sure to impress and please anyone who takes a bite. With their balancing act of rich chocolate and the slight zing of salt, each bar is truly a little piece of heaven.
Recipe FAQs
Can I use different types of chocolate chips?
Absolutely! You can swap in your favorite types of chocolate chips, like semi-sweet or even white chocolate, to suit your taste. Just remember that different chocolates will change the flavor profile a bit.
How do I know when the cookie bars are done baking?
Watch for the edges to turn golden brown and a toothpick inserted in the center should come out with a few moist crumbs. They may look slightly underbaked but will continue to cook after being removed from the oven.
Can I make these cookie bars gluten-free?
Yes, if you use a gluten-free flour blend in place of the all-purpose flour, these bars can easily cater to those avoiding gluten.
What’s the best way to serve these cookie bars?
These cookie bars are perfect warm, but they also taste fantastic at room temperature. They’re ideal for parties, school lunches, or just a cozy evening treat at home with a cup of coffee or tea.
PrintMore Desserts & Appetizers Recipes
- Cadbury Egg Cookie Bars
- Brownies | Fudgy Dark Chocolate Brownies
- Cinnamon Raisin Hot Cross Buns (Make-Ahead Easter Rolls)
- Mint Chocolate Brownies | Easy St Patrick’s Day Fudgy Brownies
- Classic Fudgy Brownies (Crinkly Top, One Bowl)
Did You Enjoy Making This Recipe? Please rate this recipe with ⭐⭐⭐⭐⭐ or leave a comment.
📖 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 delightful treat! With a rich, nutty flavor from brown butter and loaded with chocolate chips, they’re perfect for satisfying your sweet tooth or impressing guests at any gathering.
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 until it foams and turns golden brown, about 5-7 minutes. Remove from heat and allow to cool slightly.
- In a large bowl, whisk the brown sugar and slightly cooled browned butter until smooth. Mix in the lightly beaten eggs and vanilla extract until fully combined.
- In another bowl, whisk the all-purpose flour, baking soda, and salt together. Gradually add this dry mixture to the wet ingredients, stirring until just combined—some lumps are fine.
- Gently fold in the milk chocolate and dark chocolate chips with a spatula to ensure even distribution.
- Preheat the oven to 350°F (175°C). Line a 9×13 inch baking pan with parchment paper, leaving some overhang, and lightly grease the parchment.
- Spread the cookie bar batter evenly into the prepared pan and smooth the top. Bake for 20-25 minutes, until the edges are golden brown and a toothpick comes out with moist crumbs.
- Sprinkle a generous amount of Maldon flaked salt on top of warm cookie bars for an extra flavor boost.
- Allow the bars to cool in the pan for about 15 minutes. Lift out using the parchment overhang and transfer to a wire rack to cool completely. Slice into squares or rectangles and enjoy.
Notes
For a nutty flavor, make sure to brown the butter properly until golden brown with a nutty aroma.
Store any leftovers in an airtight container for up to a week.
These cookie bars can also be frozen for longer storage—just thaw before serving.
Nutrition
- Serving Size: 1 bar
- Calories: 270
- Sugar: 22g
- Sodium: 150mg
- Fat: 14g
- Saturated Fat: 8g
- Unsaturated Fat: 4g
- Trans Fat: 0g
- Carbohydrates: 34g
- Fiber: 1g
- Protein: 3g
- Cholesterol: 50mg
