Chocolate Sugar Cookie Bars

Jump to Recipe โ–ผ
Total Time 55 minutes
Servings 18 bars

I may receive compensation in the form of payment or products to supplement my posts, but all opinions remain my own. Read our disclosure policy.

These chocolate sugar cookie bars are tender and soft with a delicious chocolate flavor and creamy chocolate frosting. The recipe is so much easier than making cut-out cookies, and perfect for chocolate lovers!

Stack of three chocolate sugar cookie bars

I love sugar cookies, and I love sugar cookie bars. So after making a big batch of my frosted sugar cookie bars the other week, I decided I needed a chocolate version on my site. I already have a recipe for red velvet sugar cookie bars and peppermint sugar cookie bars for Christmas, but since I’m a true chocolate lover, this double chocolate version was necessary.

These chocolate sugar cookie bars are tender and soft. Unlike a brownie – which is gooey and fudgy – these are a little more cakey in texture. Since they’re a chocolate sugar cookie – the texture is more tender than a drop cookie. The chocolate flavor is rich, but sickeningly sweet. Then they’re topped with a super thick layer of creamy chocolate frosting.

Compared to making cookies – this recipe is so much quicker because there’s no need to chill your dough and you don’t need to form the dough into balls or get out your cookie cutters.

Note – this recipe is designed to be made as cookie bars. It will be too sticky to use as cut-out cookies, and the cookies will spread too thin if forming into balls.

You’ll start by sifting together the dry ingredients – flour, cocoa, baking soda and salt. Then in a separate bowl, you’ll beat together the butter, brown sugar and granulated sugar until combined. Beat the eggs, a little oil and vanilla into the butter mixture. Using a touch of oil keeps these bars soft for longer. Then you’ll mix the dry ingredients into the butter mixture.

Then you’ll spread the cookie dough into your prepared pan. You can also use a piece of wax paper and press the cookie dough down into the pan. The piece of wax paper between your hands and the dough is necessary – otherwise the dough will just stick to your hands.

Bowl of chocolate sugar cookie dough, and pan of unbaked chocolate sugar cookie dough

The bars will bake for about 25-28 minutes – but the bake time is a little subjective, depending on if you like your bars more chewy or more cakey. A longer bake time, will lead to cake-ier bars.

For the Chocolate Frosting

The cookie bars are then frosted with a thick layer of chocolate buttercream. It’s a simple recipe made with butter, cocoa, powdered sugar, salt, vanilla and a little cream (or milk).

After frosting the bars, I like to place them in the fridge for at least 20 minutes before slicing. This allows for the frosting to crust (aka harden slightly), which means your cookie bars will have perfectly clean cuts.

Slab of chocolate sugar cookie bars topped with chocolate frosting

You’ll love these chocolate sugar cookie bars because they’re soft, tender and have a delicious chocolate flavor. Plus – the thick layer of creamy chocolate frosting on top makes them even more

And if you need more chocolate cookie recipes, then be sure to try:

Three chocolate sugar cookie bars with chocolate frosting, stacked on top of each other
Stack of three chocoalte sugar cookie bars with chocolate frosting
These chocolate sugar cookie bars are tender and soft with a delicious chocolate flavor and creamy chocolate frosting. The recipe is so much easier than making cut-out cookies, and perfect for chocolate lovers!
Prep: 30 minutes
Cook: 25 minutes
Total: 55 minutes
Servings: 18 bars
Want to save this recipe?
Just enter your email and get it sent to your inbox! Plus you’ll get new recipes from us every week!

Equipment

  • 9×13 inch (23 x 33 cm) baking pan*

Ingredients

Chocolate Sugar Cookie Bars

  • 2 cups all-purpose flour (250 grams) , whisk first, the spoon into a dry measuring cup and level off the top
  • 3/4 cup cocoa powder (68 grams), sifted
  • 3/4 teaspoon baking soda
  • 1/2 teaspoon salt
  • 1 cup unsalted butter (226 grams)
  • 1 cup granulated sugar (200 grams)
  • 1/2 cup brown sugar (205 grams), use 3/4 cup for sweeter bars
  • 2 large eggs
  • 2 teaspoons vanilla extract
  • 2 teaspoons vegetable oil, or canola oil

Chocolate Frosting

  • 3/4 cup unsalted butter (168 grams), softened but not starting to melt
  • 2-3 cups powdered sugar (220-330 grams), sifted
  • 1/2 cup cocoa powder (45 grams), sifted
  • 1 teaspoon vanilla extract
  • 1/4 teaspoon salt
  • 1-2 tablespoons whipping cream, and milk

Instructions 

Chocolate Sugar Cookie Bars

  • Preheat the oven to 350F (180C). Lightly grease a 9×13 inch (23×33 cm) pan with nonstick cooking spray, then line with baking paper so that there's an overhang around the edges. Greasing the pan first makes the paper stick to the pan and then it's easier to spread out the dough. Alternatively, simply grease the pan.
  • In a medium bowl, sift together the flour, cocoa, baking soda and salt. Whisk together.
  • In a separate large bowl, beat together the butter, granulated sugar and brown sugar until creamed.
  • Beat the eggs, vanilla and oil into the butter mixture.
  • Mix the dry ingredients into the butter mixture. I typically do this about 1/2 at a time and start with the mixer on a low speed so that the flour doesn't make a mess when you turn on the electric mixer.
  • Spoon/dollop the dough into the prepared pan. Spread into an even layer using an offset spatula. Alternatively, take a large piece of wax paper and press the dough down into an even layer (using the wax paper between your hands and the dough.
  • Bake in the preheated oven for about 24-29 minutes, or until the top looks set. The bake time is slightly subjective depending on if you prefer chewier or cake-ier bars. A longer bake time will lead to cake-ier bars.

Chocolate Frosting

  • In a large bowl, beat the butter until soft.
  • Sift in 2 cups powdered sugar and the cocoa powder. Beat together, starting with the mixer on a low speed.
  • Add in the vanilla and salt. Beat in the rest of the powdered sugar about 1/2 cup at a time, alternating with a tablespoon of cream (or milk) until the desired sweetness and thickness is reached.

Frosting & Serving

  • Ensure that the bars are fully cooled, then frost with a offset spatula or the back of a spoon.
  • Place in the fridge for at least 20 minutes before slicing.
  • When ready to slice, if you lined the pan, lift the bars out of the pan using the long side of the overhang of the parchment. Set on a cutting board and place on a cutting board. If you didn't line the pan and only greased it, cut in the bars in the pan. Slice the bars with a sharp knife.

Notes

  1. Storage: Store in an airtight container at room temperature for up to 3 days or in the fridge for up to 5 days. 
  2. Nutrition: Details are an estimate only, based on 1 bar with frosting, assuming the pan is sliced into 18 uniform pieces.

Nutrition

Calories: 355kcal, Carbohydrates: 45g, Protein: 4g, Fat: 20g, Saturated Fat: 12g, Polyunsaturated Fat: 1g, Monounsaturated Fat: 5g, Trans Fat: 1g, Cholesterol: 68mg, Sodium: 156mg, Potassium: 128mg, Fiber: 3g, Sugar: 30g, Vitamin A: 582IU, Calcium: 24mg, Iron: 2mg
Like this recipe? Rate and comment below!

You Might Also Like

Leave a comment

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

Recipe Rating