• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Lifestyle of a Foodie
  • Home
  • Recipes
    • Air Fryer
    • breakfast
    • Desserts
    • Diets
    • Drinks
    • Savory
    • Small Batch
    • Recipe collection
  • About me
  • Contact
  • Privacy
Home » Desserts » bars

The Best Chocolate Sugar Cookie Bars Recipe

Published: May 9, 2024

Spread the love

This chocolate sugar cookie bars recipe is out of this world! Made with a standard sugar cookie dough but with rich chocolate flavor from cocoa powder, these easy sugar cookie bars are perfect for any chocolate lover in your life!

Jump to Recipe
chocolate sugar cookie bars recipe cut into squares

Regular sugar cookies are already super tasty with their iconic vanilla and buttery notes. But have you ever had it with chocolate?! It’s amazing!

If this is your first time, you’re in a for a treat. If you’ve made these before and are just searching for a reliable recipe to follow, you’ve come to the right place.

Since you are here looking for a sugar cookie bar recipe, check out this Patriotic Sugar Cookie Bars Recipe, this Easy Festive Christmas Sugar Cookie Bars Recipe, or this Easy Lemon Sugar Cookie Bars Recipe.

chocolate sugar cookie bars recipe ingredients

Ingredients for this Chocolate sugar cookie bars recipe

Here are the ingredients you will need to make this easy dessert. Make sure to scroll down to the recipe card at the bottom of the page for the detailed ingredient measurements. 

  • Butter: Use unsalted butter so that we can add the salt in separately later. You will also want the butter to be melted, so heat it up in the microwave, then let it cool down so it’s not hot.
  • Granulated Sugar and Brown Sugar: sweeten the cookie with the brown sugar adding a deep molasses-y flavor as well as extra moisture to soften our sugar cookie bars.
  • Large Egg: helps bind all of the ingredients together.
  • Vanilla Extract: is the classic flavor of a good sugar cookie and helps enhance the chocolate flavor.
  • All-purpose Flour: combines with the wet ingredients to create the dough.
  • Unsweetened Cocoa Powder: is how we will create the flavor for the chocolate sugar cookies.
  • Baking Powder: helps the cookie bars rise and prevents them from becoming too dense.
  • Salt: balances out the sweetness and enhances the flavor of the chocolate.
  • Mini Chocolate Chips: scattered throughout the bars create a fun difference in texture and doubles down on the chocolate flavor.
chocolate sugar cookie bars recipe squares stacked on top of each other

How to make this chocolate sugar cookie bars recipe

This is how you can turn a chocolate sugar cookie recipe into bars. Make sure to scroll down to the recipe card at the end of this post for the full step-by-step instructions! 

  1. Preheat your oven to 350°F and line an 8×8 inch square baking pan with parchment paper, leaving an overhang for easy removal.
  2. In a large bowl, mix together the butter and both sugars with a hand mixer or electric mixer until light and fluffy. Add the egg and vanilla extract, and beat until well combined.
  3. In a separate medium bowl, whisk together the flour, cocoa powder, baking powder, and salt.
  4. Gradually add the dry ingredients to the wet ingredients, mixing until a dough forms. Make sure to scrape the sides of the bowl with a rubber spatula to get every last crumb combined.
  5. Press the dough evenly into the prepared pan in an even layer. You can use your hands or a offset spatula to help spread it out. Sprinkle the chocolate chips on top.
  6. Bake in the preheated oven until the edges are set and a toothpick inserted into the center comes out with a few moist crumbs.
  7. Allow the bars to cool completely to room temperature in the pan before slicing into squares.
unmixed ingredients in a bowl
mixed ingredients in a bowl
dough in  a pan

Why you need to make this recipe!

  • This easy recipe only requires a handful of simple ingredients that you can easily find at the grocery store.
  • These simple sugar cookie bars combined with chocolate flavor are the best way to satisfy sweet tooths and chocolate cravings at the same time.
  • This chocolate sugar cookie bars recipe is bound to be the new favorite cookie of everyone in your household.
close up of the chocolate sugar cookie bars recipe

Frequently Asked Questions – FAQ

How do I store leftover bars?

Sugar cookies actually keep really well and you can store them many different ways. The easiest way to store them is to just throw in a Ziploc bag and keep them out at room temp on the kitchen counter. They should last for 3-4 days at least like this.

A better way would be to put them in an airtight container and store them in the fridge. They will last for 7-9 days like that. Or for the best storage option, wrap them in plastic wrap first, then into an airtight container, then into the freezer. They will last for multiple months this way. The purpose of wrapping them first in plastic wrap is to prevent them from getting freezer burn and ruining the flavor.

close up of the chocolate sugar cookie bars recipe being held up by a hand

Can I add a chocolate frosting to this chocolate sugar cookie bars recipe?

Of course, frosted sugar cookie bars are delicious! You should already have the butter and cocoa powder from this recipe, you’ll just need some powdered sugar and milk or heavy cream to make it. And if you want it to be even thicker and deeper in flavor, use cream cheese as well! For different ideas of a frosting recipe, check out this Frostings Page.

overhead close up of the chocolate sugar cookie bars recipe

Can I try different flavors with this recipe?

Absolutely! Besides adding a frosting of chocolate or different flavors, you could also flavor the cookie dough itself! Here are a few options you could try:

  • Switch out the chocolate chips for white chocolate chips or peanut butter chips.
  • Add a couple drops of peppermint extract to create chocolate mint sugar cookie bars.
  • Sprinkle in some espresso powder to replicate the flavor of a mocha latte in your cookie bars.

Can I double this recipe?

Of course! You can double this recipe and bake it in a 9×13-inch pan instead of8x8 inch pan. Bake it for about the same time or for 2-3 minutes more. To know when it’s done insert a wooden skewer in the center and if it comes out clean, it is ready!

side shot of the finished baked product

The Best Chocolate Sugar Cookie Bars Recipe

chocolate sugar cookie bars recipe cut into squares

Chocolate Sugar Cookie Bars

This chocolate sugar cookie bars recipe is made with a standard sugar cookie dough but with rich chocolate flavor.
5 from 7 votes
Print Recipe Pin Recipe
Prep Time 15 minutes mins
Cook Time 25 minutes mins
Total Time 40 minutes mins
Course Dessert
Cuisine American
Servings 16 squares
Calories 144 Calories

Ingredients
 
 

  • ½ cup unsalted butter melted and lightly cooled
  • ½ cup granulated sugar
  • ¼ cup brown sugar
  • 1 large egg
  • 1 teaspoon vanilla extract
  • 1 cup all-purpose flour
  • ⅓ cup unsweetened cocoa powder sifted
  • ½ teaspoon baking powder
  • ¼ teaspoon salt
  • ⅓ cup mini chocolate chips

Instructions
 

  • Preheat your oven to 350°F and line an 8×8 inch baking pan with parchment paper, leaving an overhang for easy removal.
  • In a large bowl, mix together the butter and both sugars until combined. Add the egg and vanilla extract, and beat until well combined.
  • In a separate bowl, whisk together the flour, cocoa powder, baking powder, and salt.
  • Gradually add the dry ingredients to the wet ingredients, mixing until a dough forms.
  • Press the dough evenly into the prepared pan. You can use your hands or a spatula to help spread it out. Sprinkle the chocolate chips on top and the granulated sugar.
  • Bake for 20 minutes, or until the edges are set and a toothpick inserted into the center comes out with a few moist crumbs.
  • Allow the bars to cool completely in the pan before slicing into squares.

Nutrition

Calories: 144CaloriesCarbohydrates: 19gProtein: 2gFat: 7gSaturated Fat: 4gPolyunsaturated Fat: 0.3gMonounsaturated Fat: 2gTrans Fat: 0.2gCholesterol: 26mgSodium: 58mgPotassium: 46mgFiber: 1gSugar: 12gVitamin A: 201IUVitamin C: 0.02mgCalcium: 21mgIron: 1mg
Keyword chocolate sugar cookie bars, chocolate sugar cookie bars recipe, chocolate sugar cookies
Tried this recipe?Follow us and tag us on Instagram! @chahinez_tbt
how to make no bake keto cheesecake

If you enjoyed this chocolate sugar cookie bars recipe, make sure to pin it for later!

pinterest pin of the chocolate sugar cookie bars recipe
pinterest pin of the chocolate sugar cookie bars recipe
pinterest pin of the chocolate sugar cookie bars recipe
« The Best Classic Easy Lemon Bars Recipe
Easy Healthy Raspberry Jam Chocolate Bites Recipe »

Filed Under: bars, Desserts Tagged With: chocolate, chocolate sugar cookie bars recipe, sugar cookie bars

Reader Interactions

Comments

  1. Art W

    March 27, 2025 at 2:41 pm

    Do you think black cocoa powder would work, with this recipe?

    Reply
    • Chahinez

      March 28, 2025 at 5:58 pm

      Yes and I think that would make it taste delicious!

      Reply
  2. Jennifer Curry

    June 02, 2024 at 3:33 pm

    5 stars
    So perfectly chocolate!! I used butterscotch chips in one batch and added a teaspoon of espresso powder. I baked one batch for a chewy brownie style cookie and another batch for about 14 mins for a crispy dunkable cookie. Love it!

    Reply
    • Chahinez

      February 09, 2025 at 4:06 pm

      Yum, butterscotch chips and espresso powder sound like amazing additions! I love how you adjusted the baking time for different textures — chewy and crispy options are always a win. So glad to hear you loved them, and thanks for sharing your tweaks! Can’t wait for you to make them again!

      Reply
  3. Jacqueline Carrano

    May 13, 2024 at 4:39 am

    5 stars
    Very tasty but were very thin? I used a metal USA pan 8×8.

    Reply
    • Chahinez

      May 13, 2024 at 4:07 pm

      Feel free to double the recipe for a thicker cookie. Keep in mind that it will need to be baked a tad bit longer as well.

      Reply
  4. Elizabeth

    May 09, 2024 at 4:37 pm

    5 stars
    these were perfect! They tasted just like a chocolate sugar cookie, perfectly chewy to match
    I put the chocolate chips throughout instead of on top

    Reply
    • Chahinez

      May 09, 2024 at 4:51 pm

      I love that! Thank you for sharing!

      Reply
5 from 7 votes (4 ratings without comment)

Leave a Comment Cancel reply

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

Recipe Rating




Primary Sidebar

About me

Hey there! My name is Chahinez, and I’m the brains behind the blog, Lifestyle of a Foodie. LOAF was started back in 2018 during my last semester ...

Read More

Categories

Footer

Most popular posts

Crumbl copycat cookies

In the past few months, Crumbl cookies have gotten so popular! Tiktok went crazy for them the second I shared my first chilled sugar cookie recipe on there. Since then I have put my baking expertise to test by going through their whole menu and bringing you the best Crumbl copycats found online! The hundreds of reviews on the Crumbl cookie recipes that have been posted throughout the past few months can be proof of that! In this article I have 39 Crumbl cookie copycat recipes to satisfy all your cravings, so get ready!

Copyright © 2025 Lifestyle of a Foodie on the Foodie Pro Theme

Rate This Recipe

Your vote:




A rating is required
A name is required
An email is required

Recipe Ratings without Comment

Something went wrong. Please try again.