These Coconut Toffee Bars are everything you love in a dessert bar: chewy, sweet, slightly crunchy, and packed with toasted coconut and buttery toffee flavor. Whether you’re baking for a gathering, gifting homemade treats, or just looking to satisfy your sweet tooth, these bars deliver in both taste and texture.
The base is a golden buttery cookie crust, layered with toffee bits, shredded coconut, and a creamy sweetened condensed milk topping that ties everything together with caramel-like richness. They’re simple to make, easy to store, and even easier to love.
What Kind of Toffee Should I Use?
For this recipe, use toffee bits such as Heath Bits O’ Brickle, which are readily available in baking aisles. You can also chop up toffee bars if that’s what you have on hand. Avoid chocolate-coated toffee unless you want extra richness. Plain toffee works best to highlight the coconut.
Ingredients for the Coconut Toffee Bars
- 1 cup (2 sticks) unsalted butter, melted
- 2 cups graham cracker crumbs
- 1/4 teaspoon salt
- 1 (14-ounce) can sweetened condensed milk
- 1 1/2 cups toffee bits
- 2 cups sweetened shredded coconut
- 1 teaspoon vanilla extract

How To Make the Coconut Toffee Bars
Step 1: Prep the Pan
Preheat your oven to 350°F (175°C). Line a 9×13-inch baking pan with parchment paper, leaving an overhang for easy removal.
Step 2: Make the Crust
In a bowl, mix melted butter, graham cracker crumbs, and salt. Press the mixture evenly into the bottom of the prepared pan to form a crust.
Step 3: Add the Toffee and Coconut
Sprinkle the toffee bits evenly over the crust, followed by the shredded coconut.
Step 4: Pour the Sweetened Milk
In a separate bowl, combine the sweetened condensed milk and vanilla extract. Drizzle this mixture evenly over the toffee and coconut layer.
Step 5: Bake
Bake for 25 to 30 minutes or until the top is golden and edges begin to pull away from the pan. Cool completely before lifting out and cutting into squares.
Serving and Storing Coconut Toffee Bars
These bars are best served once fully cooled so the layers can set and hold their shape. You can cut them into classic squares or rectangles for a bite-size option.
To store, place them in an airtight container at room temperature for up to 5 days. For longer storage, keep them refrigerated for up to 10 days or freeze for up to 2 months.
Frequently Asked Questions
How do I toast coconut for this recipe?
If you want an extra toasty flavor, spread the shredded coconut on a baking sheet and bake at 325°F for 5-7 minutes, stirring once or twice until golden.
Can I use unsweetened coconut?
You can, but the bars won’t be as sweet. Sweetened coconut helps balance the toffee and condensed milk.
What if I don’t have graham cracker crumbs?
You can substitute crushed digestive biscuits or vanilla wafers. Just be sure to use about 2 cups.
Can I double the recipe?
Yes, but use a larger pan (or two 9×13 pans) and adjust baking time as needed.
Are these gluten-free?
They can be! Use gluten-free graham crackers for the crust, and ensure your toffee bits are certified gluten-free.
Want More Dessert Bar Ideas?
If you’re hooked on easy-to-make dessert bars, these will hit the spot too:
- Sopapilla Cheesecake Bars for a cinnamon-sugar layered delight.
- Chocolate Peanut Butter Dream Bars if you’re a chocolate + peanut butter fan.
- Lemon Sugar Cookies to bring some citrus brightness.
- Cherry Chocolate Cheesecake for a fruity, creamy twist.
- Pecan Pie Bites with a gooey center and nutty crunch.
Save This Pin + Share Your Results
📌 Save this recipe to your Pinterest dessert board so you can come back to it any time.
And let me know in the comments how yours turned out. Did you toast the coconut? Maybe try a drizzle of chocolate on top?
I love seeing your spins on these bars. If you have questions or tweaks, drop them below. Let’s inspire each other to bake up some joy.
More daily sweet inspiration over on my Pinterest at Nina Dishes.

Coconut Toffee Bars
- Total Time: 40 minutes
- Yield: 24 bars
- Diet: Vegetarian
Description
Coconut Toffee Bars are chewy, buttery dessert bars with a golden graham cracker crust, rich toffee bits, and sweetened coconut, all baked under a creamy condensed milk topping. Perfect for sharing or storing, these bars are a crowd-pleaser with minimal effort.
Ingredients
1 cup unsalted butter, melted
2 cups graham cracker crumbs
1/4 teaspoon salt
1 can (14 oz) sweetened condensed milk
1 1/2 cups toffee bits
2 cups sweetened shredded coconut
1 teaspoon vanilla extract
Instructions
1. Preheat oven to 350°F (175°C). Line a 9×13-inch baking pan with parchment paper.
2. Combine melted butter, graham cracker crumbs, and salt. Press into pan to form crust.
3. Sprinkle toffee bits evenly over crust.
4. Add shredded coconut on top of the toffee layer.
5. Mix sweetened condensed milk with vanilla and pour evenly over the top.
6. Bake for 25–30 minutes until golden and edges pull from the pan.
7. Let cool completely. Lift out using parchment and slice into bars.
Notes
Toasting the coconut before baking adds extra flavor.
Use plain toffee bits for best results (avoid chocolate-coated).
Chill before cutting for cleaner edges.
- Prep Time: 10 minutes
- Cook Time: 30 minutes
- Category: Dessert
- Method: Baked
- Cuisine: American
Nutrition
- Serving Size: 1 bar
- Calories: 210
- Sugar: 18g
- Sodium: 90mg
- Fat: 12g
- Saturated Fat: 8g
- Unsaturated Fat: 3g
- Trans Fat: 0g
- Carbohydrates: 23g
- Fiber: 1g
- Protein: 2g
- Cholesterol: 15mg
Keywords: Coconut, Toffee, Dessert Bars
