• Recipes
    • Bread
    • Brownies & Bars
    • Baking Basics
    • Cheesecake
    • Cookies
    • Cupcakes
    • Donuts
    • Drinks
    • Frosting
    • Layer Cakes
    • Muffins
    • No-Bake
    • Pies & Tarts
    • Savory
    • Sheet Cakes
    • Small Batch
    • Snacks
  • Cookbook
  • About
    • Meet Bernice
  • Contact
  • Ingredient Guide
  • Recipes
    • Bread
    • Brownies & Bars
    • Baking Basics
    • Cheesecake
    • Cookies
    • Cupcakes
    • Donuts
    • Drinks
    • Frosting
    • Layer Cakes
    • Muffins
    • No-Bake
    • Pies & Tarts
    • Savory
    • Sheet Cakes
    • Small Batch
    • Snacks
  • Cookbook
  • About
    • Meet Bernice
  • Contact
  • Ingredient Guide
two black cocoa frosted cookie bars stacked with a bite taken out of them

Recipes

,

Brownies & Bars

Black Cocoa Cookie Bars

prep 15 minutes mins
cook 18 minutes mins
1 hour hr

When you want cookies but in an easy, bake it all together in a pan, kind of way. These black cocoa cookie bars are exactly what they sound like, a black cocoa cookie baked as a bar. I love making these because you just put all the dough in a pan and bake it all…

Jump to Recipe
rate recipe
Pin Recipe

Black Cocoa Cookie Bars

October 28, 2025

When you want cookies but in an easy, bake it all together in a pan, kind of way. These black cocoa cookie bars are exactly what they sound like, a black cocoa cookie baked as a bar. I love making these because you just put all the dough in a pan and bake it all at once, frost them if desired and then slice them and enjoy! You get more of that “center cookie” texture with cookie bars! 

two black cocoa frosted cookie bars stacked with a bite taken out of them
Table of Contents
  • How To Make the Cookie Bars
    • Ingredients
    • Step-By-Step Photos
  • Storing & Serving Cookie Bars
  • Frosted Black Cocoa Cookie Bar Recipe

If you’ve been around for two seconds, you’d have figured I love baking with black cocoa. I’m on a mission to convert all chocolate recipes to black cocoa recipes.

I already have the BEST Black Cocoa Brownie Recipe and a fabulous Black Cocoa Cake that is the base for all my chocolate cakes now. 

& before you ask how these are different from brownies, I’ll tell you.

Cookie bars are just a cookie dough baked in a pan and cut into slices. The end result is close to the texture of cookies, where they’re kind of dense and chewy. I make these shorter in height because they’re dense and I frosted these ones for a little umph.

On the other hand, my brownies are thiiiiiccccqqqq and fudgy. The texture on the inside of a brownie is a bit more gooey and the flavor is a little more rich while the cookie bars are a little sweeter.

How To Make the Cookie Bars

I have a black cocoa cookie recipe which is what I used as the base for this recipe, with a few tweaks. I skipped the brown butter to simplify it a little and increased some of the measurements to get the right size for an 8×8 inch pan. Then I figured I’d frost it for good measure. 

black cookie bars frosted with chocolate frosting, sliced and one showing the inside

Ingredients

  • Butter: I like to use salted butter for most of my bakes because I think it has more flavor but unsalted works fine as well. Dairy free butter also works fine. 
  • Sugar: I used granulated sugar in the dough and haven’t tested this recipe with any other types but I’m sure brown sugar would be fine too. I also don’t recommend reducing the amount of sugar, although it is sweet, it would affect the texture.
    • I use powdered sugar for the frosting and you could reduce sugar here or skip the frosting to make it less sweet. 
  • Egg: I use two large eggs, preferably at room temperature.
  • Flour: I used all-purpose flour but a 1:1 gluten-free flour blend would also work fine.
    • As always, I HIGHLY recommend using a digital scale to measure at least the dry ingredients.  
  • Cocoa Powder: I used black cocoa powder, hence the name, but also dutch-processed should work just as well. My favorite brand of black cocoa powder is The Cocoa Trader. 
  • Baking Powder: I use baking powder and I don’t recommend swapping it for baking soda. Baking soda can cause more spreading and browning. 
  • Salt: I always add in a little extra fine sea salt.
  • Chocolate: I like mini’s because they make it easier to slice without getting in the way. Any chocolate chips or chopped chocolate works fine in the dough and the frosting. I like dark because it’s less sweet. 
  • Milk: just a splash in the frosting to make it more spreadable.  

Step-By-Step Photos

Cookie Bars

  1. Whisk together the sugar with the melted butter.
  2. Whisk in the eggs and vanilla.
  3. Whisk in the black cocoa powder. 
  4. Fold in the dry ingredients.
  5. Fold in the chocolate chips.
  6. Spread the dough into the prepared pan and baked until the edges are set and the center is no longer wet. 
melted butter, sugar, eggs and vanilla in a bowl
melted butter, sugar, eggs and vanilla in a bowl
all the wet ingredients whisked together well
all the wet ingredients whisked together well
dry ingredients mixed into batter
dry ingredients mixed into batter
chocolate chips folded into batter
chocolate chips folded into batter
finished cookie dough spread in prepared pan
finished cookie dough spread in prepared pan
cookie bars finished baking
cookie bars finished baking

Frosting

  1. Melt the butter in a pan.
  2. Add in the chocolate chips and stir over low heat until they’re melted.
  3. Add in the powdered sugar, milk and vanilla and whisk together until it’s smooth.
  4. Spread on top of cooled cookie bars. 

Pro Tip: If you want the frosting black too, add in 1-2 Tbsp of black cocoa powder with an additional 1-2 Tbsp of milk. 

melted butter and chocolate chips in saucepan
melted butter and chocolate chips in saucepan
powdered sugar and milk mixed into frosting
powdered sugar and milk mixed into frosting
finished frosting spread on top of cookie bars and topped with flakey salt
finished frosting spread on top of cookie bars and topped with flakey salt

Storing & Serving Cookie Bars

Obviously just like cookies, cookie bars are always best served fresh but make sure to let them cool for at least 30 minutes before frosting. Once the frosting is set, slice and serve. I stored mine under a cake dome for 3-4 days, any longer and I would refrigerate or freeze them. 

Store them airtight in the fridge for a week or freezer for several months. 

close up of texture of the inside of frosted black cocoa cookie bars

I hope you love all my black cocoa recipes as much as I do, the cookie bars are so simple to make and everyone loves them!

If you have any questions, please comment down below – those will get answered much quicker than email or through social media. 

If you’ve tried this, I would very much appreciate a 5-star rating or review as well.

As always, have a blessed day and happy baking!

Love, B

two black cocoa frosted cookie bars stacked with a bite taken out of them
Recipes
Brownies & Bars

Frosted Black Cocoa Cookie Bar Recipe

prep 15 minutes mins
cook 18 minutes mins
1 hour hr
total 1 hour hr 33 minutes mins
Serves 16 bars
When you want cookies but in an easy, no-chill, bake it all together in a pan, kind of way. These black cocoa cookie bars are exactly what they sound like, a black cocoa cookie baked as a bar. I love making these because you just put all the dough in a pan and bake it all at once, frost them if desired and then slice them and enjoy! You get more of that “center cookie” texture with cookie bars! 
Print Recipe Pin Recipe email recipe
Servings 16 bars
Prevent your screen from going dark

Equipment

  • 1 bowl
  • 1 Whisk
  • 1 small saucepan
  • 1 8×8" pan
  • 1 Rubber Spatula

Ingredients

Cookie Bars

  • 113 grams salted butter, melted
  • 200 grams granulated sugar
  • 2 large egg
  • 2 tsp vanilla extract
  • 40 grams black cocoa powder
  • 180 grams all-purpose flour, spooned and leveled
  • 1/4 tsp fine sea salt
  • 1 1/2 Tbsp baking powder
  • 170 grams chocolate chips, I did Trader Joe's Dark and Mini Semi-Sweet

Frosting

  • 28 grams salted butter
  • 50 grams chocolate chips , I like dark
  • 30 mL milk
  • 180 grams powdered sugar , spooned and leveled
  • 2 tsp vanilla extract
  • tiny pinch fine sea salt

Method

Cookie Bars

  1. Preheat the oven to 350F (177C) and grease and line an 8×8" square baking pan with baking spray and parchment paper. Leave and overhang of the parchment paper so you can easily remove the finished bars (use metal binder clips to clip the parchment to the pan on the edge).
  2. Place the melted butter and the sugar into a medium-large bowl with the butter and whisk until they're completely combined.
    113 grams salted butter melted, 200 grams granulated sugar
  3. Then add the eggs and vanilla and whisk together aggressively for 2-3 minutes, until it's smooth and has lightened in color.
    2 large egg, 2 tsp vanilla extract
  4. Add the cocoa powder and whisk aggressively until it's well combined.
    40 grams black cocoa powder
  5. Add the flour, salt and baking powder and fold the cookie dough just until there are only a couple more streaks left of flour.
    180 grams all-purpose flour spooned and leveled, 1/4 tsp fine sea salt, 1 1/2 Tbsp baking powder
  6. Fold in the chocolate chips until they're evenly distributed and spread into the prepared pan and bake for 25(ish) minutes. The edges should be set, the center should no longer look wet and be a little puffed. When you tap it on the counter, the center should collapse a little but not feel runny underneath when you press on the center.
    170 grams chocolate chips I did Trader Joe's Dark and Mini Semi-Sweet
  7. Allow the cookie bars to cool before frosting.

Chocolate Frosting

  1. Place the butter in a small saucepan (or bowl and microwave) and heat until it's melted.
    28 grams salted butter
  2. Add the chocolate chips and stir over low heat until the chocolate chips are melted.
    50 grams chocolate chips I like dark
  3. Add the milk, vanilla and powdered sugar and whisk until the frosting is completely smooth.
    30 mL milk, 180 grams powdered sugar spooned and leveled, 2 tsp vanilla extract
  4. Spread on top of cookie bars, top with flakey sea salt and allow to set for a few minutes before slicing.
    tiny pinch fine sea salt

Nutrition

Calories: 283kcalCarbohydrates: 43gProtein: 2gFat: 12gSaturated Fat: 7gPolyunsaturated Fat: 0.4gMonounsaturated Fat: 2gTrans Fat: 0.3gCholesterol: 40mgSodium: 222mgPotassium: 104mgFiber: 1gSugar: 32gVitamin A: 253IUCalcium: 89mgIron: 1mg
Course: Cookies
Cuisine: American
Keyword: black cocoa cookies, chewy cookies, double chocolate cookies

Hey I’m

Bernice Baran

Welcome to my little corner of the internet where I share with you the sweetest parts of life.

more about me

Let’s Connect

Newest Recipe

  • Black Cocoa Cookie Bars
    Black Cocoa Cookie Bars

Latest on Socials

One of the oldest recipes on my site & still a fav One of the oldest recipes on my site & still a favorite 🍋
.
https://baranbakery.com/lemon-poppyseed-cheesecake/
.
.
#lemonpoppyseed #lemoncheesecake #nobakecheesecake

Got a Craving?

I Wrote A Cookbook!

learn more

Never Miss A Thing

Loading

You May Also

Love

Brownies & Bars

Rich & Gooey Black Cocoa Brownies

Brownies & Bars

The BEST Peanut Butter Rice Krispie Treats with Fluff

slice of biscoff brownie with cookie butter swirls
Brownies & Bars

Biscoff Brownies 

Brownies with a pumpkin cream center
Brownies & Bars

Pumpkin Brownies

Rate & Review
Cancel reply

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

What did you think?




Follow Along

@baranbakery
One of the oldest recipes on my site & still a fav One of the oldest recipes on my site & still a favorite 🍋
.
https://baranbakery.com/lemon-poppyseed-cheesecake/
.
.
#lemonpoppyseed #lemoncheesecake #nobakecheesecake
The softest 🍋 cake! Still have yet to turn this The softest 🍋 cake! Still have yet to turn this into a loaf cake lol
.
https://baranbakery.com/lemonade-bundt-cake-recipe/
.
.
#lemonbundtcake #lemoncake
Oreo ice cream sandwiches but make it coffeeeeeee Oreo ice cream sandwiches but make it coffeeeeeee cuz everything with coffee is superior ☕️
.
https://baranbakery.com/oreo-coffee-ice-cream-sandwiches/
.
.
#oreoicecreamsandwich #coffeeandoreo
One of the simplest recipes to make but one that I One of the simplest recipes to make but one that I tested waaaaayyy more than my other recipes lol.
I wasn’t mad about it, there was a lot of tiramisu eaten and this is my favorite version 🫶🏼
.
https://baranbakery.com/tiramisu-recipe/
.
.
#tiramisu #tiramisurecipe
Ultimate no-bake summer snack! . https://baranbake Ultimate no-bake summer snack!
.
https://baranbakery.com/smores-bars/
.
.
#smoresbars #smorescerealbars

Want more deliciousness?

Loading
  • Recipes
  • Cookbook
  • About
  • Contact
  • Privacy Policy
  • YouTube
  • Instagram
  • Facebook
  • Pinterest

After something specific?

©Baran Bakery2025 | All Rights Reserved.

website by saevil row + made to thrive