This quick and easy Chocolate Cookie Bars recipe makes the most soft, chewy, and chocolatey treat. Perfect for everything from birthday parties to bake sales, these cookie bars are made with a chocolate sugar cookie base and topped with creamy vanilla buttercream frosting.

In order to make the best chocolate sugar cookies, I recommend using a high quality cocoa powder in the cookie dough. Of course you can feel free to add chocolate chips to these cookie bars, or experiment with adding swirls of peanut butter, caramel, and so much more.

An easy Chocolate cookie bars recipe, the chocolate cookie dough is pressed into a baking sheet, baked, and then covered with white frosting and sprinkles.

When baking for a crowd, my favorite secret weapon is cookie bars. These Chocolate Cookie Bars are baked in a sheet tray, covered with creamy homemade vanilla buttercream frosting, and cut into bars or squares. No need to individually portion or frost!

To make the cookie dough, I adjusted my usual sugar cookies and added high quality cocoa powder. Feel free to add mix-ins like chocolate chips or nuts to the cookie dough. You could also experiment with different flavors of frosting such as Chocolate Buttercream or Mint Cream Cheese Frosting. For a real treat, serve with a scoop of vanilla ice cream.

  • Flour – all-purpose flour works great for these cookie bars.
  • Baking Soda – this helps to keep the dough nice and soft and allows the cookies to rise slightly in the oven.
  • Cocoa Powder – for the best flavor, use a high quality cocoa powder. 
  • Salt – salt helps balance all of the flavors. Sea salt works great.
  • Butter – your butter should be softened to room temperature before making the dough. If you forget to pull it out ahead of time, microwave gently for about 10 seconds at a time just until soft but not melted butter.
  • Sugar – you will need white granulated sugar for these cookie bars. If you want, you could substitute a portion with brown sugar.
  • Vanilla Extract – pure vanilla extract has the best flavor.
  • Eggs – it helps to have your eggs at room temperature so that they don’t shock the butter when added to the dough. You can run them until warm water if needed.

Buttercream Frosting

  • Butter – you can use either salted or unsalted butter, depending on the flavor profile you like. Either way, your butter needs to be soft. You can pull it out at room temperature or warm slowly in the microwave for about 10 seconds at a time just until soft.
  • Powdered Sugar – it helps to add this in a few batches rather than all at once.
  • Milk – I always prefer whole milk but 2% milk will work just fine.
  • Vanilla Extract – pure vanilla extract has the best flavor.
How to make chocolate cookie bar dough, spread into a sheet tray to make cookie bars.
  1. Make the chocolate sugar cookie dough. Add the butter, sugar and vanilla into the bowl of a stand mixer and cream using the paddle attachment until light and fluffy, about 3 minutes.  Add the eggs one at a time, scraping down the bowl as needed. In a separate bowl, combine the flour, cocoa powder, baking soda and salt and whisk well, then add the dry ingredients to the butter and egg mixture. Beat on low speed until well incorporated and no streaks of butter remain, but do not overmix.
  2. Press the dough into a baking pan. Line a 9″ x 13″ baking sheet with parchment paper, or lightly spray with nonstick cooking spray.  Press the cookie dough into the prepared baking pan, covering the bottom of the pan as evenly as possible.
  3. Bake the cookie bars. Bake for 20-25 minutes, or until just barely golden.  Remove from the oven and let cool completely. 
  4. Make the buttercream frosting. While the cookie bars bake, make the buttercream frosting. In the bowl of a stand mixer, cream together the room temperature butter using the paddle attachment until light and fluffy. Add the milk and powdered sugar and mix on low speed until incorporated.  Add the vanilla extract and mix again on low until incorporated. Increase speed and beat until the frosting is fluffy and spreadable. Note: you may need to add a bit more powdered sugar to adjust the consistency.
  5. Frost and serve. Using an offset spatula, spread the frosting over the top of the cooled Chocolate Cookie Bars.  Garnish the tops with your favorite sprinkles if desired. Cut into 20 square cookie bars.  Enjoy! 
  • Chocolate Chip Cookie Bars: add semi sweet chocolate chips, milk chocolate chips, or even white chocolate chips to the cookie dough.
  • Mint Chocolate Cookie Bars: Add peppermint extract to the chocolate sugar cookie dough then top with a layer of mint chocolate ganache and crushed candy canes or mint candies.
  • White Chocolate Raspberry Cookie Bars: Swirl white chocolate chips into the chocolate sugar cookie dough. Drizzle with a raspberry glaze made from pureed raspberries and powdered sugar.
  • Peanut Butter Chocolate Chip Cookie Bars: Mix peanut butter chips or swirl peanut butter into the chocolate sugar cookie dough. Sprinkle with mini chocolate chips or chunks for added richness.
  • Salted Caramel Pretzel Cookie Bars: Mix crushed pretzels into the chocolate sugar cookie dough for a salty crunch. Drizzle with salted caramel sauce and sprinkle with sea salt.
Chewy chocolate sugar cookie bars frosted with vanilla buttercream, chocolate cookie squares.

Frequently Asked Questions

What’s the best size baking dish to bake cookie bars?

For this recipe, I suggest baking in a 9” x 13” baking dish. For thicker cookie bars you could bake them in an 8” or 9” square pan, or for thinner cookies, bake in a 13” x 17” baking sheet.

Do you have to refrigerate cookie bars?

Because of the buttercream frosting these Chocolate Sugar Cookie Bars should be stored in the fridge. If they are unfrosted, the cookie bars can be stored either wrapped well or in an airtight container at room temperature for up to 3 days.

Can I make cookie bars ahead of time?

Yes! You can absolutely make these a day in advance, storing in an airtight container in the fridge. You can also freeze the cookie bar dough and bake once you are ready to serve them. Press the dough into a sheet tray and wrap well with plastic wrap, then freezer for up to 1 month.

Storing and Freezing

  • Refrigerator: store cookie bars in an airtight container in the fridge for up to 1 week.
  • Freezer: frosted cookie bars can be stored frozen for up to 1 month. Unfrosted cookie bars can be stored for up to 2 months.
5 from 1 vote

Chocolate Cookie Bars Recipe

Author The Carefree Kitchen
These quick and easy Chocolate Sugar Cookie Bars are a soft, chewy, chocolatey treat. Perfect for everything from birthday parties to bake sales, these cookie bars are made with a chocolate sugar cookie base and creamy vanilla buttercream frosting.
Prep: 10 minutes
Cook: 25 minutes
Total: 35 minutes
Yields20 people

Ingredients

Chocolate Cookie Bars

  • 1 cup butter, room temperature
  • 1 ½ cups sugar
  • 1 teaspoon vanilla extract
  • 2 cups all-purpose flour
  • 1/4 cup cocoa powder
  • 1 teaspoon baking soda
  • 1 teaspoon salt
  • 2 large eggs

Buttercream Frosting

  • 8 ounces butter, room temperature
  • 3 cups powdered sugar
  • 2 tablespoons milk
  • 2 teaspoons vanilla extract

Instructions
 

Chocolate Cookie Bars

  • Preheat oven to 325 degrees.
  • Add the butter, sugar and vanilla into the bowl of a stand mixer and cream using the paddle attachment until light and fluffy, about 3 minutes. Add the eggs one at a time, scraping down the bowl as needed.
  • In a separate bowl, combine the flour, cocoa powder, baking soda and salt and whisk well, then add to the butter and egg mixture.
  • Beat on low speed until well incorporated and no streaks of butter remain, but do not overmix.
  • Line a 9" x 13" baking sheet with parchment paper, or lightly spray with nonstick cooking spray. Press the cookie dough into the prepared baking pan, covering the bottom of the pan as evenly as possible.
  • Bake for 20-25 minutes, or until just barely golden. Remove from the oven and let cool completely.

Vanilla Buttercream Frosting

  • In the bowl of a stand mixer, cream together the room temperature butter using the paddle attachment until light and fluffy.
  • Add the milk and powdered sugar and mix on low speed until incorporated.  Add the vanilla extract and mix again on low until incorporated. Increase speed and beat until the frosting is fluffy and spreadable. Note: you may need to add a bit more powdered sugar to adjust the consistency.
  • Using an offset spatula, spread the frosting over the top of the cooled Chocolate Cookie Bars. Garnish the tops with your favorite sprinkles if desired. Cut into 20 square cookie bars. Enjoy!

Nutrition

Calories: 347kcal | Carbohydrates: 43g | Protein: 2g | Fat: 19g | Saturated Fat: 12g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 5g | Trans Fat: 1g | Cholesterol: 67mg | Sodium: 327mg | Potassium: 44mg | Fiber: 1g | Sugar: 33g | Vitamin A: 594IU | Calcium: 14mg | Iron: 1mg
Disclaimer: Nutritional values were calculated using a third-party tool and are provided as an estimation only.
Course Dessert
Cuisine American
Sharing this recipe with a link is both encouraged and appreciated. Copying/pasting and/or screenshots of full recipes to any social media is strictly prohibited. Content and photographs are copyright protected.

Did you make this?

Don’t forget to leave a rating below and make sure to follow on Pinterest, Instagram and Tiktok for more!

These soft and chewy Chocolate Sugar Cookie Bars are covered in homemade vanilla buttercream. They’re perfect for serving at birthday parties, bake sales, and all sorts of get togethers.

Categories:

, , , , ,
5 from 1 vote (1 rating without comment)

Leave a Reply

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

Recipe Rating




More You'll Love