in

Coconut Toffee Bars

Coconut Toffee Bars

WANT TO SAVE THIS RECIPE?

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
Coconut Toffee Bars (1)

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:


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 (2)
Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Coconut Toffee Bars

Coconut Toffee Bars


  • Author: Nina Klatten
  • 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

Coconut Toffee Bars (3)

WANT TO SAVE THIS RECIPE?