Chocolate Chip Cookie Brownie Bars

The ultimate dessert mashup—rich, fudgy brownies layered with gooey chocolate chip cookie dough. Each bite is decadently soft in the center and perfectly golden on top. These bars deliver the best of both worlds in one irresistible treat that will satisfy any sweet tooth.

Why You’ll Love This Recipe

Chocolate Chip Cookie Brownie Bars combine two classic desserts into a single, indulgent creation. The contrast between the dense, chocolatey brownie base and the soft, buttery cookie topping creates a delightful texture and flavor harmony. This recipe is easy to make, can be adapted for dietary preferences, and is ideal for potlucks, parties, or just a cozy evening treat.

Ingredients

(Tip: You can find the complete list of ingredients and their measurements in the recipe card below.)

For the Brownie Layer:

  • 1/2 cup unsweetened cocoa powder
  • 1/2 cup all-purpose flour
  • 1/4 teaspoon salt
  • 1/4 teaspoon baking soda
  • 1/2 cup coconut oil or melted butter
  • 1 cup coconut sugar or brown sugar
  • 2 teaspoons vanilla extract
  • 2 eggs

For the Cookie Layer:

  • 3/4 cup all-purpose flour
  • 1/4 teaspoon baking soda
  • 1/4 teaspoon salt
  • 1/3 cup coconut oil or butter, softened
  • 1/3 cup brown sugar
  • 1 teaspoon vanilla extract
  • 1 tablespoon plant-based milk or regular milk
  • 1/2 cup chocolate chips

Directions

  1. Preheat your oven to 350°F (175°C). Line an 8×8-inch baking pan with parchment paper.
  2. For the brownie layer, whisk together cocoa powder, flour, salt, and baking soda in a bowl.
  3. In a separate bowl, combine the coconut oil (or butter), sugar, vanilla, and eggs. Mix until smooth, then stir into the dry ingredients. Spread the brownie batter evenly into the prepared pan.
  4. For the cookie layer, cream the softened coconut oil or butter with the brown sugar, vanilla, and milk until smooth. Add the flour, baking soda, and salt, and mix well. Fold in the chocolate chips.
  5. Drop spoonfuls of the cookie dough over the brownie layer and gently press down to cover.
  6. Bake for 25–30 minutes, or until the cookie top is golden and the center is just set.
  7. Let cool in the pan before slicing for neat bars—or serve warm for a gooier texture.

Servings and timing

This recipe yields approximately 12 bars.
Prep time: 15 minutes
Bake time: 25–30 minutes
Total time: 40–45 minutes

Variations

  • Gluten-Free: Use a gluten-free all-purpose flour blend in both layers.
  • Dairy-Free: Use plant-based butter and milk for a dairy-free version.
  • Add Nuts: Stir chopped walnuts or pecans into either layer for added crunch.
  • Swirl Effect: Instead of layering, lightly swirl the cookie dough into the brownie batter with a knife for a marbled look.
  • Extra Chocolatey: Add chocolate chunks to the brownie batter for double chocolate goodness.

Storage/Reheating

Store leftover bars in an airtight container at room temperature for up to 3 days, or refrigerate for up to 1 week.
To reheat, microwave individual bars for 10–15 seconds for a warm, gooey texture.
Bars can also be frozen for up to 2 months. Thaw overnight in the refrigerator or briefly at room temperature before serving.

FAQs

Can I use boxed brownie mix for this recipe?

Yes, you can use your favorite boxed brownie mix for convenience and follow the cookie layer steps as directed.

Can I make this recipe vegan?

Yes, use plant-based milk and butter alternatives, and substitute the eggs with flax eggs (1 tbsp flaxseed meal + 3 tbsp water per egg).

What size pan should I use?

An 8×8-inch square baking pan is ideal. Using a larger pan will result in thinner bars.

How do I know when the bars are done?

The top should be golden, and the center should be set but still soft. A toothpick inserted should come out with moist crumbs, not raw batter.

Can I use other sugars?

Yes, regular granulated or cane sugar can replace coconut sugar.

Is it okay to use only one type of dough?

Yes, you can use just the brownie or just the cookie layer if preferred.

Do these bars travel well?

Yes, they are sturdy and hold up well for lunchboxes, parties, or gifts.

Can I mix everything together in one bowl?

It’s best to prepare each layer separately to preserve the layered texture and flavor contrast.

How thick are these bars?

They are thick and hearty, approximately 1.5 to 2 inches depending on the pan and ingredient variations.

Can I double the recipe?

Yes, double the ingredients and bake in a 9×13-inch pan. Adjust the baking time to 35–40 minutes, and monitor closely.

Conclusion

Chocolate Chip Cookie Brownie Bars are a crowd-pleasing dessert that brings together two beloved treats into one indulgent creation. Perfectly rich and satisfyingly sweet, these bars are simple to make and sure to become a favorite in your baking rotation. Whether you’re preparing for a celebration or treating yourself, this layered dessert is guaranteed to impress.

Print

Chocolate Chip Cookie Brownie Bars

The ultimate dessert mashup—rich, fudgy brownies layered with gooey chocolate chip cookie dough. Each bite is decadently soft in the center and perfectly golden on top.

  • Author: Djihane
  • Prep Time: 15 minutes
  • Cook Time: 30 minutes
  • Total Time: 45 minutes
  • Yield: 9 bars 1x
  • Category: Dessert
  • Method: Baking
  • Cuisine: American
  • Diet: Vegetarian

Ingredients

Scale
  • For the Brownie Layer:
  • 1/2 cup unsweetened cocoa powder
  • 1/2 cup all-purpose flour
  • 1/4 teaspoon salt
  • 1/4 teaspoon baking soda
  • 1/2 cup coconut oil or melted butter
  • 1 cup coconut sugar or brown sugar
  • 2 teaspoons vanilla extract
  • 2 eggs
  • For the Cookie Layer:
  • 3/4 cup all-purpose flour
  • 1/4 teaspoon baking soda
  • 1/4 teaspoon salt
  • 1/3 cup coconut oil or butter, softened
  • 1/3 cup brown sugar
  • 1 teaspoon vanilla extract
  • 1 tablespoon plant-based milk or regular milk
  • 1/2 cup chocolate chips

Instructions

  1. Preheat oven to 350°F (175°C) and line an 8×8-inch baking pan with parchment paper.
  2. In a bowl, mix all brownie layer dry ingredients.
  3. In another bowl, whisk wet ingredients for the brownie layer until smooth, then combine with dry ingredients. Spread evenly in the pan.
  4. In a separate bowl, cream together coconut oil, sugar, vanilla, and milk for the cookie layer.
  5. Stir in dry ingredients for the cookie layer, then fold in chocolate chips.
  6. Drop spoonfuls of cookie dough over brownie batter and gently press down to cover.
  7. Bake for 25–30 minutes, or until the top is golden and the center is just set.
  8. Cool before slicing for clean edges or serve warm for a gooey texture.

Notes

  • Use regular butter and milk for a more traditional version.
  • Can substitute coconut sugar with brown sugar without affecting texture.
  • For extra indulgence, serve with a scoop of vanilla ice cream.

Nutrition

  • Serving Size: 1 bar
  • Calories: 280
  • Sugar: 20g
  • Sodium: 120mg
  • Fat: 15g
  • Saturated Fat: 10g
  • Unsaturated Fat: 4g
  • Trans Fat: 0g
  • Carbohydrates: 35g
  • Fiber: 2g
  • Protein: 3g
  • Cholesterol: 35mg

Keywords: brookies, chocolate chip brownie bars, dessert mashup, fudgy brownies, cookie dough brownies

Did you make this recipe?

Share a photo and tag us — we can't wait to see what you've made!

Similar Posts

Leave a Reply

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

Recipe rating