Chocolate Sugar Cookie Bars
Fudgy, rich chocolate sugar cookie bars topped with a silky chocolate buttercream frosting and a glossy chocolate drizzle.
- Extra Egg Yolks: Adding an extra yolk introduces lecithin, which emulsifies the fats and creates a tight, fudgy crumb rather than a cakey texture.
- Hygroscopic Sugars: Swapping a portion of granulated sugar for brown sugar pulls moisture from the air, keeping the bars incredibly soft for days.
- Dutch-Process Cocoa: Using alkalized cocoa powder ensures a deep, rich chocolate flavor without any harsh acidic notes.
My first attempt at baking cookie bars ended with a pan of dry, crumbly chocolate bricks that literally chipped my favorite ceramic spatula.
I had tried to convert my favorite roll-out chocolate sugar cookies into a quick sheet pan bake, but I completely ignored how the thermal mass of a metal pan changes the moisture retention of the dough.
It was a disaster.
Standard cookie dough relies on rapid moisture evaporation from individual mounds to create those crisp edges, but when you pack that same dough into a dense 9x13-inch block, the steam gets trapped in the center while the perimeter burns to a crisp. Cheap, off-brand cocoa powders failed my tests here because they lacked the fat content needed to keep the crumb tender, leaving me with bars that either sank like a stone or tasted like dry cake.
Bear with me here, because the fix is incredibly simple.
The breakthrough came when I treated the dough more like a blondie, boosting the egg yolk count and swapping out some granulated sugar for brown sugar to lock in that chewy, fudgy texture.
They are absolutely perfect.
Now, these bars bake up flat, with a tight, velvety crumb that holds up beautifully under a thick layer of chocolate buttercream and a glossy chocolate drizzle. If you love the ease of cookie bars but crave the deep cocoa punch of a brownie, this is hands down your new holy grail.
Chocolate Sugar Cookie Bars
Ingredients
- 1 cup (225g) unsalted butter, melted and cooled
- 1 cup (200g) granulated sugar
- 1/2 cup (100g) packed light brown sugar
- 2 large eggs, room temperature
- 1 large egg yolk, room temperature
- 2 teaspoons vanilla extract
- 2 cups (250g) all-purpose flour
- 3/4 cup (75g) Dutch-process cocoa powder
- 1 teaspoon baking powder
- 1 teaspoon Diamond Crystal kosher salt
- 1/2 cup (115g) unsalted butter, softened (for frosting)
- 2 cups (240g) powdered sugar (for frosting)
- 1/3 cup (35g) Dutch-process cocoa powder (for frosting)
- 3 tablespoons heavy cream (for frosting)
- 1/2 cup (90g) semi-sweet chocolate chips (for drizzle)
- 2 tablespoons heavy cream (for drizzle)
Directions
- Preheat your oven to 350°F (175°C). Line a 9x13-inch metal baking pan with parchment paper, leaving an overhang on the sides for easy removal later.
- In a large mixing bowl, whisk together the melted and cooled butter, granulated sugar, and light brown sugar until no lumps remain.
- Add the eggs, egg yolk, and vanilla extract to the butter mixture. Whisk vigorously for about one minute until the mixture becomes slightly pale and thickened.
- Sift the all-purpose flour, cocoa powder, baking powder, and kosher salt directly into the wet ingredients. Use a rubber spatula to fold the mixture together until just combined and no dry flour pockets remain.
- Transfer the thick dough into the prepared pan. Press it into an even layer using your hands or the flat bottom of a measuring cup.
- Bake for 20 to 22 minutes. The edges should be set, but the center should still have a very slight softness when gently pressed. Do not overbake. Let the bars cool completely in the pan.
- Make the frosting: In a medium bowl, beat the softened butter, powdered sugar, cocoa powder, and heavy cream with a hand mixer until light, fluffy, and spreadable. Spread evenly over the cooled cookie slab.
- Make the drizzle: Combine the chocolate chips and heavy cream in a small microwave-safe bowl. Microwave in 15-second bursts, stirring in between, until completely melted and smooth. Drizzle over the frosted bars, let set, then slice and serve. </
Notes
- Salt Conversion: I highly recommend using Diamond Crystal kosher salt; if you are using fine sea salt or table salt, cut the volume in half (use 1/2 teaspoon instead of 1 teaspoon) to avoid over-salting the dough.
- Cocoa Science: Dutch-process cocoa powder is treated with an alkalizing agent to neutralize its natural acidity, which gives these bars their deep, dark color and smooth flavor profile without reacting unpredictably with the baking powder.
- Workflow Warning: Do not overbake these bars! Pull them out when the center still has a very slight, soft give when pressed; they will continue to carryover cook and firm up as they cool in the pan.
- Storage Behavior: After a day in the fridge, the starches in the flour undergo retrogradation, making the bars even fudgier and more intensely chocolatey—I actually prefer eating them cold on day two.
- Butter Temperature: Ensure your melted butter has cooled to room temperature before mixing; hot butter will melt the sugars and cook the eggs, leading to a greasy, dense cookie bar.
Serving Suggestions
These rich, decadent bars are absolutely incredible on their own, but you can easily elevate the presentation for a party or a cozy weekend treat.
- Serve alongside a scoop of vanilla bean ice cream to balance the deep cocoa notes.
- Pair with a fresh batch of mango iced tea for a refreshing contrast to the rich chocolate.
- Dust the top with a tiny pinch of flaky sea salt right after applying the chocolate drizzle to make the flavors pop.
- Cut into tiny, bite-sized squares and arrange them on a dessert platter next to some sugar cookie cups for a beautiful contrast.
- Serve with a cold glass of whole milk or a hot espresso.
Storage and Reheating
Keep these in an airtight container.
At room temperature, they will stay soft and fudgy for up to three days, though the frosting might get a bit soft if your kitchen is warm. I highly recommend storing them in the refrigerator instead, where they transform into a dense, almost fudge-like confection.
Just make sure to press a piece of plastic wrap directly against the cut edges to prevent them from drying out.
If you want to freeze them, do so before frosting. Wrap the plain baked slab tightly in plastic wrap and foil, freeze for up to three months, and then thaw and frost fresh before serving.
It tastes brand new.
Ingredient Substitutes
If you find yourself missing an ingredient, here are the tested swaps that won't ruin your bake.
- Dutch-Process Cocoa: You can use natural cocoa powder in a pinch, but the bars will be lighter in color and have a slightly sharper, more acidic chocolate flavor.
- Light Brown Sugar: Dark brown sugar works beautifully and will actually make the bars even chewier, though it will add a subtle molasses undertone.
- Heavy Cream (for frosting): Whole milk or half-and-half can be substituted, but add it slowly—you will need less of it to achieve the right piping consistency.
- All-Purpose Flour: A 1:1 gluten-free baking blend (like King Arthur or Cup4Cup) works perfectly here because we aren't relying on a heavy gluten network for structure.
Let me know if you end up making these—and please, save yourself the heartbreak of chipped spatulas by using parchment paper! Happy baking, friends.
Susan Rosie
I've spent over 12 years perfecting recipes so you can cook with confidence. Every dish on Storied Skillet is tested multiple times – because your dinner matters. I believe in simple ingredients, clear instructions, and big flavors.
Learn More About Me →