Brown Butter Brookies: Gooey Cookie Base, Fudgy Brownie Crown

These brown butter brookies are the ultimate two-in-one dessert: a chewy chocolate chip cookie base topped with a dense, fudgy brownie layer. Brown butter adds a deep, nutty richness to both layers, while melted chocolate and cocoa make every bite glossy and intensely chocolatey.

The result is a thick, bakery-style bar that satisfies both cookie and brownie cravings in one slice. Perfect for sharing, gifting, or simply indulging with a glass of milk.

Brookies—part cookie, part brownie—have become a favorite for good reason. They combine the best of both worlds: the crisp edges and chewy center of a chocolate chip cookie, and the dense, crackly top of a brownie.

This version takes it further by browning the butter, which adds a toasty, caramel-like depth that complements the chocolate beautifully. The two layers are assembled in one pan, so you get a distinct cookie base and a brownie crown in every bar. They’re simple enough for a weekday treat but impressive enough for a party.

Ingredients

Why this recipe works

Browning the butter is the key to this recipe’s deep, nutty flavor. As the butter cooks, the milk solids toast and develop compounds that taste like toasted hazelnuts and caramel.

This adds complexity to both the cookie and brownie layers without any extra effort. The brown butter also helps create a slightly crisper texture on the outside while keeping the inside tender and moist.

Layering the cookie dough and brownie batter in one pan creates a beautiful contrast in textures. The cookie base is sturdy enough to hold the brownie layer, while the brownie stays fudgy and dense. Baking at 350°F ensures the cookie base cooks through without overbrowning the top. The result is a bar that slices cleanly and tastes like two desserts in one.

Notes and substitutions

Use high-quality semisweet chocolate chips or a chopped chocolate bar for the best flavor. The brown butter should be deeply golden but not burnt—watch it carefully as it can go from perfect to bitter quickly.

For the brownie layer, use a good unsweetened cocoa powder; Dutch-processed will give a richer, less acidic flavor. Whole milk adds tenderness, but any milk will work.

This recipe calls for a 9x13-inch pan, which gives thick bars. If you prefer thinner bars, use a larger pan and reduce the baking time slightly. The bars can be stored at room temperature for up to 3 days, or frozen for up to 3 months. For a gooey texture, reheat individual bars in the microwave for 10 seconds.

• semisweet chocolate chips: Use dark chocolate chunks or a chopped dark chocolate bar for deeper cocoa flavor and larger pockets of melted chocolate.
• whole milk: Replace with buttermilk or plain yogurt thinned with a little water; the extra acidity will make the brownie layer more tender.
• all-purpose flour: A gluten-free 1:1 baking flour blend works in both layers; add 1/4 teaspoon xanthan gum if the blend does not include it.
• unsalted butter: If using salted butter, reduce the added salt to 1/2 teaspoon and skip the extra salt in the brownie layer.

Equipment

• 9x13-inch baking pan
• Parchment paper
• Large mixing bowls
• Whisk
• Rubber spatula
• Cooling rack
• Chef's knife
• Cutting board