Salted Brown Butter Chocolate Chip Cookie Bars
Salted Brown Butter Chocolate Chip Cookie Bars are a delightful twist on the classic chocolate chip cookie, bringing together the nutty flavors of brown butter, the sweet richness of chocolate, and a hint of sea salt that elevates each bite. These bars are incredibly forgiving and perfect for any baking skill level, making them a go-to dessert for gatherings or cozy nights in. What sets these cookie bars apart is the texture; they’re thick and chewy yet have a slight crispness on the edges, providing a satisfying contrast with a glorious, gooey center.
Table of Contents

I first stumbled upon this recipe during a lazy afternoon of baking, and it quickly became a favorite in my household. As the warm, nutty aroma filled the kitchen, I realized I had found something truly special. Every bite of these Salted Brown Butter Chocolate Chip Cookie Bars offers a rich flavor that leaves everyone wanting more. They’re simple, budget-friendly, and bound to impress your friends and family. Let’s get started on creating this delicious treat!
Why You’ll Love This Recipe
- Simple & Quick: Ready in just under an hour, making it perfect for those spontaneous cravings.
- Irresistible Flavor: The combination of brown butter and chocolate creates a mouthwatering experience you won’t forget.
- Eye-Catching Appeal: Serve these bars warm and watch them disappear at any gathering.
- Flexible Serving: Perfect for an afternoon snack, dessert after dinner, or even breakfast with coffee!
- Diet-Friendly Options: Easily adaptable for gluten-free needs; just substitute with your favorite gluten-free flour.

Ingredients You’ll Need
- 1 cup unsalted butter: Browning the butter gives a nutty flavor that makes these bars special. If you’re in a pinch, you can use salted butter, but reduce the added salt later in the recipe to balance flavors.
- 1 ½ cups light brown sugar: This ingredient keeps the bars moist and adds sweetness with a hint of caramel. Dark brown sugar could be used for a deeper flavor, but it will slightly change the texture.
- 2 eggs: Lightly beaten to help bind the ingredients and give structure to the bars. Make sure they are at room temperature for better incorporation.
- 1 tablespoon vanilla extract: Pure vanilla extract enhances the flavor profile beautifully. For a twist, consider adding a dash of almond extract.
- 2 cups all-purpose flour: The backbone of any cookie bar, providing structure. For gluten-free options, a 1-to-1 gluten-free flour blend will yield good results.
- ½ teaspoon baking soda: This ingredient acts as a leavening agent, ensuring your bars have a light texture.
- ½ teaspoon salt: A crucial ingredient to balance the sweetness and enhance flavor. If using salted butter, consider reducing this to ¼ teaspoon.
- 1 cup milk chocolate chips: For classic sweetness and a creamy texture. Semi-sweet chocolate chips are a great alternative if you prefer a stronger chocolate flavor.
- 1 cup dark chocolate chips: This adds depth and richness, creating a delicious contrast with the milk chocolate.
- Maldon flaked salt: Perfect for sprinkling on top of the warm bars to create a delightful salty-sweet contrast. If unavailable, kosher salt can be used instead.
How to Make Salted Brown Butter Chocolate Chip Cookie Bars
Melt the Butter: Start by melting 1 cup of unsalted butter in a medium saucepan over medium heat. Stir frequently until it foams, and observe it carefully as it turns golden brown and takes on a nutty aroma—this will take about 5-7 minutes. Remove the pan from heat and let it cool slightly to avoid scrambling the eggs later.
Mix the Brown Sugar and Butter: In a large mixing bowl, whisk together 1 ½ cups of light brown sugar with the slightly cooled brown butter until smooth. This combination brings a rich sweetness to the bars. Once blended, add in the 2 lightly beaten eggs and 1 tablespoon of vanilla extract, mixing until everything is fully combined.
Combine Dry Ingredients: In another bowl, whisk together 2 cups of all-purpose flour, ½ teaspoon baking soda, and ½ teaspoon salt. Gradually add this dry mixture to the wet ingredients, stirring gently until just combined. It’s okay if there are a few lumps; this will help create a chewy texture.
Fold in the Chocolate Chips: Gently fold in 1 cup of milk chocolate chips and 1 cup of dark chocolate chips using a spatula. This step ensures the chocolate chips are evenly distributed without overmixing the batter.
Preheat the Oven: Preheat your oven to 350°F (175°C). While it’s heating, prepare a 9×13-inch baking pan by lining it with parchment paper, ensuring some overhang. Lightly grease the parchment to make lifting the bars easier later.
Spread the Batter: Pour the cookie bar batter into the prepared pan, smoothing the top with a spatula for even baking. Bake for 20-25 minutes, or until the edges are golden brown, and a toothpick inserted into the center comes out with moist crumbs.
Top with Maldon Salt: As soon as the bars come out of the oven, sprinkle a generous amount of Maldon flaked salt on top while they’re still warm. This flaky salt enhances the flavor, making each bite even more delicious.
Cool and Slice: Allow the bars to cool in the pan for about 15 minutes before using the parchment overhang to lift them out. Transfer to a wire rack to cool completely before slicing into squares or rectangles. Serving them warm maximizes the gooeyness of the chocolate!

Storing & Reheating
To keep your Salted Brown Butter Chocolate Chip Cookie Bars fresh, store them at room temperature in an airtight container for up to five days. If you want to keep them longer, refrigerate them in a sealable container for up to a week. For freezing, wrap individual bars tightly in plastic wrap and then place them in a freezer-safe bag, where they’ll stay fresh for up to three months. When you’re ready to enjoy, simply reheat in the microwave for 15-20 seconds to refresh the chewy texture without losing their delicious flavor.
Chef’s Helpful Tips
- Avoid Overbaking: Keep a close eye on your cookie bars toward the end of the baking time to ensure they remain chewy. They continue to cook slightly once removed from the oven.
- Butter Temperature Matters: Let the melted butter cool just enough before adding eggs to prevent scrambling; slightly warm butter is ideal.
- Chill for Better Texture: If you prefer a thicker bar, chilling the batter in the refrigerator for about 30 minutes before baking helps concentrate the flavors and improve the texture.
- Experiment with Mix-Ins: Feel free to customize your recipe by adding nuts like pecans or walnuts or substituting with white chocolate chips for variety!
The unique blend of flavors and textures will make these bars a favorite, as chocolate and brown butter create a harmonious mix that’s hard to resist. I encourage you to experiment with the mix-ins or even the type of chocolate you use, finding what pleases your palate the most. Treat yourself, your family, and your friends to these amazing Salted Brown Butter Chocolate Chip Cookie Bars. They’re bound to be a hit.
Recipe FAQs
Can I use different types of chocolate?
Absolutely! Feel free to mix and match your favorite chocolate chips. You can use semi-sweet, milk, or even white chocolate for a sweeter flavor. Combinations create exciting contrasts, so let your taste guide you!
What happens if my butter gets too brown?
If the butter turns too dark, it may give a bitter taste to your bars. Aim for a golden toasty brown shade with a nutty aroma. If you’re unsure, remove it from heat sooner, as it will continue cooking slightly after being removed.
Can I make these bars gluten-free?
Yes! Simply substitute the all-purpose flour with a 1-to-1 gluten-free flour blend. This swap usually yields good results, allowing everyone to enjoy the deliciousness.
How do I know when the bars are done baking?
Look for the edges to be golden brown and the center should still look slightly underbaked. When you insert a toothpick, it should come out with moist crumbs, ensuring the bars are gooey yet fully baked. Enjoy!
PrintMore Desserts & Appetizers Recipes
- 4-Ingredient Brownies
- Classic Fudgy Brownies (Crinkly Top, One Bowl)
- Cadbury Egg Cookie Bars
- Brown Butter Cadbury Mini Egg Cookies
- Chewy Gooey Chocolate Chip Skillet Cookie
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 1x
- Category: Desserts & Appetizers
- Method: Baking
- Cuisine: American
Description
Salted Brown Butter Chocolate Chip Cookie Bars are a delightful, chewy treat featuring a rich, nutty flavor from browned butter and a perfect balance of sweetness. Ideal for sharing or enjoying alone, this recipe is simple to prepare and will satisfy any dessert cravings!
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. Stir frequently until foamy and golden brown, about 5-7 minutes. Remove from heat and let it cool slightly.
- Whisk together the brown sugar and cooled browned butter in a large mixing bowl until smooth. Mix in the eggs and vanilla extract until fully combined.
- In another bowl, mix the flour, baking soda, and salt. Gradually add this to the wet mixture, stirring until just combined with a few lumps remaining.
- Fold in both the milk and dark chocolate chips with a spatula for 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, smoothing the top. Bake for 20-25 minutes until the edges are golden brown and a toothpick comes out with moist crumbs.
- Sprinkle Maldon flaked salt generously on top of the warm cookie bars.
- Let the bars cool in the pan for 15 minutes, then lift them out using the parchment overhang and transfer to a wire rack to cool completely. Slice into squares or rectangles and serve.
Notes
Ensure the butter is browned properly for a deep flavor.
For a more intense chocolate taste, you can mix in extra chocolate chips if desired.
Store leftover bars in an airtight container to maintain freshness.
Nutrition
- Serving Size: 1 bar
- Calories: 330
- Sugar: 28g
- Sodium: 150mg
- Fat: 16g
- Saturated Fat: 10g
- Unsaturated Fat: 4g
- Trans Fat: 0g
- Carbohydrates: 46g
- Fiber: 1g
- Protein: 4g
- Cholesterol: 65mg
