Chocolate Chip Brownie Bars – Two Desserts in One Bite

Craving both cookies and brownies but don’t want to choose? These Chocolate Chip Cookie Brownies—also known as “Brookie Bars”—are the ultimate dessert mash-up. With a fudgy, rich brownie base topped with golden, chewy chocolate chip cookie dough, this double-decker treat satisfies every sweet tooth in one glorious square.

Perfect for parties, bake sales, or when you just can’t decide what to bake, these bars deliver the best of both worlds: deep chocolate flavor and buttery cookie goodness—all in one pan.

---

 Why Choose When You Can Have Both?

Brownies and cookies are two of the most beloved baked goods—and when you layer them together, magic happens. The brownie layer brings depth, richness, and that gooey chocolate satisfaction. The cookie layer offers buttery sweetness and just enough crunch on top to contrast the soft base.

This recipe is easy, customizable, and crowd-pleasing. Whether you’re baking for a celebration, gifting a treat box, or filling your freezer with grab-and-go desserts, these chocolate chip cookie brownies belong in your permanent rotation.

---

Ingredients Overview: Two Classic Doughs, One Epic Dessert

You’ll be making two batters—one for brownies and one for cookies. Each uses familiar pantry staples and comes together quickly.

Brownie Base

• Unsalted Butter: Melted for richness and to help form the signature crackly top.

• Granulated Sugar: Sweetens and gives structure.

• Eggs: Bind the batter and contribute to that gooey texture.

• Vanilla Extract: Rounds out the chocolate flavor.

• Cocoa Powder: For deep, rich chocolate taste.

• All-Purpose Flour: Just enough to hold everything together.

• Salt: Enhances the cocoa and sweetness.

Cookie Topping

• Unsalted Butter (softened): Creamed for a fluffy, chewy cookie texture.

• Brown Sugar + Granulated Sugar: The ideal sweet blend for depth and chewiness.

• Egg Yolk: Rich and helps bind the cookie dough without making it cakey.

• Vanilla Extract: Classic cookie flavor boost.

• All-Purpose Flour: Provides structure.

• Baking Soda: Helps the cookie layer puff and brown.

• Salt: Balances the sweet.

• Chocolate Chips: Semi-sweet or dark work best here.

---

Step-by-Step Instructions: How to Make Chocolate Chip Cookie Brownies

Step 1: Prep the Pan

• Preheat oven to 350°F (175°C).

• Line an 8×8-inch (20×20 cm) square baking pan with parchment paper and lightly grease.

---

Step 2: Make the Brownie Batter

1. Melt ½ cup (1 stick) unsalted butter and let it cool slightly.

2. In a mixing bowl, whisk in:

   • ¾ cup granulated sugar

   • 2 large eggs

   • 1 tsp vanilla extract

3. Sift in:

   • ½ cup unsweetened cocoa powder

   • ½ cup all-purpose flour

   • ¼ tsp salt

4. Stir until smooth and glossy. Pour into the prepared pan and smooth the top.

---

Step 3: Make the Chocolate Chip Cookie Dough

1. In a new bowl, cream together:

   • ½ cup (1 stick) unsalted butter, softened

   • ¼ cup granulated sugar

   • ¼ cup brown sugar

2. Add:

   • 1 egg yolk

   • 1 tsp vanilla extract

3. Mix in:

   • ¾ cup all-purpose flour

   • ½ tsp baking soda

   • ¼ tsp salt

4. Fold in:

   • ½ cup chocolate chips

---

Step 4: Assemble & Bake

1. Drop spoonfuls of cookie dough on top of the brownie batter. Gently press the dough into an even layer, or leave it rustic for a marbled appearance.

2. Bake for 28–32 minutes, or until the cookie top is golden and a toothpick inserted into the center comes out with a few moist crumbs (not wet batter).

3. Let cool completely before slicing. For clean squares, chill for 30 minutes before cutting.

---

Tips, Variations, and Substitutions

Pro Tips

• Don’t overbake—they should be just set in the middle for that gooey brownie texture.

• Chill before slicing for perfect, bakery-style cuts.

• Use quality cocoa and chocolate chips for the best flavor.

---

Flavor Variations

• Peanut Butter Brookies: Swirl 2 tbsp of peanut butter into the brownie layer.

• Salted Caramel Cookie Brownies: Drizzle caramel over the cookie dough before baking.

• Double Chocolate Chip Cookie Topping: Add 2 tbsp cocoa powder to the cookie dough for a chocolate-on-chocolate version.

---

Substitutions

• Gluten-Free: Use a 1:1 GF flour blend for both layers.

• Dairy-Free: Use plant-based butter and dairy-free chocolate chips.

• Egg-Free: Try a flax egg (1 tbsp flaxseed + 3 tbsp water) for each egg or yolk.

---

Serving Ideas & Occasions

• Holiday Treat Boxes: These bars hold up well and travel beautifully.

• Back-to-School Snacks: A kid-friendly lunchbox favorite.

• Birthday Parties: Serve with milk or ice cream for the ultimate dessert.

• Dessert Boards: Cut into bite-sized squares and pair with fruits and truffles.

---

Nutrition Notes (per square – makes 9)

• Calories: ~350–380

• Fat: ~21g

• Carbs: ~37g

• Sugar: ~25g

• Protein: ~4g

These are a treat—but a rich one. A little square goes a long way!

---

Frequently Asked Questions

1. Can I use boxed brownie mix for the bottom layer?

Yes! Use half a box of brownie mix (for an 8×8 pan), then add the homemade cookie dough on top. Bake time may vary slightly.

2. Do I need to pre-bake the brownie layer?

Nope! The layers bake together at the same time, and the textures turn out beautifully.

3. How do I store them?

Store in an airtight container at room temperature for up to 4 days, or refrigerate for 1 week.

4. Can I freeze cookie brownies?

Yes! Freeze tightly wrapped for up to 2 months. Thaw at room temp or microwave for 10–15 seconds.

5. Why are my cookie tops overbaking before the brownie sets?

Try loosely covering with foil in the last 10 minutes if needed, or slightly reduce oven temperature to 325°F and extend the baking time.

6. Can I swirl the layers together?

Yes! Drop cookie dough in chunks, then swirl slightly with a butter knife for a marbled brookie.

7. Can I double the recipe?

Absolutely. Use a 9×13-inch pan and bake for 35–38 minutes.

Print