Brown Butter Banana Bread Chocolate Chip Cookies (Soft & Chewy)

These Brown Butter Banana Bread Cookies combine the rich, nutty flavor of browned butter with sweet ripe bananas and plenty of melty chocolate chips. Made with almond flour and naturally sweetened with maple syrup, they’re gluten-free, soft in the center, and lightly golden around the edges. A delicious homemade cookie with all the comforting flavors of banana bread!

Caramel Apple Pie Cookies Recipe

The Science Behind Brown Butter Banana Bread Chocolate Chip Cookies

  • Maillard Browning & Nutty Pyrazine Synthesis: Heating salted butter to $240^{\circ}\text{F}–285^{\circ}\text{F}$ ($115^{\circ}\text{C}–140^{\circ}\text{C}$) boils off milk water and triggers Maillard reactions between amino acids and milk sugars (lactose). This transforms butter proteins into golden toasted milk solids (brown butter), releasing aromatic, nutty compounds called pyrazines that elevate the cookie’s flavor profile.
  • Almond Flour Hydrocolloid Fat Matrix & Gluten Elimination: Finely ground almond flour contains no gluten proteins (gliadin or glutenin) and consists of ~50% healthy lipids. Because almond flour absorbs liquids slowly, a 15-minute chill period allows almond fiber polysaccharides and protein solids to hydrate the maple syrup and egg moisture fully, preventing thermal collapse in a $375^{\circ}\text{F}$ ($190^{\circ}\text{C}$) oven.
  • Invert Maple Syrup & Pectin Gel Retention: Pure maple syrup contributes natural invert sugars (sucrose, glucose, and fructose) alongside banana pectin gels. These humectants lock in atmospheric moisture, ensuring the grain-free, egg-bound crumb remains soft, tender, and pliable without becoming dry or crumbly.
Prep TimeCooling TimeChill TimeBake TimeYieldCategory
15 mins20 mins15 mins9–12 mins12 cookiesGluten-Free / Brown Butter
image 1200x800 1792704018291
Brown Butter Banana Bread Chocolate Chip Cookies (Soft & Chewy) 4

Ingredients

For the Soft Almond Flour Banana Cookies:

  • 1/2 cup (1 stick / 113 g) salted butter
  • 1/3 cup (80 ml) pure maple syrup
  • 1 medium ripe banana, thoroughly mashed (~1/3 cup / 80 g)
  • 1 large egg, room temperature
  • 1/2 tsp pure vanilla extract
  • 1 3/4 cups (196 g) finely ground blanched almond flour
  • 1 tsp baking soda
  • 1/4 tsp fine salt
  • Heaping 2/3 cup (120 g) semisweet or dark chocolate chips

For the Topping & Finish:

  • 2 tbsp extra chocolate chips (for pressing on top)
  • Flaky sea salt (Maldon), for final sprinkling
image 1200x800 1792704110603
Brown Butter Banana Bread Chocolate Chip Cookies (Soft & Chewy) 5

Step-by-Step Instructions

‫

1.Brown the Butter & Cool:‏Stir 5 to 8 minutes until golden brown.

Place the salted butter in a small saucepan over medium heat. Stir continuously for 5–8 minutes as it melts, foams, and turns golden brown with toasted milk solids at the bottom. Remove from heat immediately and allow to cool for 20 minutes until warm, not hot.

‫

2.Mash the Ripe Banana:‏Mash with a fork until smooth.

In a large mixing bowl, mash the ripe banana with a fork until completely smooth with minimal lumps remaining.

‫

3.Combine Brown Butter and Maple Syrup:‏Whisk until smooth and glossy.

Pour the cooled brown butter and pure maple syrup into the mashed banana. Whisk vigorously until smooth and emulsified.

‫

4.Add Egg and Vanilla Extract:‏Whisk in egg and vanilla.

Add the room-temperature egg and pure vanilla extract to the wet banana mixture, whisking until fully incorporated.

‫

5.Incorporate Dry Almond Flour Base:‏Stir 1 minute until flour absorbs liquids.

Add the finely ground almond flour, baking soda, and fine salt. Stir with a spatula for about 1 minute until evenly combined. The dough will resemble thick, wet banana bread batter.

‫

6.Chill Dough & Preheat Oven:‏Refrigerate for 15 minutes.

Cover the bowl and refrigerate for 15 minutes while preheating your oven to 375°F (190°C). Chilling allows almond flour starches to absorb moisture and firm up the butter fats.

‫

7.Fold Chocolate Chips:‏Fold in chocolate chips gently.

Remove the dough from the fridge and gently fold in the heaping 2/3 cup of chocolate chips using a rubber spatula.

‫

8.Portion and Top Dough Mounds:‏Scoop 12 equal portions (~45g each).

Line a large baking sheet with parchment paper. Scoop the dough into 12 evenly sized portions, leaving 2 inches of space between them. Press a few extra chocolate chips onto the top of each mound.

‫

9.Bake Until Edges Are Golden:‏Bake 9 to 12 minutes.

Bake at 375°F for 9–12 minutes, until the outer edges are golden brown while the centers look soft and slightly pale.

‫

10.Cool, Set, and Finish:‏Rest 15 minutes on pan and sprinkle sea salt.

Allow the cookies to rest on the warm baking sheet for at least 15 minutes (they are delicate when hot and firm up as they cool). Sprinkle lightly with flaky sea salt before serving!

image 1200x800 1792704121437
Brown Butter Banana Bread Chocolate Chip Cookies (Soft & Chewy) 6

Pro Tips for Baking Success

  • Watch the Butter Closely: Keep a close eye on the butter while browning. Once the foaming subsides and golden brown specks appear at the bottom of the saucepan, remove it from heat immediately to prevent burning the milk solids.
  • Mandatory 15-Minute Rest Post-Bake: Gluten-free cookies made with almond flour and mashed fruit rely on cooling to set their structure. Do not move hot cookies directly onto a wire rack; let them rest on the warm pan for 15 minutes to firm up.
  • Refined Sugar-Free Option: Use dark chocolate chips sweetened with coconut sugar or stevia to keep this recipe 100% refined sugar-free.

Frequently Asked Questions

What are the ingredients and instructions for brown butter banana bread cookies?

  • Ingredients: Salted butter (browned), pure maple syrup, ripe banana, egg, vanilla extract, finely ground almond flour, baking soda, salt, and chocolate chips.
  • Instructions: Brown the butter and cool for 20 minutes $\rightarrow$ whisk with mashed banana, maple syrup, egg, and vanilla $\rightarrow$ stir in almond flour, baking soda, and salt $\rightarrow$ chill for 15 minutes $\rightarrow$ fold in chocolate chips $\rightarrow$ scoop into 12 mounds $\rightarrow$ bake at 375°F for 9–12 minutes $\rightarrow$ cool 15 minutes on the pan and finish with flaky sea salt.

How does brown butter affect chocolate chip cookies?

Browning butter melts off water content (~16% to 18% in regular butter) and toasts dairy milk solids via the Maillard reaction. This transforms plain butter into a rich, nutty, caramel-like liquid fat that adds deep butterscotch notes, reduces dough spread, and creates a fudgy, chewy center.

Why is banana bread chewy?

Banana bread and banana cookies become chewy due to:

  1. Pectin Hydrocolloids: Natural fruit pectins trap moisture in the crumb.
  2. Invert Simple Sugars: Fructose in bananas and maple syrup retains water molecules during and after baking.
  3. Melted Lipids: Using liquid brown butter coats flour starches, producing a soft, dense, chewable matrix.

How long does chocolate chip banana bread last?

  • Room Temperature: Stored in an airtight container with parchment paper layers, gluten-free banana cookies stay soft for 3 to 4 days.
  • Refrigerator: Stored in the fridge, they stay moist and fudgy for up to 7 days.
  • Freezer: Freeze baked cookies in an airtight container for up to 3 months.
Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
image 1200x800 1792703940145

Brown Butter Banana Bread Chocolate Chip Cookies (Soft & Chewy)


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Inas Recipes
  • Total Time: 1 hour 10 minutes
  • Yield: 12 cookies 1x
  • Diet: Gluten Free

Description

These Almond Flour Banana Chocolate Chip Cookies are irresistibly soft, tender, and packed with delicious banana bread flavor. Made with nutty browned butter, pure maple syrup, ripe banana, and finely ground almond flour, these naturally gluten-free cookies feature lightly golden edges, delicate centers, and plenty of rich, melty chocolate chips. A sprinkle of flaky sea salt perfectly complements the sweet maple and caramel-like brown butter notes. Perfect for afternoon snacks, homemade treats, gluten-free baking, or using up ripe bananas in a wonderfully easy and delicious dessert!


Ingredients

Scale
  • For the Soft Almond Flour Banana Cookies:
  • 1/2 cup (1 stick / 113 g) salted butter
  • 1/3 cup (80 ml) pure maple syrup
  • 1 medium ripe banana, thoroughly mashed (approximately 1/3 cup / 80 g)
  • 1 large egg, room temperature
  • 1/2 tsp pure vanilla extract
  • 1 3/4 cups (196 g) finely ground blanched almond flour
  • 1 tsp baking soda
  • 1/4 tsp fine salt
  • Heaping 2/3 cup (120 g) semisweet or dark chocolate chips
  • For the Topping and Finish:
  • 2 tbsp extra chocolate chips (for pressing on top)
  • Flaky sea salt (such as Maldon), for final sprinkling

Instructions

  1. Brown the Butter and Cool: Place the salted butter in a small saucepan over medium heat. Stir continuously for 5–8 minutes as the butter melts, foams, and gradually turns golden brown, with toasted milk solids collecting at the bottom of the saucepan. Remove from the heat immediately once the butter is beautifully browned and fragrant. Allow it to cool for approximately 20 minutes until warm but no longer hot.
  2. Mash the Ripe Banana: In a large mixing bowl, mash the ripe banana thoroughly using a fork until completely smooth with minimal lumps remaining. Measure approximately 1/3 cup (80 g) of mashed banana for the cookie dough.
  3. Combine Brown Butter and Maple Syrup: Pour the slightly cooled browned butter and pure maple syrup into the mashed banana. Whisk vigorously until the mixture becomes smooth, glossy, and well combined.
  4. Add Egg and Vanilla Extract: Add the room-temperature egg and pure vanilla extract to the wet banana mixture. Whisk thoroughly until fully incorporated and smooth.
  5. Incorporate Dry Almond Flour Base: Add the finely ground blanched almond flour, baking soda, and fine salt directly to the wet ingredients. Stir gently with a rubber spatula for approximately 1 minute until the ingredients are evenly combined and the almond flour has absorbed some of the moisture. The dough should resemble a thick, wet banana bread batter.
  6. Chill Dough and Preheat Oven: Cover the mixing bowl and refrigerate the almond flour cookie dough for 15 minutes while preheating your oven to 375°F (190°C). This chilling period allows the almond flour to absorb moisture and the browned butter to firm up, helping the cookies maintain their shape during baking.
  7. Fold in Chocolate Chips: Remove the chilled dough from the refrigerator and gently fold in the heaping 2/3 cup (120 g) of semisweet or dark chocolate chips using a rubber spatula until evenly distributed throughout the soft banana cookie dough.
  8. Portion and Top Dough Mounds: Line a large baking sheet with parchment paper. Scoop the chilled cookie dough into 12 evenly sized portions, approximately 45 g each, and arrange the dough mounds about 2 inches apart. Gently press a few of the extra chocolate chips onto the top of each mound for a beautiful bakery-style appearance.
  9. Bake Until Edges Are Golden: Bake the almond flour banana chocolate chip cookies at 375°F (190°C) for 9–12 minutes, or until the outer edges are golden brown while the centers remain soft and slightly pale. Avoid overbaking to preserve their tender, moist banana bread texture.
  10. Cool, Set, and Finish: Remove the baking sheet from the oven and allow the cookies to rest on the warm pan for at least 15 minutes. These gluten-free almond flour cookies are delicate when hot and need time to firm up as they cool. Sprinkle the cookies lightly with flaky sea salt before serving and enjoy their wonderfully soft centers, nutty brown butter flavor, and melty chocolate chips!

Notes

  • Watch the Butter Closely: Keep a close eye on the salted butter while browning. Once the foaming begins to subside and golden brown specks appear at the bottom of the saucepan, remove it from the heat immediately to prevent the toasted milk solids from burning and developing a bitter flavor.
  • Mandatory 15-Minute Rest After Baking: Gluten-free cookies made with almond flour and mashed banana rely on cooling to set their delicate structure. Do not transfer the hot cookies directly to a wire rack. Let them rest on the warm baking sheet for at least 15 minutes so they can firm up without breaking.
  • Refined Sugar-Free Option: Choose dark chocolate chips sweetened with coconut sugar or stevia instead of conventional chocolate chips to make these maple-sweetened banana cookies without refined sugar. Check that your chosen chocolate chips and other packaged ingredients are gluten-free if necessary.
  • Prep Time: 15 minutes
  • Cook Time: 20 minutes
  • Category: Dessert
  • Method: Baking
  • Cuisine: American

Nutrition

  • Serving Size: 1 cookie
  • Calories: 300
  • Sugar: 15g
  • Sodium: 240mg
  • Fat: 23g
  • Saturated Fat: 10g
  • Unsaturated Fat: 12g
  • Trans Fat: 0g
  • Carbohydrates: 22g
  • Fiber: 3g
  • Protein: 5g
  • Cholesterol: 45mg
    Save and share this wonderful recipe

    Leave a Comment

    Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star