Go Back
Coconut Butterscotch Chocolate Chip Gooey Bars

Coconut Butterscotch Chocolate Chip Gooey Bars

Coconut Butterscotch Chocolate Chip Gooey Bars are chewy, creamy, and loaded with pockets of melted chocolate and butterscotch, plus toasted coconut for crunch. This easy bar recipe yields tender, gooey squares that are perfect for gatherings or an indulgent treat, and they come together with pantry staples for an effortless bake. Make them for sweet tooth cravings and watch them disappear.
Prep Time 5 minutes
Cook Time 35 minutes
Total Time 40 minutes
Servings: 24 bars
Course: Desserts
Cuisine: American
Calories: 250

Ingredients
  

  • 1 1/4 cups all-purpose flour Provide structure and bulk to the bars, creating the tender crumb and binding dry ingredients together when combined with fats and liquids. Use all-purpose flour to absorb moisture and give the base its characteristic chew without overpowering the other textures. Sift or spoon into the measuring cup for accuracy to maintain consistent results.
  • 1/2 tsp salt Enhance overall flavor balance by strengthening sweetness and reducing bitterness, while also helping to control gluten development for a more tender bar. Salt heightens the coconut and butterscotch notes and ensures the final product is well-rounded. Dissolve evenly into the batter to avoid concentrated pockets of flavor.
  • 1 cup old-fashioned oats Add hearty texture and subtle nuttiness, contributing chew and body to contrast the gooey filling. Use old-fashioned oats rather than quick oats to maintain distinct flakes that hold up during baking. Stir directly into the dry mixture to distribute evenly without turning the dough gummy.
  • 2 cups flaked sweetened coconut Provide sweet, chewy bursts and tropical aroma throughout the bars, balancing the richness of chocolate and condensed milk. Flaked sweetened coconut adds both moisture and caramelized edges when toasted in the oven. Fold in gently to prevent clumping and to keep flakes visible in the finished bars.
  • 3/4 cup brown sugar Impart deep caramel notes and moisture while tenderizing the crumb for a soft, slightly sticky texture. Brown sugar contributes both sweetness and a hint of molasses that complements the butterscotch chips. Pack the brown sugar firmly when measuring to ensure the correct level of moisture and sweetness.
  • 1 cup butter softened Supply richness, tenderness, and help bind the base ingredients into a cohesive dough while creating a golden finish. Use softened butter to cream with sugar for aeration and better texture in the crust and edges. Ensure butter is at room temperature so it incorporates smoothly without leaving lumps.
  • 1 egg lightly beaten Bind the dough and add slight richness and moisture, helping to hold the bars together and contribute to a tender bite. Lightly beaten egg distributes evenly to aid emulsion between fat and dry components. Add gradually to the creamed mixture to prevent curdling and ensure a smooth batter.
  • 1 tsp vanilla extract Introduce warm, sweet aroma and enhance the sweetness profile while rounding out other flavors in the bars. Vanilla extract provides depth and a subtle floral note that complements chocolate and coconut. Measure accurately to avoid overpowering the delicate balance of flavors.
  • 1 cup semi-sweet chocolate chips Offer concentrated pockets of semi-sweet chocolate that melt into chewy pockets, adding bittersweet contrast to the sweet topping. Semi-sweet chocolate chips hold their shape while melting slightly to create texture and flavor contrast. Fold in last to avoid overmixing and to maintain distribution throughout the bars.
  • 1 cup butterscotch chips Deliver butterscotch sweetness and creamy caramel-like pockets that complement brown sugar and condensed milk. Butterscotch chips soften during baking to create gooey, buttery ribbons within the bars. Distribute evenly so each bite includes some butterscotch flavor without clumping.
  • 14 ounces sweetened condensed milk Provide the primary gooey, sweet, and creamy filling that binds the topping ingredients into a luscious layer. Sweetened condensed milk caramelizes slightly during baking, creating a rich, sticky center that contrasts with the chewy crust. Pour evenly over the base and topping for uniform coverage and texture.
  • 1/2 cup semi-sweet chocolate chips Enhance chocolate intensity in the topping and provide additional pockets of semi-sweet flavor that balance the butterscotch and coconut. A smaller amount of semi-sweet chips ensures chocolate notes are present without overwhelming other flavors. Scatter across the top for an even melt and visual appeal.
  • 1 tsp vegetable oil or coconut oil Prevent chocolate from seizing during melting and add a subtle sheen and smoother texture to melted chips. Vegetable or coconut oil thins melted chocolate slightly, helping it pour or drizzle evenly over bars. Add sparingly and stir thoroughly to achieve the desired consistency without greasiness.

Equipment

  • 9 x 13 Baking Dish
  • Electric mixer
  • Microwave-Safe Bowl
  • Spatula

Method
 

  1. Preheat oven to 350°F.: The kitchen fills with a warm dry scent that signals browning to come, and starting with a fully heated oven ensures the crust begins to set immediately for a firm base. Preheating is critical because if the oven is too cool the crust can bake unevenly and become greasy instead of crisp. A common mistake is skipping preheat, which leads to underbaked centers, so always wait until the oven thermometer reads steady temperature.
  2. Lightly grease a 9 x 13 baking dish or line with parchment paper.: Oiling the pan or lining it with parchment makes removing the bars effortless, and the parchment also protects the edges from overbrowning. The shallow, nutty smell of warm pan rubbed with butter is comforting, and it sets the stage for even heat contact across the crust. Avoid using only cooking spray on parchment, as it can cause sliding when you try to transfer, which is a frequent slip up.
  3. Combine flour, salt, oats, coconut, and brown sugar in a large bowl of electric mixer and mix at low speed.: As the dry mix blends you will notice a toasty coconut aroma and the brown sugar beginning to coat the oats, creating a cohesive base. Mixing at low speed prevents flour clouds and helps distribute the salt evenly for balanced flavor. Over mixing can break down the oats and make the texture too fine, so keep the speed gentle for a crumbly, rustic blend.
  4. Add butter and continue mixing until a crumbly dough forms. Add egg and vanilla extract and continue mixing until combined. Stir in chocolate and butterscotch chips.: When you add the butter , the mixture will clump into coarse crumbs and give off a rich buttery scent. Incorporating the egg and vanilla extract brings shine and elasticity to the dough without making it runny. Folding in the chocolate chips and butterscotch chips distributes flavor pockets across the dough. A common error is overworking here, which can warm the dough and cause chips to smear, so mix just until they are evenly scattered.
  5. Reserve 1-1/2 cups of dough for topping. Press remaining dough into bottom prepared baking dish. (Sprinkle on some more chocolate chips if desired.): Pressing the base creates a compact crust that browns pleasantly, and you will feel a slight resistance as the crumbs come together under your fingers. The surface should be even and moderately firm to hold the filling. Forgetting to reserve enough dough for the topping is a typical oversight, so measure out the reserved portion before pressing to ensure the top is substantial.
  6. Bake for 10 minutes.: During this short bake the edges will set and the crust will start to take on a light golden tone, releasing a toasty scent. This brief initial bake prevents the crust from becoming soggy when you pour on the filling, and it creates a slight barrier that helps the bars hold shape. Leaving it in too long can dry out the base, so stick closely to the time and peek for a gentle golden hue.
  7. Pour sweetened condensed milk evenly over the hot crust.: The glossy stream of sweetened condensed milk smells rich and slightly caramel like as it spreads, and pouring while the crust is hot helps the milk settle into crevices for an even gooey layer. Distributing it carefully prevents pooling in one area which can cause uneven texture after baking. A common mistake is pouring too quickly, which can overflow the pan, so pour slowly and move across the surface.
  8. Top evenly with the reserved cookie dough.: As you scatter the reserved dough, you will see soft islands of crumb that will brown into a textured top. Press lightly only in spots where pieces are loose, leaving some crumbs to remain airy and golden. This balance between compact and loose topping creates the signature chew and crisp contrast. Try not to press everything flat, because that flattens the visual appeal and reduces textural variety.
  9. Bake 25 to 30 minutes until golden brown. Cool and cut into bars.: The oven will perfume the kitchen with toasted coconut and caramelized sugar scents, and the top should be a warm golden brown without dark spots. Cooling is essential so the filling firms slightly, giving clean slices and a stable chew. A classic pitfall is cutting while too hot which results in messy, sinking squares, so allow adequate cooling time for the best presentation and texture.
  10. Combine chocolate chips and oil in a small bowl. Microwave in 30 second increments on high heat, stirring in between, until fully melted. Drizzle over top of cooled bars. Let set up before serving.: Melted semi sweet chocolate chips with a touch of vegetable oil or coconut oil becomes glossy and pourable, adding a luxurious finish and a slight snap once set. Drizzling creates elegant lines and a concentrated chocolate hit that cuts through the sweetness. Be cautious not to overheat the chocolate, as it will seize and become grainy, which is the most common mistake at this stage. Stir gently until smooth, then decorate and allow it to firm before slicing.

Notes

  • Swap toasted coconut timing Use toasted flaked sweetened coconut on top only for more pronounced crunch, or mix half toasted and half untoasted into the dough for layered texture.
  • Adjust sweetness balance Reduce the brown sugar by a small amount if you prefer a less sweet bar, but keep the sweetened condensed milk unchanged so the gooey center stays intact.
  • Extra chip pockets Sprinkle a few extra semi sweet chocolate chips or butterscotch chips on top of the filling before baking to create melted pockets that are visually appealing and rich in flavor.
  • Alternate drizzle Use only half the reserved semi sweet chocolate chips for the drizzle if you prefer a subtler chocolate accent, or melt them with the vegetable oil for a thinner, glossier finish.
  • Make ahead and store Store in an airtight container at room temperature for up to three days, or refrigerate to keep them firmer for longer. Bring to room temperature before serving for the ideal chew.