Chocolate Banana Cookie Bars

Featured in Treats That Make Everything Better.

These soft bars get their flavor from mashed bananas, brown butter, and chocolate chips, with sweet toffee adding an extra crunch on top and inside.
Clare Recipes
Updated on Sat, 19 Apr 2025 00:35:31 GMT
Chocolate Banana Cookie Bars Pin it
Chocolate Banana Cookie Bars | recipesclare.com

I came across this banana chocolate chip cookie bar mix by chance one day when I had brown-spotted bananas but couldn't face making banana bread again. The mix of browned butter, ripe bananas, and chocolate makes an amazing treat that sits somewhere between a chewy blondie and moist banana bread. They've turned into my favorite way to use old bananas when I want something both comforting and a bit fancy.

The kid from next door wandered in right as these were sitting on the cooling rack, and he couldn't resist the smell. After trying one bite, he immediately texted his mother to check if they had any brown bananas at home so she could whip up a batch too. It's always the simplest treats that seem to make the biggest splash.

Basic Pantry Needs

  • Brown butter: The extra step of browning adds this amazingly nutty, almost caramel flavor that makes everything better
  • Ripe bananas: Look for ones with lots of dark spots for the sweetest punch of flavor
  • Toffee pieces: These create delightful crunchy surprises throughout each bite
  • Various chocolate chips: Using both milk and semisweet together brings a richer chocolate experience
  • Eggs at room temp: So important for mixing smoothly with your butter mixture
Banana Chocolate Chip Cookie Bars Homemade Pin it
Banana Chocolate Chip Cookie Bars Homemade | recipesclare.com

Tasty Assembly

Butter Magic
You'll want to really focus during this part - watch carefully for the butter to change from pale yellow to a golden amber color with tiny brown specks forming at the bottom. The smell shifts from regular butter to something wonderfully nutty when it's done. Those little brown bits pack tons of flavor - don't forget to scrape them all into your mixing bowl. I've ruined butter countless times by looking away for a minute. Now I keep my heat lower and stay put until it's finished. This rich brown butter taste is what makes these bars stand out from basic cookie squares.
Choosing Bananas
Go for bananas that are truly past their prime - yellow with many brown spots or mostly brown skin. They've got way more natural sugar and stronger banana taste than firmer yellow ones. Smash them completely for the best mix throughout your batter. I usually grab a fork, but for bigger batches, a potato masher does the trick. The banana adds both moisture and sweetness that's key to these bars' appeal.
Gentle Combining
When you're putting your wet and dry stuff together, go easy and mix just enough to blend everything. Too much mixing makes the bars tough instead of soft. I switch to a rubber spatula instead of my mixer for this step, gently folding everything with just enough turns to get rid of flour patches. Your final mix will be thicker than cake but not as stiff as cookie dough - right in the middle.
Getting Pan Ready
Don't skip the parchment paper with extended sides - it's the key to getting the bars out cleanly. I spray my pan first so the paper stays put, then place it with extra hanging over two sides. These flaps work like handles when lifting out the whole baked square, making it easy to cut neat pieces. Sometimes I toss a few chocolate chips on the lined pan bottom before adding batter - they melt while baking and create hidden pockets of chocolate.
Adding Toppings
When sprinkling extra chips and toffee on top before baking, push them in just slightly so they stick but still show. This gives you that professional bakery look with bits of chocolate and toffee showing on top. Putting more on after baking while everything's still warm lets those pieces melt slightly without disappearing. These little touches make your bars look as good as they taste.
Baking Know-How
When I say "mostly baked" and "a little undone," I mean you want set edges and golden top, but the middle should have some give to it. A toothpick stuck in the center should come out with a few moist bits but not wet batter. They'll keep setting up as they cool. I start checking around 25 minutes, though 30 usually works perfectly in my oven. Don't let them go too long or you'll miss that wonderful chewy texture that makes these bars so good.

My guy swears he "doesn't like bananas" but somehow ate three of these bars the first time I made them and keeps asking for more. There's just something about mixing brown butter, banana, and chocolate that wins over even people who think they don't like bananas.

Delicious Companions

Try these bars slightly warm with some vanilla ice cream on top for an amazing dessert. They're great with a strong cup of coffee or spicy chai when friends come over. In the fall months, I like to dust a bit of cinnamon on top to bring out those warm, homey flavors. My little ones love finding them in their lunchboxes as a special treat that beats a plain old cookie any day.

Taste Twists

Try throwing in some chopped walnuts or pecans for a nice crunch throughout. Switch to dark chocolate chunks instead of chips if you want a deeper chocolate kick. For something different, mix in a quarter cup of toasted coconut along with your chocolate chips. Last month I tried adding a teaspoon of espresso powder to the dry mix, and it really boosted the chocolate taste without making them taste like coffee.

Banana Chocolate Chip Cookie Bars Recipe Pin it
Banana Chocolate Chip Cookie Bars Recipe | recipesclare.com

I've brought these banana chocolate chip cookie bars to everything from after-school hangouts to fancy dinner parties, and they always get rave reviews. There's something truly special about how the nutty brown butter works with sweet banana and melty chocolate that just hooks people. My little girl now wants these instead of cake for her birthday, which is pretty much the highest compliment a baker can get. I've found that sometimes the most wonderful treats come from turning simple ingredients into something that works for any occasion, fancy or casual.

Frequently Asked Questions

→ Are brown bananas okay to use?
Absolutely! The sweeter and spottier, the better. They mash easily and give these bars their signature banana taste.
→ What can replace toffee bits?
Swap them with butterscotch or caramel chips, crushed Heath bars, or even toasted nuts like pecans or walnuts for a crunchy twist.
→ What makes brown butter special?
Brown butter adds a toasty, nutty kick that takes the banana and chocolate to another level. It’s a small extra step that’s totally worth it!
→ Why bake the dough right away?
Brown butter firms up quickly when cooled, and bananas change the dough’s consistency. Bake it fresh for the tenderest results.
→ Can this be scaled up?
Yep! Double everything and use a 9×13 pan. Keep an eye on it—cooking may take an extra 5-10 minutes. A golden top and soft center are what to look for.

Chocolate Banana Cookie Bars

Chewy bars packed with banana, melty chocolate chips, and golden toffee, all tied together with the deep, nutty flavor of brown butter.

Prep Time
40 Minutes
Cook Time
30 Minutes
Total Time
70 Minutes

Category: Sweet Stuff

Difficulty: Intermediate

Cuisine: American

Yield: 9 Servings (9 cookie bars)

Dietary: Vegetarian

Ingredients

→ Cookie Bar Base

01 1 teaspoon baking soda
02 2 teaspoons ground cinnamon
03 ½ cup mashed ripe banana (around one large banana)
04 2 large eggs, at room temperature
05 ¼ cup granulated sugar
06 ¾ cup unsalted butter to brown
07 1 teaspoon vanilla extract
08 1¼ cups packed light brown sugar
09 2½ cups all-purpose flour, measured accurately

→ Mix-ins & Toppings

10 ½ cup milk chocolate chips, plus extra for sprinkling
11 ⅓ cup toffee bits, with more for the top
12 ½ cup semi-sweet chocolate chips, plus extra for sprinkling

Instructions

Step 01

Chop the butter into pieces and toss it in a thick-bottomed pan on medium heat. Keep stirring while it melts, foams up, and eventually turns golden with a nutty smell. Take it off the heat right away and place it in a heatproof bowl to cool down.

Step 02

As the browned butter sits, sift the flour, baking soda, and cinnamon into a medium-sized bowl.

Step 03

Set your oven to 350°F (175°C). Put parchment paper into a 9×9 inch pan, making sure there’s extra hanging over the edges so you can pull the bars out later. Give it a light coat of cooking spray to prevent sticking.

Step 04

In a bigger bowl, combine the cooled butter, mashed banana, light brown sugar, white sugar, eggs, and vanilla. Whisk thoroughly until smooth and everything’s blended nicely.

Step 05

Carefully fold the dry mixture into the wet ingredients using a spatula. Stir gently just until they come together; don’t mix it too much.

Step 06

Stir in the semi-sweet chocolate chips, milk chocolate chips, and toffee bits carefully, keeping them spread throughout the batter.

Step 07

Pour the batter into your prepared pan, then smooth the surface using a spatula.

Step 08

Spread extra toffee bits and chocolate chips evenly over the top, pressing them lightly into the dough.

Step 09

Bake for 30 to 35 minutes. The bars should be slightly soft in the middle while the edges are firmer and golden.

Step 10

Once out of the oven but still warm, sprinkle a bit more of the toffee bits and chocolate chips on the bars, letting them melt slightly into the top.

Step 11

Let everything cool fully in the pan—this step is super important for the bars to set properly and hold their shape.

Step 12

After cooling, grab the parchment paper edges to lift the bars out of the pan. Slice them into 9 squares, then enjoy.

Notes

  1. Don’t let this dough sit—it needs to go straight into the oven after mixing.
  2. The bars might look a little undercooked when you pull them out, but they’ll firm up as they cool.
  3. For maximum flavor, pick bananas that are very ripe and spotty.
  4. Brown butter adds a rich, nutty taste that pairs perfectly with banana and chocolate.

Tools You'll Need

  • 9×9 inch square pan
  • Parchment paper for lining
  • Sturdy pan for browning butter
  • Heatproof bowl for cooling butter
  • Whisk and flexible spatula
  • Fine sifter or mesh strainer
  • Standard measuring cups and spoons

Allergy Information

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Includes wheat (gluten)
  • Includes dairy (butter, chocolate, toffee)
  • Includes eggs
  • Might include tree nuts depending on the toffee used

Nutrition Facts (Per Serving)

It is important to consider this information as approximate and not to use it as definitive health advice.
  • Calories: 375
  • Total Fat: 18 g
  • Total Carbohydrate: 52 g
  • Protein: 4 g