Brown Butter Brookies are the ultimate mashup of two beloved desserts: rich, fudgy brownies and gooey chocolate chip cookies — layered together in one irresistible bar. By adding nutty, aromatic brown butter to both layers, these brookies become deeper in flavor with a subtle caramel note that elevates the entire bite.
Originating as a creative twist on traditional bar cookies, brookies combine the best of both textures — chewy cookie tops with dense, chocolatey brownie bottoms. They’re perfect for anyone who’s ever stood in front of the dessert table unable to choose between a brownie and a cookie. Now you don’t have to.
Whether served warm with a scoop of ice cream or packed for an afternoon treat, these layered bars are comforting, nostalgic, and a surefire crowd-pleaser.
Ingredients Overview
This recipe is split into two components — the brownie base and the chocolate chip cookie top — both made extra flavorful with brown butter. Let’s look at the key ingredients that make these brookies unforgettable.
Brown Butter
This is the secret to depth. When you cook butter until the milk solids turn golden and smell nutty, it adds a toasted flavor that makes these brookies stand out. Use unsalted butter so you can control the salt level.
Brown Sugar & Granulated Sugar
-
Brown sugar (especially in the cookie layer) brings moisture and chewiness.
-
Granulated sugar adds structure and crispness.
A blend of both creates balanced texture in each layer.
Flour
All-purpose flour is used in both layers to provide structure. Measure carefully to avoid dry or crumbly results.
Cocoa Powder
Use Dutch-processed cocoa powder for a deeper, more velvety brownie flavor. It complements the richness of the brown butter beautifully.
Eggs
The brownie layer uses whole eggs for fudginess, while the cookie layer uses one egg yolk to keep things soft and chewy.
Chocolate Chips or Chunks
Use a mix of semi-sweet or dark chocolate chips in both layers. Chopped chocolate bars melt better and give those dreamy puddles of chocolate.
Baking Soda & Salt
Baking soda adds a slight lift to the cookie layer, and salt enhances every flavor. A sprinkle of flaky salt on top is optional but highly recommended.
Step-by-Step Instructions

This recipe is easy to follow, with the cookie dough layered right on top of the brownie batter before baking. Here’s how to do it step by step.
1. Brown the Butter (For Both Layers)
Start by browning 1 cup (2 sticks) of unsalted butter in a saucepan over medium heat. Swirl until golden and nutty, about 5–7 minutes. Divide into two bowls — ½ cup for the brownies and ½ cup for the cookie dough. Let cool slightly.
2. Make the Brownie Layer
-
In a mixing bowl, whisk together:
-
½ cup browned butter (from above)
-
1 cup granulated sugar
-
2 large eggs
-
1 tsp vanilla extract
-
-
In another bowl, mix:
-
½ cup all-purpose flour
-
⅓ cup Dutch-processed cocoa powder
-
¼ tsp salt
-
-
Add dry ingredients to the wet, stir until smooth. Fold in ½ cup chocolate chips or chunks.
-
Pour the brownie batter into a greased or parchment-lined 8×8-inch baking pan. Smooth the top.
3. Make the Cookie Dough Layer
-
In another bowl, mix:
-
½ cup browned butter (from above)
-
½ cup brown sugar
-
2 tbsp granulated sugar
-
1 egg yolk
-
1 tsp vanilla extract
-
-
Stir in:
-
¾ cup all-purpose flour
-
¼ tsp baking soda
-
Pinch of salt
-
-
Fold in ½ cup chocolate chips.
-
Drop spoonfuls of cookie dough over the brownie batter. Gently spread with a spatula — it doesn’t have to be perfect; swirls and patches are welcome!
4. Bake the Brookies
Bake at 350°F (175°C) for 28–32 minutes, or until the cookie top is golden and the brownie layer has just set. The center should look slightly underbaked — it will firm up as it cools.
Cool completely in the pan before slicing for clean edges, or serve warm for molten chocolate goodness.
Tips, Variations & Substitutions
Baking Tips
-
Let the brown butter cool slightly before adding eggs to prevent curdling.
-
For extra gooey brookies, underbake by 1–2 minutes.
-
Chill the dough briefly if it’s too soft to layer neatly.
Flavor Variations
-
Peanut Butter Swirl: Drop dollops of peanut butter between the brownie and cookie layers.
-
Espresso Kick: Add 1 tsp espresso powder to the brownie layer to enhance chocolate flavor.
-
Toffee Crunch: Fold crushed toffee or caramel bits into the cookie dough.
Substitutions
-
Gluten-Free: Use a 1:1 gluten-free baking flour blend.
-
Dairy-Free: Substitute brown butter with browned vegan butter or use regular melted coconut oil.
-
Sugar-Free: Replace sugars with a sugar-free baking substitute like erythritol (texture may vary).
Serving Ideas & Occasions
Brookies are incredibly versatile and can be served in casual or festive settings. They travel well and are a hit with both kids and adults.
Serve With:
-
A scoop of vanilla ice cream
-
A drizzle of caramel sauce
-
Hot coffee or a tall glass of milk
Perfect For:
-
Potlucks and bake sales
-
Movie nights and game days
-
Holiday cookie trays
-
Gifting in treat boxes or jars
Warm or chilled, these bars are as comforting as they are decadent.
Nutritional & Health Notes
Brookies are indulgent — rich in chocolate, butter, and sugar — which makes them perfect for occasional treats and celebrations.
Each bar (from an 8×8 pan, cut into 16 squares) contains approximately:
-
Calories: 250–300
-
Fats: Rich in both saturated and unsaturated fats from butter and chocolate
-
Carbohydrates: High in sugars and refined carbs
-
Protein: 2–3g per bar from eggs and flour
To lighten them up:
-
Use dark chocolate for antioxidants
-
Reduce sugar by 2–3 tbsp
-
Use whole wheat pastry flour for a fiber boost
Moderation is key — one bar satisfies a sweet craving in the best way.
FAQs
Q1: Why brown the butter?
Browning the butter adds a nutty, toasted flavor that enhances both the brownie and cookie layers. It deepens the richness and creates an almost caramelized aroma.
Q2: Can I double this recipe?
Yes! Double all ingredients and use a 9×13-inch pan. Bake for 32–36 minutes, checking for doneness in the center.
Q3: How do I store brookies?
Store at room temperature in an airtight container for up to 4 days. For longer storage, refrigerate or freeze for up to 2 months.
Q4: Can I use boxed brownie mix for the base?
You can! Use your favorite boxed mix for the bottom layer and make the cookie dough from scratch for a quicker version.
Q5: Should the brookies be gooey in the center?
Yes — slightly underbaked centers give that signature chewy-fudgy combo. Let them cool to set fully if you want clean slices.
Q6: Can I use chocolate chunks instead of chips?
Absolutely. Chopped chocolate bars create better melt and gooey pools. A mix of chunks and chips adds great texture.
Q7: Can I freeze brookies?
Yes. Slice and freeze in layers with parchment between. Reheat briefly in the microwave or oven to bring them back to life.
PrintChocolate Chip Cookie Brownies (Brookies)
Fudgy brownies layered with chewy chocolate chip cookie dough — made with rich brown butter for an indulgent, nutty flavor. The perfect dessert mash-up.
- Prep Time: 20 minutes
- Cook Time: 30 minutes
- Total Time: 50 minutes
- Yield: 16 bars 1x
Ingredients
Brownie Layer:
-
½ cup browned butter
-
1 cup granulated sugar
-
2 large eggs
-
1 tsp vanilla extract
-
½ cup all-purpose flour
-
⅓ cup Dutch-processed cocoa powder
-
¼ tsp salt
-
½ cup chocolate chips or chunks
Cookie Layer:
-
½ cup browned butter
-
½ cup brown sugar
-
2 tbsp granulated sugar
-
1 egg yolk
-
1 tsp vanilla extract
-
¾ cup all-purpose flour
-
¼ tsp baking soda
-
Pinch of salt
-
½ cup chocolate chips
Instructions
-
Brown the butter and divide between two bowls. Let cool.
-
Make brownie batter: whisk wet ingredients, add dry, fold in chocolate.
-
Spread brownie batter in greased 8×8 pan.
-
Make cookie dough: mix sugars and butter, add yolk and vanilla, stir in flour, baking soda, salt, and chocolate.
-
Spoon cookie dough on top of brownie layer.
-
Bake at 350°F for 28–32 minutes. Cool before slicing.
Notes
-
Add flaky salt on top before baking.
-
For gooier brookies, bake slightly under the time.
-
Best served warm with ice cream.
