Chocolate Chip Cookie Brownie Recipe From Scratch: Double-Layered Crunch and Fudgy Heart

This chocolate chip cookie brownie recipe from scratch delivers the best of both worlds: a fudgy, rich brownie base with crispy cookie edges and pockets of melty chocolate chips. 💛 The secret lies in a precise balance of cocoa powder and butter, baked just long enough to create that signature contrast—soft centers with caramelized edges.

I perfected this recipe after testing dozens of variations, and it’s become a crowd-pleaser at every gathering.

What sets this recipe apart is the double-layered texture—the bottom stays moist and dense like a classic brownie, while the top develops a chewy, cookie-like crust. The chocolate chips are folded in at the right moment to ensure they stay gooey, not burnt.

And with just 350°F and 25-30 minutes in the oven, it’s a foolproof method that even beginners can master.

By the time it comes out of the oven, you’ll have a dessert that looks like it came from a bakery but tastes even better—warm, rich, and impossible to resist.

The aroma alone will have everyone gathering around your kitchen. This recipe is perfect for birthdays, holidays, or whenever you crave something decadent without the fuss.

For an extra boost, try adding a sprinkle of sea salt on top before baking, or swap out half the chocolate chips for white chocolate and nuts. The possibilities are endless, but the foundation remains the same: rich, fudgy, and irresistibly crunchy. Let’s get baking!

Ingredients for chocolate chip cookie brownie recipe from scratch

Butter, sugar, and cocoa meet chocolate chips for a dessert that's both cookie and brownie.

The butter matters here—unsalted gives you more control over flavor. Grab the European-style if you can (like Plugrá or Land O'Lakes European Style), but regular works fine. For the cocoa powder, Dutch-processed makes it richer and smoother—Hershey's Special Dark or Valrhona are my go-tos. Chocolate chips? Ghirardelli or Enjoy Life (for allergy-friendly) are worth the splurge. The white chocolate chips add a nice contrast, but you can skip them if you prefer classic chocolate chip brownies.

No brown sugar? Substitute with an extra 0.5 cup granulated sugar—it won’t be as moist, but it’ll still taste great. Out of vanilla? Almond extract at half the amount works in a pinch. For the chocolate chips, chopped bars (like Ghirardelli squares) give a better texture than pre-packaged chips. If you’re feeling fancy, fold in chopped nuts like walnuts or pecans halfway through baking. And if you’re worried about overmixing, trust me—a spatula and 10 seconds is all you need.

This keeps beautifully at room temperature for 3 days in an airtight container, but honestly, it’s best within 24 hours when the texture is perfect. For longer storage, wrap tightly in foil and refrigerate for up to 1 week. If you’re prepping ahead, bake it a day early—the flavors deepen overnight. And if you’re serving a crowd, cut into squares while still warm so the edges stay crisp.

Step-by-step instructions for double-layered chocolate chip cookie brownie

Master this fusion dessert with crispy cookie topping and fudgy chocolate center.

In a stand mixer fitted with the paddle attachment, beat the 1 cup unsalted butter (cold, cubed) with 1.5 cups granulated sugar and 0.5 cup packed brown sugar on medium speed for 3-4 minutes. You're looking for a light, fluffy texture that nearly doubles in volume and becomes pale golden. This creaming process incorporates air, which creates that signature crackly cookie top while ensuring a tender brownie base.

I like to scrape down the sides of the bowl with a silicone spatula every 30 seconds to ensure even mixing. The butter should be completely smooth with no visible lumps. If you're using a hand mixer, work in 30-second bursts on medium-high speed to prevent overheating the mixture.

Add the 2 whole large eggs (room temperature) one at a time, mixing on low speed for 30 seconds after each addition until fully incorporated. Then add the 1 tablespoon vanilla extract and mix for another 10 seconds. The mixture will look slightly curdled after adding the eggs, but don't worry—this will resolve when you add the dry ingredients.

Here's the thing—room temperature eggs blend more smoothly and create a lighter texture. If your eggs are straight from the fridge, let them sit in warm water for 5 minutes before using. The vanilla extract should be pure, not imitation, for that authentic flavor depth that carries through both the cookie and brownie layers.

In a separate bowl, whisk together the 0.75 cups all-purpose flour, 0.5 cup unsweetened cocoa powder, 0.5 teaspoon baking powder, and 0.5 teaspoon salt. Sift the dry ingredients directly into the wet mixture with the mixer running on low speed until just combined—you should still see a few flour streaks. Overmixing develops gluten, which would make the cookie layer tough instead of crispy.

Remove the bowl from the mixer and fold in the 1.5 cups semisweet chocolate chips and 0.5 cup white chocolate chips using a silicone spatula. Make sure they're evenly distributed throughout the dough. I find that using a mix of semi-sweet and white chocolate creates beautiful contrast when baked—the white chocolate stays creamier while the semi-sweet develops that classic chocolate brownie texture.

Preheat your oven to 350°F and grease a 9x9-inch square baking pan generously with butter or line it with parchment paper. Divide the dough evenly between two mixing bowls—about half for the brownie layer and half for the cookie topping.

Press the brownie portion firmly into the prepared pan, spreading it evenly to the edges. Use a spatula to create a slightly domed center—this helps the cookie topping bake evenly without burning at the edges. The brownie layer should be about ½-inch thick when pressed.

Bake the brownie layer for 15 minutes. Then remove from the oven and spread the remaining cookie dough evenly over the top, pressing down gently to create a thick cookie crust. Return to the oven and bake for another 18-22 minutes until the edges are golden brown and a toothpick inserted in the center comes out with moist crumbs (not wet batter).

I know it's tempting to check early, but resist the urge—this double-layer dessert needs that full baking time to develop the perfect contrast. The cookie top should be crispy with a crackly surface, while the brownie center should remain fudgy with just a hint of firmness. Immediately after baking, sprinkle the 1 tablespoon flaked sea salt evenly over the top while it's still warm. Let cool in the pan for 10 minutes before slicing—this resting period ensures clean cuts and prevents crumbling.

Best sauces and condiments for this recipe

Warm Caramel Drizzle

Transform your cookie brownie into a decadent masterpiece with a warm salted caramel drizzle. Heat ½ cup heavy cream and ½ cup granulated sugar in a saucepan over medium heat until sugar dissolves completely.

Add 2 tbsp unsalted butter and 1 tbsp corn syrup, simmering until it thickens to a glossy consistency. Drizzle over the warm brownie and sprinkle with flaky sea salt—the contrast of salty, sweet, and chocolate is pure magic. 💛

Vanilla Bean Ice Cream

Serve your cookie brownie with a scoop of homemade vanilla bean ice cream for the ultimate dessert experience. Use a high-quality brand like Ben & Jerry's or make your own by infusing heavy cream with scraped vanilla beans.

The creamy texture and vanilla notes complement the chocolate perfectly. For extra indulgence, let the ice cream soften slightly before serving to create a melty contrast with the crispy cookie top.

Chocolate Ganache

A dark chocolate ganache takes your dessert to the next level. Melt 8 ounces dark chocolate (70% cocoa) with ½ cup heavy cream over a double boiler, stirring until smooth. Let cool slightly before drizzling over the brownie.