If you love sweet and crunchy treats, you will enjoy this Coconut Toffee Bars Recipe. These bars combine buttery shortbread, chewy toffee and toasted coconut for a deliciously irresistible dessert.
Perfect for parties, holiday gatherings or a simple snack at home, they are easy to make and delightfully rich. In this blog post,
I will guide you step-by-step on how to make Coconut Toffee Bars, share the best ingredients for Coconut Toffee Bars and give tips to make them extra special.
The Secret Behind This Delicious
What makes these bars special is the combination of textures and flavors. The buttery shortbread base provides a firm and soft foundation. The gooey toffee layer adds richness and sweetness.
Finally, the toasted coconut topping gives a nutty flavor and a beautiful crunch. Every bite melts in your mouth, leaving you wanting more. Unlike many desserts, these bars don’t require fancy techniques. They are baked in one pan and cut into perfect squares after cooling.

Recipe Card Info
- Recipe Name: Coconut Toffee Bars
- Servings: 16
- Prep Time: 20 mins
- Cook Time: 25 mins
- Total Time: 45 mins
- Course: Dessert
- Cuisine: American
- Calories: 320 kcal per serving
Equipment List
- 9×13-inch baking pan
- Mixing bowls
- Wooden spoon or spatula
- Measuring cups and spoons
- Baking parchment paper
- Cooling rack
- Knife for cutting bars
Ingredients You Need for Coconut Toffee Bars
- 1 cup (225g) unsalted butter, softened
- 1/2 cup (100g) granulated sugar
- 2 cups (250g) all-purpose flour
- 1/4 teaspoon salt
- 1 1/2 cups (180g) sweetened shredded coconut
- 1 1/2 cups (270g) toffee bits
- 1 teaspoon vanilla extract
Instructions
- Preheat Oven
Preheat your oven to 350°F (175°C). Line a 9×13-inch pan with parchment paper. Leave extra for easy lifting. - Prepare the Shortbread Base
In a bowl, mix softened butter, sugar, flour and salt until smooth and slightly crumbly. - Press Into Pan
Press the dough evenly into the prepared pan using your fingers or spatula. Ensure it is compact and flat. - Bake the Base
Bake in preheated oven for 15 minutes or until lightly golden on the edges. - Add Toffee and Coconut
Remove from oven and sprinkle toffee bits and shredded coconut evenly on top. Press gently into the warm base. - Return to Oven
Bake for another 10 minutes or until the toffee is melted and the coconut is lightly toasted. - Cool Completely
Remove from oven and allow to cool completely on a wire rack. This helps the bars set properly. - Lift Out and Slice
Use the parchment paper to lift bars from the pan. Slice into squares or rectangles with a sharp knife. - Serve and Enjoy
Serve immediately or store in an airtight container. Perfect for gifting or sharing with friends and family.
Expert Tips & Variations
- Butter Quality: Use unsalted, high-quality butter for a richer flavor.
- Coconut: Toast coconut in a dry skillet before adding for extra aroma.
- Toffee Options: Mix in chocolate chips or crushed nuts for variation.
- Cutting Bars: Chill for 20 minutes before slicing to get clean edges.
- Storage: Store in an airtight container at room temperature for up to a week.
Nutrition Information
| Nutrient | Amount per Serving |
|---|---|
| Calories | 320 kcal |
| Carbohydrates | 35 g |
| Protein | 3 g |
| Fat | 20 g |
| Saturated Fat | 12 g |
| Sugar | 22 g |
| Fiber | 1 g |
Serving Suggestions
Coconut Toffee Bars are perfect with a cup of coffee or tea. They also pair beautifully with vanilla ice cream for a decadent dessert.
You can arrange them on a platter for parties or cut into bite-size pieces for a quick snack. These bars are versatile and loved by kids and adults alike.
Storage & Reheating Tips
Store the bars in an airtight container at room temperature for up to a week. They can also be refrigerated for up to two weeks. To refresh, microwave for 10-15 seconds to soften the toffee slightly.
Freezing works well too; wrap tightly in foil or plastic wrap for up to three months. Thaw at room temperature before serving.

Coconut Toffee Bars Recipe
Ingredients
- 1 cup 225g unsalted butter, softened
- 1/2 cup 100g granulated sugar
- 2 cups 250g all-purpose flour
- 1/4 teaspoon salt
- 1 1/2 cups 180g sweetened shredded coconut
- 1 1/2 cups 270g toffee bits
- 1 teaspoon vanilla extract
Instructions
Preheat Oven
- Preheat your oven to 350°F (175°C). Line a 9×13-inch pan with parchment paper. Leave extra for easy lifting.
Prepare the Shortbread Base
- In a bowl, mix softened butter, sugar, flour and salt until smooth and slightly crumbly.
Press Into Pan
- Press the dough evenly into the prepared pan using your fingers or spatula. Ensure it is compact and flat.
Bake the Base
- Bake in preheated oven for 15 minutes or until lightly golden on the edges.
Add Toffee and Coconut
- Remove from oven and sprinkle toffee bits and shredded coconut evenly on top. Press gently into the warm base.
Return to Oven
- Bake for another 10 minutes or until the toffee is melted and the coconut is lightly toasted.
Cool Completely
- Remove from oven and allow to cool completely on a wire rack. This helps the bars set properly.
Lift Out and Slice
- Use the parchment paper to lift bars from the pan. Slice into squares or rectangles with a sharp knife.
Serve and Enjoy
- Serve immediately or store in an airtight container. Perfect for gifting or sharing with friends and family.
Notes
- Butter Quality: Use unsalted, high-quality butter for a richer flavor.
- Coconut: Toast coconut in a dry skillet before adding for extra aroma.
- Toffee Options: Mix in chocolate chips or crushed nuts for variation.
- Cutting Bars: Chill for 20 minutes before slicing to get clean edges.
- Storage: Store in an airtight container at room temperature for up to a week.
FAQs about Coconut Toffee Bars
1. Can I use unsweetened coconut?
Yes, but the bars will be less sweet and slightly less sticky. Toast it lightly to enhance flavor.
2. Can I make these gluten-free?
Yes, substitute all-purpose flour with a gluten-free flour blend. The texture may be slightly different.
3. Can I use store-bought caramel squares instead of toffee bits?
Yes, chop them into small pieces and sprinkle on top before baking. Melted caramel will create a gooey layer.
4. Can I make these ahead of time?
Absolutely. Bake and cool completely, then store in an airtight container. They taste even better the next day.
5. Can I add chocolate to these bars?
Yes, drizzle melted chocolate on top after baking for a chocolate-coconut-toffee treat.
Conclusion
This Coconut Toffee Bars Recipe is simple, delicious and perfect for any occasion. The combination of buttery shortbread, gooey toffee and toasted coconut is irresistible.
With easy-to-follow instructions and minimal ingredients, anyone can make this treat at home. Try this recipe for your next gathering or as a homemade gift. Your friends and family will love every bite!
These bars are chewy, crunchy and full of flavor. They are a must-try for dessert lovers. Now that you know how to make Coconut Toffee Bars, grab your ingredients and enjoy this sweet, tropical delight.

Love cooking simple, tasty dishes. Sharing easy recipes, quick meals and kitchen inspiration every day.












Leave a Review