Banana Chocolate Chip Cookie Bars

Featured in Irresistible Sweet Treats.

These indulgent cookie bars feature brown butter and mashed bananas in the dough, with plenty of chocolate chips and toffee bits folded in and sprinkled on top for extra goodness.
Clare Greco
Updated on Tue, 04 Mar 2025 15:47:46 GMT
Banana Chocolate Chip Cookie Bars Pin it
Banana Chocolate Chip Cookie Bars | recipesbyclare.com

I stumbled onto this banana chocolate chip cookie bar recipe last summer when I had some overripe bananas but wasn't in the mood for another loaf of banana bread. The combination of brown butter, ripe bananas, and chocolate creates this incredible treat that's somewhere between a blondie and banana bread. They've become my go-to when I need something that feels both familiar and special.

My neighbor's teenage son stopped by just as these were cooling on the rack, and the aroma alone convinced him to stay. After one bite, he actually texted his mom asking if they had any ripe bananas at home so she could make them too. Sometimes the simplest recipes create the biggest impressions.

Simple Ingredients

  • Brown butter: Taking time to brown the butter adds a nutty, caramel-like depth that elevates everything
  • Overripe bananas: The spottier the better for maximum sweetness and flavor
  • Toffee bits: These add surprising little pockets of buttery crunch throughout
  • Mixed chocolate chips: The combination of milk and semisweet creates more complex flavor
  • Room temperature eggs: Critical for proper incorporation into the butter mixture
Banana Chocolate Chip Cookie Bars Homemade Pin it
Banana Chocolate Chip Cookie Bars Homemade | recipesbyclare.com

Bar Creation

Butter Browning
This step deserves your full attention - watch for the moment when the butter transforms from yellow to golden amber with little brown flecks developing at the bottom. The aroma changes from buttery to nutty when it's ready. Those brown bits are flavor gold - make sure to scrape them all into your bowl when transferring. I've burned butter more times than I care to admit by getting distracted. Now I keep the heat medium-low and never leave the stove during this crucial step. That nutty brown butter flavor is what sets these bars apart from ordinary cookie bars.
Banana Selection
Use bananas that are properly overripe - yellow with plenty of brown spots or even mostly brown. These have developed more sugar and stronger banana flavor than yellow or slightly spotted ones. Mash them thoroughly for the best incorporation into the batter. I sometimes use a fork, but for larger batches, a potato masher works perfectly. The banana adds both moisture and natural sweetness that makes these bars so special.
Mixing Method
When combining wet and dry ingredients, use a gentle hand and mix just until combined. Overmixing develops gluten, which makes the bars tough instead of tender. I use a rubber spatula rather than an electric mixer at this stage, folding everything together with just enough strokes to incorporate the flour. The batter will be thicker than cake batter but not as firm as cookie dough - somewhere perfectly in between.
Pan Preparation
That parchment paper overhang is crucial for easy removal once baked. I spray the pan first so the parchment sticks in place, then add the paper with long sides extending over two edges. This creates handles that make lifting the entire baked square out of the pan simple, allowing for clean cuts. Before spreading the batter, I sometimes sprinkle a few chocolate chips on the bottom of the lined pan - they melt during baking and create surprise pockets of chocolate.
Topping Distribution
When adding the extra chips and toffee on top before baking, press them in slightly so they adhere but remain visible. This creates that bakery-style look with chocolate and toffee pieces peeking through the top. Adding more after baking while the bars are still warm allows those pieces to slightly melt and stick without sinking in completely. It's those little details that make these bars look as good as they taste.
Baking Judgment
The descriptions of "mostly baked" and "a little undone" are perfect - you want the edges set and the top golden, but the center should still have some softness. A toothpick inserted in the center should come out with a few moist crumbs but not wet batter. They will continue firming up as they cool. I start checking at about 25 minutes, though 30 is usually perfect in my oven. Don't overbake or you'll lose that wonderful chewy texture that makes these bars so irresistible.

My husband, who claims he "doesn't like bananas," ate three of these bars the first time I made them and has requested them repeatedly since. There's something about the combination of brown butter, banana, and chocolate that creates a flavor profile that appeals even to banana skeptics.

Perfect Pairings

Serve these bars slightly warm with a scoop of vanilla ice cream for an incredible dessert. For coffee gatherings, they're perfect alongside a strong cup of coffee or chai tea. During fall, I like to add a sprinkle of cinnamon to the tops before serving to enhance the warm, cozy flavors. My kids love them in lunch boxes as a special treat that feels more exciting than a regular cookie.

Flavor Variations

Add a handful of chopped walnuts or pecans to the batter for wonderful texture contrast. Try dark chocolate chunks instead of chips for a more intense chocolate experience. For a tropical twist, add a quarter cup of toasted coconut to the batter along with the chocolate chips. Last month I experimented with adding a teaspoon of espresso powder to the dry ingredients, which enhanced the chocolate flavor beautifully without tasting like coffee.

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

I've made these banana chocolate chip cookie bars for everything from after-school snacks to dessert for dinner guests, and they never fail to impress. There's something magical about the combination of brown butter's nuttiness with sweet banana and rich chocolate that makes them irresistible. My daughter has started requesting them instead of birthday cake, which I consider the highest form of baking praise possible. Sometimes the best recipes are the ones that transform ordinary ingredients into something that feels special enough for any occasion.

Frequently Asked Questions

→ Can I use overripe bananas for this recipe?
Yes! Actually, overripe bananas with lots of brown spots are perfect for this recipe as they're sweeter and mash more easily. The riper the banana, the more pronounced the banana flavor will be in your bars.
→ What can I substitute for toffee bits?
If you don't have toffee bits, you can substitute with butterscotch chips, caramel chips, chopped Heath bars, or even chopped toasted nuts like pecans or walnuts for a different but equally delicious crunch.
→ Why do I need to use brown butter?
Brown butter adds a rich, nutty flavor that enhances both the banana and chocolate in these bars. The extra step is worth it, as it transforms the bars from good to amazing by adding depth and complexity to the flavor.
→ Why can't I store the dough?
The combination of brown butter (which solidifies as it cools) and mashed banana affects the texture of the dough over time. For the best results, the dough should be baked right after mixing while it has the perfect consistency.
→ Can I double this recipe for a larger batch?
Yes! You can double the recipe and bake in a 9×13 inch pan. You may need to increase the baking time by 5-10 minutes, but still look for a golden brown top with a slightly soft center.

Banana Chocolate Chip Cookie Bars

Rich, chewy cookie bars made with brown butter and ripe bananas, loaded with chocolate chips and toffee bits for the perfect blend of flavors and textures.

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

Category: Sweet Treats

Difficulty: Intermediate

Cuisine: American

Yield: 9 Servings (9 cookie bars)

Dietary: Vegetarian

Ingredients

→ Cookie Bar Base

01 ¾ cup unsalted butter, for browning
02 1¼ cups packed brown sugar
03 ¼ cup granulated sugar
04 ½ cup mashed ripe banana (about 1 large banana)
05 2 large eggs, room temperature
06 1 teaspoon vanilla extract
07 2½ cups all-purpose flour, spooned and leveled
08 2 teaspoons ground cinnamon
09 1 teaspoon baking soda

→ Mix-ins & Toppings

10 ½ cup semi-sweet chocolate chips, plus extra for topping
11 ½ cup milk chocolate chips, plus extra for topping
12 ⅓ cup toffee bits, plus extra for topping

Instructions

Step 01

Cut butter into cubes and place in a heavy saucepan over medium heat. Stir constantly as the butter melts and begins to foam. Continue stirring until the butter turns golden brown and develops a nutty aroma. Immediately remove from heat and transfer to a heat-safe bowl to cool.

Step 02

While the brown butter cools, sift together the flour, cinnamon, and baking soda in a medium bowl.

Step 03

Preheat oven to 350°F (175°C). Line a 9×9 inch baking pan with parchment paper, leaving extra paper hanging over the sides to create handles for easy removal. Lightly spray with non-stick cooking spray.

Step 04

In a large bowl, combine the cooled brown butter, mashed banana, brown sugar, granulated sugar, eggs, and vanilla extract. Whisk until well combined and smooth.

Step 05

Add the sifted dry ingredients to the wet ingredients. Fold together gently with a spatula until just combined, being careful not to overmix.

Step 06

Gently fold in the semi-sweet chocolate chips, milk chocolate chips, and toffee bits until evenly distributed throughout the dough.

Step 07

Spread the cookie dough evenly into the prepared baking pan, smoothing the top with a spatula.

Step 08

Sprinkle additional chocolate chips and toffee bits over the top of the dough, gently pressing them in slightly.

Step 09

Bake for 30-35 minutes, until the top is golden brown and the center is mostly set but still slightly soft. The edges will be more firm than the center.

Step 10

While the bars are still warm (but not hot), sprinkle more chocolate chips and toffee bits on top, allowing them to soften slightly from the residual heat.

Step 11

Allow the cookie bars to cool completely in the pan. This is important for the bars to set properly and achieve the right texture.

Step 12

Once completely cooled, use the parchment paper handles to lift the bars out of the pan. Cut into 9 equal squares and serve.

Notes

  1. This cookie dough must be baked immediately after mixing and cannot be stored for later use.
  2. The bars will look slightly underdone when removed from the oven but will continue to set as they cool.
  3. For the best flavor, use very ripe bananas with lots of brown spots.
  4. Brown butter adds a nutty, caramel-like flavor that complements the banana and chocolate perfectly.

Tools You'll Need

  • 9×9 inch baking pan
  • Parchment paper
  • Heavy saucepan for browning butter
  • Heat-safe mixing bowl
  • Whisk and spatula
  • Sifter or fine-mesh strainer
  • Measuring cups and spoons

Allergy Information

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Contains wheat (gluten)
  • Contains dairy (butter, chocolate chips, toffee)
  • Contains eggs
  • May contain tree nuts (depending on toffee bits 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