Tessa’s Recipe Rundown
TASTE: Just like my famous Soft & Chewy Sugar Cookies but in bar form, topped with rich cocoa frosting and sprinkles on top!
TEXTURE: The sugar cookie bars are soft and chewy, while the frosting is thick, rich, and creamy. The sprinkles provide a tiny crunch.
EASE: Very easy!
PROS: Fun and playful dessert that’ll take you back to your childhood. Perfect for small celebrations!
CONS: None.
WOULD I MAKE THIS AGAIN? Definitely!
This post may contain affiliate links. Read our disclosure policy.
One bite of these Chocolate Frosted Sugar Cookie Bars, and you’ll be transported back to being a kid enjoying a delicious treat after school.
I love to take sweet childhood favorites and make them even better.
No one in my family baked from scratch, so most of my after-school treats were Little Debbie or Hostess. That’s why I have created so many copycat recipes, like my Cosmic Brownies, Oatmeal Cream Pies, and Fudge Rounds.
Though not a copycat recipe, these Chocolate Frosted Sugar Cookie Bars are totally reminiscent of childhood. With fun colors and classic flavors, they are sure to be a big hit with kids of any age.
I modeled these cookie bars after my crazy-popular viral Soft & Chewy Sugar Cookies. All the same delicious flavors and soft, chewy sugar cookie texture, but in bar form.
Then there’s the frosting. I’m mildly obsessed with this chocolate frosting! It’s super easy to make, requires only a few ingredients, and is perfectly rich, fluffy, and so creamy.
I hope you enjoy these little squares of nostalgia as much as I do!
Sprinkle of Science
How to Make Chocolate Frosted Sugar Cookie Bars
Tips for Perfect Sugar Cookie Bars
- Measure accurately. If you don’t measure your ingredients with a digital kitchen scale, you could accidentally add too much flour, causing hard, dry, or super cakey cookie bars. If you don’t have a scale, use the ‘spoon and level’ method.
- Oven temperature. Be sure your oven is actually at the temperature it says it is. Learn more about that in my Oven 101 article. If you don’t already have an oven thermometer, grab one now – they’re inexpensive and really help your baking!
- Don’t reduce the sugar! Sugar does so much more than simply sweetening these cookie bars. Learn more about sugar’s role in baking here.
Melted Butter?
In my Soft & Chewy Sugar Cookies recipe, the butter temperature is crucial to preventing the cookies from overspreading – but because we’re making cookie bars here, spreading isn’t an issue. Melted butter gives these cookie bars a great texture and makes them quicker and easier. You won’t even need a mixer for the cookie bar base!
What Type of Cocoa Powder for the Chocolate Frosting?
Feel free to use any type of cocoa powder you prefer here. When testing these cookie bars, my team and I used Ghirardelli Unsweetened Cocoa Powder, but any type of natural/unsweetened cocoa powder will work. You can use Dutch-processed cocoa instead if preferred.
Learn more about Natural Cocoa vs. Dutch Process Cocoa Powder here.
What’s the Best Baking Pan for Chocolate Frosted Sugar Cookie Bars?
- This recipe yields perfectly soft and chewy cookie bars, and using a pan that conducts heat effectively is important.
- I highly recommend using a light-colored metal pan, like my favorite from USA Pan here.
- I don’t recommend using glass, ceramic, or silicone pans – learn why in my Glass vs. Metal Baking Pans post here.
- This recipe was written to use an 8 by 8-inch baking pan. If you only have a slightly smaller or larger baking pan, please note that your cookie bars’ thickness will change, so the bake time will also need to be adjusted.
What if I Don’t Have a Metal Pan?
If you must use glass or ceramic, drop the baking temperature by 25°F and increase the baking time by 5-10 minutes. Note that your cookie bars may be on the drier side, and they might sink more in the middle.
Can I Double This Chocolate Frosted Sugar Cookie Bars Recipe?
Sure! Simply double all ingredients and bake in a light-colored metal 9 by 13-inch baking pan, adding a few minutes to the bake time.
Can I Make These Sugar Cookie Bars into Regular Cookies?
I have a recipe for that! Use my Soft & Chewy Sugar Cookie recipe here. I used that recipe as the base for these sugar cookie bars, making minor adjustments to the recipe to result in perfect, easy cookie bars. Feel free to frost the cooled cookies with the chocolate frosting recipe below and top with sprinkles. You could even turn them into sandwich cookies and roll the edges in sprinkles, making a fun and festive treat.
Do I Have to Add the Chocolate Frosting?
Of course, I wholeheartedly believe that these Chocolate Frosted Sugar Cookie Bars are perfect with the addition of the fudgy frosting – but if that’s not your thing, feel free to skip it!
You could also top these bars with any frosting you’d like! Peanut Butter Buttercream or Cream Cheese Frosting would be delicious! Check out 10+ Buttercream flavor ideas here.
How to Tell When Cookie Bars are Done Baking
Bake your sugar cookie bars until they’re just lightly golden brown on top and the center springs back when lightly pressed. You can also insert a skewer in the middle to check that only moist crumbs are attached. Residual heat will continue to bake the cookie bars through, and they will firm up as they cool.
How to Serve Chocolate Frosted Sugar Cookie Bars
- Allow the cookie bars to cool completely before slicing.
- Using a large sharp knife, slice the bars into 16 equal slices.
- Run the knife under hot water and carefully wipe dry in between cuts for perfect, clean slices.
- If your cookie bar edges are slightly dry (which may happen if you slightly overbake, or if you use a glass, ceramic, or silicone baking pan), feel free to trim the edges off before slicing and serving.
How to Store Chocolate Frosted Sugar Cookie Bars?
Store Chocolate Frosted Sugar Cookie Bars in an airtight container for 2 days at room temperature or up to 5 days in the fridge. For a super fudgy frosting, serve the bars chilled!
Can You Freeze Sugar Cookie Bars?
Unfrosted Sugar Cookie Bars can be frozen as a whole slab wrapped in plastic wrap and placed inside an airtight container for up to one month. Thaw overnight in the fridge or for a few hours at room temperature before frosting and serving.
We have not tried freezing the frosted sugar cookie bars; however, the cookie bar edges may dry out in the freezer, and the frosting might weep as it thaws. Let us know how it goes if you give it a try!
More Nostalgic Recipes You’ll Love:
Become a Baking Genius!
Sign up for our free email newsletter for NEW recipes & baking science secrets.
Chocolate Frosted Sugar Cookie Bars
Ingredients
For the cookie bars:
- 1 ½ sticks (170 grams) unsalted butter
- 1 cup + 2 tablespoons (225 grams) granulated sugar
- 2 eggs plus 1 egg yolk, at room temperature
- 1 tablespoon vanilla extract
- 2 cups (254 grams) all-purpose flour*
- 1 ½ teaspoons baking powder
- 1/2 teaspoon fine sea salt
For the chocolate frosting:
- 1 1/2 sticks (170 grams) unsalted butter, at room temperature
- 1 1/4 cups (156 grams) powdered sugar, sifted
- 1/3 cup (28 grams) cocoa powder, sifted
- 3 tablespoons heavy cream
- 1 teaspoon vanilla extract
- 1/8 teaspoon salt
- Rainbow sprinkles, to decorate
Instructions
- Preheat the oven to 350°F. Line a light-colored metal 8×8-inch baking pan with parchment paper leaving an overhang.
- Place the butter in a large microwave-safe bowl and microwave on 50% power until melted. Alternatively, melt in a medium saucepan on the stovetop. Whisk in the sugar. Let cool to just warm before whisking in the eggs, egg yolk, and vanilla until smooth. Stir in the flour, baking powder, and salt until just combined.
- Use a spatula to press the dough evenly into the pan.
- Bake for about 30-35 minutes, or until lightly golden brown on top and the center springs back when lightly pressed. Place the pan on a wire rack and let cool completely. The center may sink slightly as they cool.
To make the frosting:
- In the bowl of a stand mixer fitted with the paddle attachment, beat the butter on medium-high speed until creamy, about 2 minutes. Scrape down the bottom and sides of the bowl.
- On low speed, add the powdered sugar, cocoa powder, cream, vanilla, and salt. Scrape down the bottom and sides of the bowl. Increase speed to high and beat for 3 minutes, or until light and fluffy.
- Remove the cooled bars from the pan using the overhang. Frost with a thick layer of frosting. Sprinkle with sprinkles before cutting into squares. Serve or store in an airtight container at room temperature for up to 2 days or in the fridge for up to 5 days.
Delicious and easy to make. I love the generous amount of frosting.
Now, you are a girl who knows the importance of frosting! No sad thin layers here!
Loved this recipe but in the directions it doesn’t state when to add cocoa powder I did it with the sugar hopefully that was correct.
Thanks for your feedback, Jaime! I have that corrected in the recipe!
thanks for sharing a great recipe!
Oh my! These chocolate frosted sugar cookie bars were delicious and so easy to make! Will have to try this for my family. Thanks so much!
This recipe so extravagant:) I made these chocolate frosted sugar cookie bars for the super bowl party and it was a crowd favorite. I’m also gonna pin this post on my Pinterest board my followers will love it. Thanks for sharing, Tessa!
Made these for a bake sale and they sold out so fast!
Yay!!
These sound amazing. And the frosting looks like pure fudge. Pinned!
Hey! I am making these for a get together at my house tomorrow night; there will probably be about 18-20 people. Do you think I could double the recipe and make it in a 9×13??
Definitely!
I love a good sugar cookie bar and these look awesome, Tessa. I love the thick chocolate layer!
I think that cookies should always have a thick layer of icing!