• Cake
  • Frosting
  • YouTube
  • My Favorite Tools
  • Nav Social Icons

  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Recipes
    • Cake
    • Cupcakes
    • Frosting
    • Ice Cream
    • Vegan
  • Cake Basics
  • Tutorials
  • Blog
  • About
  • Mobile Menu Widgets

    Connect

    Search

Sugar & Sparrow logo in script font

Sugar & Sparrow

Lifestyle and Cake from Portland Oregon

  • Cake Basics
  • Recipes
    • Cake
    • Cupcakes
    • Cookies & Bars
    • Filling
    • Frosting
    • Ice Cream
    • No-Bake
    • Small Batch
    • Vegan
  • Tutorials
  • Book
  • Blog
  • About

Brown Butter Chocolate Chip Cookie Bars

July 18, 2026 · In: Cookies & Bars, Recipes

Jump to Recipe

Few can resist a fudgy chocolate chip cookie bar, and adding the element of brown butter makes these ones DISAPPEAR. The brown butter creates rich, nutty caramel notes that make the flavor of these cookie bars so special. They’re thick and fudgy, loaded with chocolate chips, and are the perfect low-effort (yet big payoff!) dessert to bring to any gathering, any time of year. 

the best brown butter chocolate chip cookie bars
stack of chocolate chip cookie bars

I used my chocolate chip cookie cake recipe as a starting point for these brown butter chocolate chip cookie bars and once I thoroughly tested them, I started taking them to summer gatherings and sent some of the batches to work with my husband. In all scenarios, these cookie bars were not only gone in minutes, but people could not stop talking about them! In other words, these cookie bars will make you a hero.  

Why You’ll Love these Cookie Bars

  • Thick and fudgy. These are everything you want in a cookie bar texture. They bake up thick with a slightly crisp exterior, and the inside sets perfectly into a fudgy, chewy cookie bar that stays moist for days. 
  • Low-effort (but big payoff). The only real effort with these is browning the butter, which can be done in about 5 minutes. After that, the dough comes together quickly, requires no time to chill, and bakes in less than 20 minutes, and yields the most incredible cookie bars everyone will rave about.
  • Brown butter magic. Adding brown butter really levels up the flavor of these cookie bars! It adds a nutty, caramelized undertone that really enhances the average chocolate chip cookie flavor profile. 
  • ALWAYS a hit. You can enjoy these warm and gooey with a scoop of vanilla ice cream, or let them set into the perfect fudgy-yet-sliceable cookie bar. Whip them up on a whim or make them up to 2 days ahead. In any case, these brown butter chocolate chip cookie bars will always be a hit. 
brown butter chocolate chip cookie dough
brown butter chocolate chip cookie bars in 8-inch pan

What Gives these Cookie Bars the Perfect Texture

This brown butter chocolate chip cookie bar recipe is pretty straightforward when it comes to cookie bar recipes, but there are a few key ingredients and baking techniques that make them stand out: 

  • Melted brown butter. There’s no creaming butter and sugar together in this recipe. Instead, the brown butter is whisked together with the sugars at the beginning of the recipe. This technique gives the cookie bars a crisp, caramelized exterior while keeping the inside chewy and fudgy.
  • Brown sugar + granulated sugar. A combination of these two sugars keeps the edges of these cookie bars crisp while keeping the center chewy. 
  • Extra egg yolk. Adding an extra egg yolk adds moisture and richness to these cookie bars without adding the structural, drying proteins found in egg whites. This keeps the baked cookie bars moist and fudgy for days. 
  • Cornstarch. A little bit of cornstarch thickens these cookie bars in the baking process, which yields a soft, bakery-style texture without being cakey. 
  • Slightly underbake. You’ll want to bake these brown butter chocolate chip cookie bars until they’re evenly puffed and just starting to brown on the edges. They will continue to bake in the pan as they cool. This technique ensures that the cookie bars are the ideal texture once sliced. 
brown butter chocolate chip cookie bar texture
brown butter chocolate chip cookie bars cut into squares

How to Brown Butter 

This recipe starts with browning unsalted butter, and even if you’ve never done it before I promise it’s not complicated. As long as you follow these steps and timing, you’ll be fine:

Step 1: Melt the butter. Add the butter into a skillet set over medium heat and allow it to melt while you stir it occasionally.

Step 2: Brown the butter. Continue to cook for 2-3 minutes while you stir constantly. The melted butter will start to foam on top, then the foam will subside before turning the butter light brown in color as the milk solids caramelize. It will smell deliciously nutty at this point. 

how to brown butter for cookie recipe

Step 3: Transfer the brown butter. As soon as you see the milk solids have turned light brown, transfer the brown butter to a heat proof container. It’s important to do this quickly so that the brown butter doesn’t burn. For this recipe, you’ll want the brown butter to cool for about 5-10 minutes before starting to make the cookie dough.

How to Make Brown Butter Chocolate Chip Cookie Bars

Step 1: Brown the butter. Melt 10 tablespoons of unsalted butter in a skillet, then cook over medium heat until the milk solids caramelize. Transfer to a glass container while you gather the rest of the ingredients.

brown butter in a heat proof container

Step 2: Combine the brown butter and sugars. In a medium bowl, add the brown and granulated sugars. Pour the brown butter on top and whisk together until combined.

adding brown butter to chocolate chip cookie dough recipe

Step 3: Add the egg, egg yolk, and vanilla. Whisk in the egg, egg yolk, and vanilla until combined. 

adding extra egg yolk to brown butter chocolate chip cookie dough

Step 4: Fold in the dry ingredients. Add the baking soda, baking powder, cornstarch, salt, and all-purpose flour (no need to whisk together beforehand). Fold it together with the wet ingredients until a dough forms.

folding flour into cookie dough

Step 5: Fold in the chocolate chips. Reserve about ⅓ cup of the chocolate chips, then fold the rest into the dough. 

folding chocolate chips into brown butter chocolate chip cookie dough

Step 6: Press into the pan and bake. Press the dough into a greased and lined 8-inch square baking pan. Press the reserved chocolate chips into the top of the dough and bake at 350ºF for 17-20 minutes, until evenly puffed and the edges are just starting to brown.

baking brown butter chocolate chip cookie bars

Step 7: Cool and serve. Let the cookie bars cool in the pan for 30 minutes, then remove from the pan and continue cooling on a wire rack OR serve warm and gooey. 

brown butter chocolate chip cookie bars thick and fudgy

More Recipes You’ll Love

If you love these brown butter chocolate chip cookie bars, here are some similar recipes from my blog to add to your baking list:

  • Brown Butter Chocolate Chip Cookie Skillet
  • Chocolate Chip Cookie Cake
  • Strawberry Shortcake Cookie Bars
  • Pumpkin Chocolate Chip Cookie Bars
  • Sheet Pan Chocolate Chip Cookie Cake
  • Sheet Pan Frosted Sugar Cookie Bars
chewy cookie bars stacked

I hope you love these brown butter chocolate chip cookie bars as much as I do! Let me know what you think in the comments below (don’t forget to rate the recipe!) and feel free to tag @sugarandsparrowco on Instagram to show me. I love to see what you create!

brown butter chocolate chip cookie bars recipe

Brown Butter Chocolate Chip Cookie Bars

The perfect thick and chewy chocolate chip cookie bars, elevated with rich, caramelized flavor notes from the addition of brown butter. They're quick and easy to make (no dough chilling!) and bake into the ideal fudgy, slice-able, bakery-style texture – a total hit wherever you take them!
Print Recipe Pin Recipe
Prep Time:20 minutes mins
Cook Time:25 minutes mins
Cooling Time:1 hour hr
Total Time:1 hour hr 45 minutes mins
Course: Dessert
Cuisine: American
Servings: 12 bars

Equipment

  • 8-inch square baking pan

Ingredients

  • 10 Tbsp (141g) unsalted butter
  • 1/2 Cup (100g) packed light or dark brown sugar
  • 1/3 Cup (67g) granulated sugar
  • 1 large egg
  • 1 large egg yolk
  • 2 tsp pure vanilla extract
  • 1/2 tsp cornstarch*
  • 1/2 tsp baking soda
  • 1/4 tsp baking powder
  • 1/2 tsp salt
  • 1 1/2 Cups (199g) all-purpose flour
  • 1 Cup (175g) semi-sweet chocolate chips

Instructions

Brown the Butter

  • Add 10 tablespoons of unsalted butter into a large frying pan and cook over medium heat until the butter melts, stirring occasionally. Continue cooking for another 2-5 minutes while stirring constantly and watching closely. The melted butter will start to foam on top, then the milk solids will begin to caramelize and turn brown in color. Once the little flecks of milk solids are medium brown (without crossing over into the burnt/dark brown territory), remove from heat and transfer to a glass container and allow to cool for about 5-10 minutes.
  • Preheat the oven to 350ºF (177ºC). Prepare a 8-inch square baking pan inch by spraying the sides with baking spray and lining the bottom with parchment paper, leaving a slight overhang for easy removal of the cookie bars later on.
  • In a large bowl, add the brown sugar and granulated sugar. Pour the brown butter on top and whisk together until uniform. Add the egg, egg yolk, and vanilla, then continue whisking until uniform. Whisk in the cornstarch, baking soda, baking powder, and salt.
  • Add the flour and use a silicone spatula to fold it in until smooth cookie dough forms. Reserve about 1/4 Cup of the chocolate chips and set them aside, then pour the remaining chocolate chips into the cookie dough and fold until evenly dispersed.
  • Add the cookie dough into the prepared pan and press it down in an even layer all the way to the edges. Sprinkle the reserved chocolate chips on top and press them in, then bake for 17-20 minutes, until evenly puffed and the edges are lightly golden. It might seem soft in the middle but don't be tempted to over-bake! It will continue to bake in the pan as it cools.
  • Let the cookie bars cool in the pan for about 30 minutes, then transfer to a wire rack to cool completely to room temperature before slicing into squares, or enjoy it warm after the 30 minute cooling time – either way is delicious!

Notes

*cornstarch makes the texture of these cookie bars soft, thick, and bakery-style. If you can’t find it locally, you can substitute it for 1/2 tsp additional baking powder.
Brown Butter Substitute: if you’d rather not brown the butter, you can use 1/2 cup (113) of melted butter instead.
Make Ahead Tip: The chocolate chip cookie bars can be made ahead and, once cooled, stored at room temperature covered with plastic wrap for up to 2 days. Alternatively, you can freeze the cookie bars for up to 1 month. I recommend wrapping them first in plastic wrap, then in foil.

By: Whitney · In: Cookies & Bars, Recipes · Tagged: brown butter cookies, chocolate chip cookies

you’ll also love

chocolate chip cookie cake recipe with vanilla buttercream border and sprinklesChocolate Chip Cookie Cake
goodie girl cookiesGoodie Girl Cookie Cupcakes + Giveaway!
vanilla oreo cake with cookies and cream buttercreamCookies & Cream Cake (Vanilla Oreo Cake)

Join the List

Stay up to date & receive the latest posts in your inbox.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recipe Rating




Next Post >

Cookies & Cream Ice Cream Cake

Primary Sidebar

Welcome to Sugar & Sparrow

Welcome to Sugar & Sparrow

Helping you whip up pretty desserts with confidence and creativity. And hopefully sharing a few laughs with you along the way!

Learn More

Connect

let’s bake!

Get my very best recipes, baking tips, and decorating tutorials sent to your inbox

Featured Posts

galaxy cake by sugar and sparrow

Galaxy Cake Tutorial

Christmas Sweater Sheet Cake Tutorial

vintage heart cake with pink piping

Vintage Heart Cake Tutorial

Search

Archives

Follow Along

@sugarandsparrowco

STRAWBERRY SHEET CAKE 🍓based on my favorite strawb STRAWBERRY SHEET CAKE 🍓based on my favorite strawberry layer cake recipe, this sheet cake version is so fun to decorate + such a crowd pleaser! I love using a combination of fresh and freeze-dried strawberries to create the most powerful authentic flavor ✨
 
🍓Full recipe (with strawberry buttercream) at https://sugarandsparrow.com/strawberry-sheet-cake-recipe/
⁣ 
STRAWBERRY SHEET CAKE⁣ 
Serves 24
⁣ 
INGREDIENTS⁣ 
1 Cup (12oz) fresh strawberries, pureed ⁣ 
3/4 Cup (180ml) whole milk, room temp⁣ 
2 1/2 Cups (265g) sifted cake flour⁣ 
2 tsp baking powder⁣ 
1/4 tsp baking soda⁣ 
1/2 tsp salt⁣ 
3/4 Cup (170g) unsalted butter, room temp⁣ 
1 2/3 Cups (350g) granulated sugar⁣ 
3 large eggs, room temp⁣ 
1/3 Cup (75g) sour cream, room temp⁣ 
2 tsp pure vanilla extract⁣ 
1-2 drops pink food coloring (optional)⁣ 
⁣ 
INSTRUCTIONS⁣ 
1. Simmer the strawberry puree in a saucepan over medium-low heat for 30-35 minutes, stirring occasionally. At this point the puree should have reduced from 1 Cup to 1/2 Cup (if you have more, keep cooking!). Refrigerate until room temp, then whisk together with the whole milk and set aside.⁣ 
2. Preheat the oven to 350ºF. Grease and line a 13×9 inch baking pan. 
3. In a medium bowl, whisk together the sifted cake flour, baking powder, baking soda, and salt. Set aside. ⁣ 
4. In the bowl of a stand mixer with the paddle attachment, whip the butter on high until creamy, 2 min. Add the sugar and beat with the butter until light and fluffy, 2 min. Turn the mixer to low and add the eggs one at a time. Add the vanilla and sour cream, then turn the mixer to high and beat for 1 minute.⁣ 
5. With the mixer on low, add all of the dry ingredients at once until just combined, then add the strawberry milk mixture and pink food coloring (if using) until just combined. Give the batter a few stirs by hand to make sure everything is incorporated without over-mixing. ⁣ 
6. Pour batter into the prepared cake pan and bake for 35-40 minutes. ⁣ Cool completely to room temperature before topping with strawberry buttercream (full recipe at the li
COOKIES & CREAM ICE CREAM CAKE 🤎 If you’re an Oreo COOKIES & CREAM ICE CREAM CAKE 🤎 If you’re an Oreo lover, this is your sign to make an ice cream cake this summer: no-churn cookies & cream ice cream set on an Oreo cookie crust, topped with hot fudge and whipped cream frosting. The perfect amount of Oreos in EVERY BITE! 

Full recipe link in my bio + at https://sugarandsparrow.com/cookies-and-cream-ice-cream-cake/ 

OREO CRUST
22 Oreo cookies
5 Tbsp melted butter

ICE CREAM LAYER
2 Cups (480ml) heavy whipping cream, cold
2 tsp pure vanilla extract
14 Oz sweetened condensed milk
15 Oreo cookies, roughly chopped

TOPPINGS
12.8 Oz jar of hot fudge
Whipped cream frosting (see full recipe link)
4 Oreo cookies, chopped

INSTRUCTIONS
1. Mix together the Oreo crust ingredients and pack tightly into the bottom of a 9-inch springform pan. Freeze while you make the ice cream.
2. In a chilled bowl, whip the heavy cream and vanilla to stiff peaks. Fold in the sweetened condensed milk until uniform, then fold in the chopped Oreos. Pile the ice cream on top of the Oreo crust, smooth it down, cover and freeze overnight.
3. When the ice cream layer is set, top with the hot fudge, whipped cream frosting, and more chopped Oreos. Store in the freezer until ready to serve! 

#oreocake #icecreamcake #nochurnicecream #birthdaycake #cookiesandcream
EASY OREO ICEBOX CAKE (recipe below) 🤎 You only ne EASY OREO ICEBOX CAKE (recipe below) 🤎 You only need 4 ingredients for this recipe and it sets into the perfect summer dessert in the refrigerator overnight! It’s 7 alternating layers of Oreos and homemade whipped cream + every bite tastes like a perfect milk-dunked Oreo in the very best way ✨
 
Full recipe at https://sugarandsparrow.com/oreo-icebox-cake/ 
 
INGREDIENTS: 
2 Cups (480ml) cold heavy whipping cream 
1/4 Cup (30g) powdered sugar 
1 tsp pure vanilla extract 
36 Oreo cookies 
 
INSTRUCTIONS: 
1. Add the heavy whipping cream, powdered sugar, and vanilla extract into a chilled mixing bowl. Using the whisk attachment on your stand mixer or a hand mixer, beat the ingredients until stiff peaks form. 
2. Line a loaf pan with plastic wrap, then add a thin layer of the whipped cream onto the bottom of the pan. Add a layer of Oreo cookies on top (cut some of the Oreos to fit as needed). 
3. Add 1/3 of the remaining whipped cream on top of the Oreo layer, followed by a second layer of Oreos. Repeat until you have seven total layers, ending with whipped cream. 
4. Cover the cake and refrigerate overnight, then enjoy!  
 
#oreocake #vintagecake #nobakecake #oreo #nobake
FRESH STRAWBERRY BUTTERCREAM (recipe below) 🍓if yo FRESH STRAWBERRY BUTTERCREAM (recipe below) 🍓if you’ve ever wondered how to make strawberry buttercream with fresh (or frozen) strawberries, this is the best way! I still think freeze-dried strawberries are the GOAT when it comes to flavoring frosting but this is a very close second 🙌🏼 

Search “strawberry buttercream” at http://sugarandsparrow.com to find this recipe + the freeze-dried version ⁣
⁣⁣⁣
FRESH STRAWBERRY BUTTERCREAM⁣⁣⁣
YIELD: 2.5 Cups⁣⁣⁣
⁣⁣⁣
INGREDIENTS:⁣⁣⁣
5 Oz (1 Cup) fresh strawberries, chopped ⁣⁣
1 Cup (226g) unsalted butter, room temp⁣⁣⁣
3 1/2 Cups (420g) powdered sugar⁣⁣⁣
pinch of salt⁣⁣⁣
⁣⁣⁣
INSTRUCTIONS:⁣⁣⁣
1. Purée the strawberries in a food processor, then place in a small saucepan set over medium heat. Bring to a boil, then reduce the heat to low and simmer for 10-15 minutes, until it becomes jam-like and has reduced by half. You’ll end up with about ¼ Cup of reduced purèe after this step. Let it cool completely to room temperature before moving on.⁣⁣⁣
2. With a hand mixer or paddle attachment on your stand mixer, beat the butter on medium-high until it’s creamy, about 5 minutes. Add the powdered sugar about a cup at a time and mix on low speed until fully incorporated. ⁣⁣⁣
3. Add the (room temperature!) reduced strawberry purèe and a pinch of salt. Continue mixing on low speed until fully incorporated and smooth.⁣⁣⁣
⁣⁣⁣
#strawberries #strawberrybuttercream #strawberrycake #buttercream #frosting
COOKIES & CREAM CAKE 🤎 every Oreo lover’s DREAM ca COOKIES & CREAM CAKE 🤎 every Oreo lover’s DREAM cake: layers of soft and moist vanilla cake with chopped Oreo cookies baked inside + Oreo buttercream frosting. Sooo delicious and somehow just the right amount of Oreos 😍
 
Full recipe (with the Oreo buttercream) at https://sugarandsparrow.com/oreo-cookies-and-cream-cake/
 
INGREDIENTS: 
10 Oreo cookies, chopped (107g) 
2 Cups (210g) sifted cake flour 
1 1/2 tsp baking powder 
1/2 tsp baking soda 
1/2 tsp salt 
1/2 Cup (113g) unsalted butter, room temp 
1 Cup + 2 Tbsp (225g) granulated sugar 
2 Tbsp (30ml) vegetable oil 
2 large eggs, room temp 
2 tsp pure vanilla extract 
1/3 Cup (80g) sour cream, room temp 
3/4 Cup (180ml) whole milk, room temp 
 
INSTRUCTIONS: 
1. Preheat the oven to 350ºF (177ºC), then grease and line three 6-inch or two 8-inch cake pans.  
2. Roughly chop the Oreos into pieces that are about 1/4 inch and set aside. 
3. In a medium bowl, add the sifted cake flour, baking powder, baking soda, and salt and whisk to combine. Set aside.  
4. In the bowl of your stand mixer fitted with the paddle attachment (or with a hand mixer and large bowl), cream the butter on high for two minutes. Add the sugar and vegetable oil and continue to mix on high for another two minutes, scraping down the bowl and paddle as needed. Add the eggs one at a time, then add the vanilla and sour cream and mix for one minute on high speed. 
5. Turn the mixer off and add the dry ingredients all at once. Mix on low speed until just combined, then add the milk and mix until just incorporated. Fold in the chopped Oreo cookies. 
6. Pour the batter into the prepared cake pans and bake for 30-35 minutes, until a toothpick inserted comes out clean. Once cooled, fill and frost with Oreo buttercream (full recipe at the link above).  
 
#cookiesandcream #oreocake #oreo #vanillacake #cakedecorating

Footer

On the Blog

  • Cake Basics
  • Recipes
  • Tutorials

Info

  • About
  • Privacy Policy & Disclosure

stay in the know

Copyright © 2026 · Theme by Sugar & Sparrow