Buttery, chewy, and dripping with caramel goodness, these Coconut Toffee Bars are a dream for anyone with a sweet tooth. They combine a crunchy cookie crust, a creamy middle layer, and a luscious toffee topping dotted with rich coconut and buttery bits. With their texture-packed bite and sweet layers, these bars are perfect for gifting, holiday spreads, or just because you deserve a treat.

Each bite delivers a flavor combo that satisfies cravings instantly. The contrast between the golden cookie base and smooth white layer adds visual charm and a melt-in-your-mouth finish. Whether you’re new to baking or a seasoned pro, you’ll find these bars both easy to make and impossible to resist.
What Kind of Toffee Should I Use?
For the best flavor and texture, opt for soft toffee bits (like Heath English Toffee Bits or Werther’s Soft Caramels chopped up). They melt smoothly into the top layer, binding perfectly with the coconut. Avoid hard, brittle toffee unless you want extra crunch.
Ingredients for the Coconut Toffee Bars
Graham Cracker Crumbs: Forms the crunchy base and provides a toasted, nutty flavor.
Sweetened Condensed Milk: Adds creamy sweetness and helps bind the base and filling layers.
White Chocolate Chips: Melt into a creamy layer that pairs beautifully with coconut and toffee.
Butter: Adds richness to every layer, helping the crust hold and enriching the flavor of the topping.
Toffee Bits: The star of the top layer, adding a deep caramelized flavor.
Shredded Sweetened Coconut: Gives chew and tropical flair, balancing the richness of the toffee.
How To Make the Coconut Toffee Bars
Step 1: Create the Base
Preheat your oven to 350°F (175°C). Mix graham cracker crumbs with melted butter and half of the condensed milk. Press firmly into a parchment-lined baking pan.
Step 2: Add the Creamy Middle
Sprinkle white chocolate chips evenly over the crust. Gently drizzle the remaining sweetened condensed milk on top. It will help melt the chocolate into a velvety center.
Step 3: Layer on the Coconut and Toffee
Evenly distribute shredded coconut and toffee bits across the top. Lightly press down so they adhere to the creamy layer.
Step 4: Bake and Cool
Bake for 25–30 minutes, or until the edges are golden brown and bubbly. Cool completely before cutting into bars so layers set properly.

Serving and Storing Coconut Toffee Bars
These bars slice beautifully once cooled, making them ideal for serving at room temperature. For a firmer texture, chill them slightly before cutting. Store in an airtight container at room temperature for up to 5 days, or refrigerate for extended freshness. They also freeze well if you want to make them ahead.
What to Serve With Coconut Toffee Bars?
Coffee or Espresso
The deep roast notes pair beautifully with the sweet, buttery toffee.
Vanilla Ice Cream
Serve a chilled bar with a scoop of vanilla for a dessert plate that wows.
Salted Nuts
The salt cuts the sweetness and adds a crunchy contrast.
Fresh Berries
Strawberries, raspberries, or blueberries brighten the richness.
Whipped Cream
A dollop of lightly sweetened cream adds a soft, airy touch.
Chai Tea
The warm spices of chai balance the sweetness with a little kick.
Spiced Rum or Bourbon
For an adult pairing, try a sip of spiced spirits alongside the chewy squares.
Want More Dessert Bar Ideas?
If you love these Coconut Toffee Bars, you’ll want to try these next:
- No-Bake Twinkie Pudding Cake for a creamy, fun twist.
- Cherry Chocolate Cheesecake with a rich chocolate base.
- Chocolate Cherry Cream Pie if you’re craving fruity decadence.
- Twix Cookie Cups for that caramel crunch in mini form.
- Cream Cheese Flan if you want to lean into silky textures.
Save This Pin For Later
📌 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 try adding nuts or drizzle with chocolate? Did you use dark chocolate instead of white?
I love seeing how you make these your own. Share your versions and let’s inspire each other in the kitchen.
Explore beautifully curated health-boosting drinks and sweet delights on ChefAlchemy’s Pinterest and discover your new go-to for feeling great!
Coconut Toffee Bars
- Total Time: 40 minutes
- Yield: 16 bars
- Diet: Vegetarian
Description
Indulge in these irresistible Coconut Toffee Bars, a layered dessert dream that brings together a crunchy graham cracker crust, creamy white chocolate center, and a toffee-coconut topping that’s pure magic. Whether you’re looking for an easy dessert for a party, a quick treat to satisfy a sweet craving, or creative baking ideas for the holidays, this recipe delivers. Each bite hits the perfect balance of chewy, creamy, and crunchy, with a buttery richness that makes these bars unforgettable. Perfect for gifting or freezing ahead. These are your new favorite dessert bars to impress and enjoy!
Ingredients
1 ½ cups graham cracker crumbs
½ cup butter, melted
1 can sweetened condensed milk, divided (14 oz)
1 cup white chocolate chips
1 cup shredded sweetened coconut
1 cup toffee bits
Instructions
1. Preheat oven to 350°F (175°C). Line a baking pan with parchment paper.
2. Mix graham cracker crumbs, melted butter, and half of the condensed milk. Press into the pan to form the crust.
3. Sprinkle white chocolate chips evenly over the crust. Drizzle the remaining condensed milk on top.
4. Add shredded coconut and toffee bits. Press down gently to help them stick.
5. Bake for 25–30 minutes until golden and bubbling at the edges.
6. Cool completely before slicing into bars.
Notes
Make sure the bars are fully cooled before slicing to get clean cuts.
Use parchment paper for easy lifting and less mess.
- Prep Time: 10 minutes
- Cook Time: 30 minutes
- Category: Dessert
- Method: Baked
- Cuisine: American
Nutrition
- Serving Size: 1 bar
- Calories: 210
- Sugar: 18g
- Sodium: 110mg
- Fat: 12g
- Saturated Fat: 8g
- Unsaturated Fat: 3g
- Trans Fat: 0g
- Carbohydrates: 24g
- Fiber: 1g
- Protein: 2g
- Cholesterol: 15mg
Keywords: easy dessert, toffee bars, coconut dessert, baking ideas, quick treat
