Coconut Toffee Bars are the perfect treat for anyone craving a sweet snack that combines rich flavors and a delightful crunch. These bars promise to satisfy your sweet tooth with layers of buttery crust, creamy sweetness, and toasted coconut. Whether you’re looking for something to bring to a potluck or just want to indulge at home, this recipe is sure to please.
Why You’ll Love Coconut Toffee Bars
-
Easy to Make: This recipe is simple, making it perfect for beginners and seasoned bakers alike. With straightforward steps and readily available ingredients, you can whip these bars together in no time.
-
Delicious Flavor Combination: The combination of graham cracker, toffee, chocolate, and coconut creates a rich tapestry of flavor that’s both comforting and exciting. Each bite is a sweet escape to dessert heaven.
-
Versatile Snack: Coconut Toffee Bars are versatile enough for any occasion. Whether you’re hosting a party, bringing a dish to a gathering, or having a quiet night in, these bars fit the bill perfectly.
-
Make Ahead Option: These bars can be prepared ahead of time, making them an excellent choice for busy schedules. Just bake, cool, and store them until you’re ready to serve.
-
Crowd-Pleaser: With a combination of textures and flavors, these bars are sure to impress family and friends. Whether kids or adults, everyone will love this sweet treat.
Prep & Cook Time Breakdown
- Prep Time: 15 minutes
- Cook Time: 30 minutes
- Cooling Time: 2 hours
- Total Time: 2 hours and 45 minutes
What You Need For Coconut Toffee Bars
- 1 cup unsalted butter, melted
- 2 cups graham cracker crumbs
- 1/4 cup granulated sugar
- 1/2 teaspoon fine sea salt
- 1 can sweetened condensed milk (14 ounces)
- 1 teaspoon vanilla extract
- 1 1/2 cups sweetened shredded coconut
- 1 cup toffee bits
- 1 cup semi-sweet chocolate chips
- 1/2 cup chopped pecans (optional)
Step-by-Step: How to Make Coconut Toffee Bars
Directions Made Simple
-
Preheat the Oven
Preheat the oven to 350°F (175°C). Lightly grease a 9×13 inch baking pan or line it with parchment paper, leaving an overhang to lift the bars out later. -
Mix the Crust
In a medium bowl, combine the graham cracker crumbs, melted butter, granulated sugar, and fine sea salt. Stir until the mixture resembles damp sand and clumps together when pressed. -
Form the Crust
Press the crumb mixture firmly and evenly into the bottom of the prepared pan using your fingertips or the bottom of a measuring cup to form the crust. -
Bake the Crust
Bake the crust for 8 to 10 minutes, or until it looks set and smells lightly toasty. Remove from the oven and let it cool for a few minutes while you prepare the topping. -
Prepare the Milk Mixture
In a small bowl or measuring cup, whisk together the sweetened condensed milk and vanilla extract until smooth and well combined. -
Add the Toppings
Sprinkle the toffee bits evenly over the warm crust, followed by the semi-sweet chocolate chips and chopped pecans if using. -
Layer the Coconut
Sprinkle the sweetened shredded coconut evenly over the top of the chocolate and toffee layer so it is mostly covered. -
Pour the Milk Mixture
Slowly pour the condensed milk mixture evenly over the coconut layer, moving in a thin stream from edge to edge so the top is lightly coated. Gently nudge any dry spots with a spatula if needed. -
Bake Again
Return the pan to the oven and bake for 20 to 25 minutes, or until the edges are deep golden brown, the condensed milk is bubbling around the sides, and the coconut on top is toasted. -
Watch for Over-Browning
If the coconut begins browning too quickly, tent the pan loosely with foil and continue baking until the center looks set. -
Cool the Bars
Remove the pan from the oven and place it on a wire rack. Cool the bars completely in the pan for at least 1 to 2 hours so they can firm up. -
Slice and Serve
Once fully cooled, use the parchment sling to lift the bars out of the pan and transfer them to a cutting board. Slice into 16 to 20 bars with a sharp knife, wiping the blade between cuts for clean edges.
Pro Tips to Perfect Coconut Toffee Bars
-
Use a Food Processor: For a finer graham cracker crust, consider using a food processor to crush the graham crackers. This ensures an even texture.
-
Butter and Baking: Make sure the butter is well melted, but not too hot when mixing with other ingredients. This will help the crust hold its shape.
-
Don’t Rush the Cooling: Allow the bars to cool completely in the pan. This step is crucial for achieving the perfect texture and ease of cutting.
-
Chill for Extra Firmness: For even firmer bars, chill the cut bars in the refrigerator for about 30 minutes before serving.
-
Customize Your Nuts: If you don’t have pecans, feel free to use walnuts or skip them entirely for a nut-free version.
How to Serve Coconut Toffee Bars
Coconut Toffee Bars are delightful on their own but can be served with an array of accompaniments. Pair them with a scoop of vanilla ice cream, a drizzle of chocolate sauce, or simply dust them with powdered sugar for an elegant touch. They’re also perfect alongside a cup of coffee or tea, making them a great addition to your afternoon snack routine.
Storing Your Coconut Toffee Bars
-
Keep it Sealed: Store the bars in an airtight container to maintain freshness and texture.
-
Room Temperature Storage: They can be kept at room temperature for about 3 to 4 days.
-
Refrigeration: For extended freshness, store in the refrigerator where they will keep for up to a week.
-
Freezing: Freeze uncut bars or cut bars in between layers of parchment paper for an easy grab-and-go option later. They can last up to 3 months in the freezer.
-
Thawing: To enjoy frozen bars, simply allow them to thaw in the refrigerator overnight before serving.
Keys to Recipe Success
-
Even Pressing of the Crust: Ensure the crust is pressed firmly and evenly to prevent it from crumbling when cutting.
-
Watch the Baking Time: Keep a close eye on the baking time, as ovens can vary. Look for golden edges and bubbling milk as indicators of doneness.
-
Ingredient Quality: Use high-quality chocolate and coconut for the best flavor. Freshly shredded coconut adds better texture and taste.
-
Slice When Cool: Always let the bars cool completely before slicing to achieve neat, clean cuts.
-
Adapt to Your Preferences: Feel free to modify the amount of toffee or chocolate chips to cater to your taste.
Flavor Twist Ideas
-
Add Citrus Zest: Integrate lemon or orange zest into the condensed milk mixture for a zesty pop.
-
Nut Variations: Consider experimenting with different nuts like almonds or macadamia nuts for varied crunch and flavor.
-
Chocolate Swirls: Melt some chocolate and swirl it through the coconut layer for an artistic touch.
-
Peanut Butter Transformation: Drizzle or mix in a tablespoon of peanut butter with the condensed milk for a nutty twist.
-
Dried Fruit Inclusion: Mix in some dried cranberries or chopped dried apricots for a chewy texture and added flavor.
Coconut Toffee Bars FAQ Guide
-
Can I use unsweetened coconut?
Yes, you can, but keep in mind that the bars will be less sweet. -
What can I substitute for graham cracker crumbs?
You can use crushed digestive biscuits or cookie crumbs for a different flavor. -
How long do leftovers last?
If stored properly, leftovers can last up to a week in the refrigerator. -
Can I make these bars gluten-free?
Absolutely! Just substitute gluten-free graham crackers or cookies for the crust.
Closing Remarks
Coconut Toffee Bars are a delightful treat that can bring joy to any occasion. With their delicious layers and satisfying crunch, they’re bound to become a go-to recipe in your dessert repertoire. Whether you’re making them for a gathering or just treating yourself, these bars are easy to prepare and utterly delicious. Enjoy every morsel!

Coconut Toffee Bars
Ingredients
For the crust
- 1 cup unsalted butter, melted
- 2 cups graham cracker crumbs
- 1/4 cup granulated sugar
- 1/2 teaspoon fine sea salt
For the filling and toppings
- 1 can sweetened condensed milk (14 ounces)
- 1 teaspoon vanilla extract
- 1 1/2 cups sweetened shredded coconut
- 1 cup toffee bits
- 1 cup semi-sweet chocolate chips
- 1/2 cup chopped pecans (optional)
Instructions
Preparation
- Preheat the oven to 350°F (175°C). Lightly grease a 9×13 inch baking pan or line it with parchment paper, leaving an overhang to lift the bars out later.
- In a medium bowl, combine the graham cracker crumbs, melted butter, granulated sugar, and fine sea salt. Stir until the mixture resembles damp sand and clumps together when pressed.
- Press the crumb mixture firmly and evenly into the bottom of the prepared pan using your fingertips or the bottom of a measuring cup to form the crust.
- Bake the crust for 8 to 10 minutes, or until it looks set and smells lightly toasty. Remove from the oven and let it cool for a few minutes while you prepare the topping.
- In a small bowl or measuring cup, whisk together the sweetened condensed milk and vanilla extract until smooth and well combined.
Assembly
- Sprinkle the toffee bits evenly over the warm crust, followed by the semi-sweet chocolate chips and chopped pecans if using.
- Sprinkle the sweetened shredded coconut evenly over the top of the chocolate and toffee layer so it is mostly covered.
- Slowly pour the condensed milk mixture evenly over the coconut layer, moving in a thin stream from edge to edge so the top is lightly coated. Gently nudge any dry spots with a spatula if needed.
Baking
- Return the pan to the oven and bake for 20 to 25 minutes, or until the edges are deep golden brown, the condensed milk is bubbling around the sides, and the coconut on top is toasted.
- If the coconut begins browning too quickly, tent the pan loosely with foil and continue baking until the center looks set.
Cooling and Serving
- Remove the pan from the oven and place it on a wire rack. Cool the bars completely in the pan for at least 1 to 2 hours so they can firm up.
- Once fully cooled, use the parchment sling to lift the bars out of the pan and transfer them to a cutting board. Slice into 16 to 20 bars with a sharp knife, wiping the blade between cuts for clean edges.










