Caramel Coconut Bars Recipe
Introduction
These Caramel Coconut Bars combine a buttery crust with a rich caramel-coconut filling and a smooth chocolate drizzle. Perfectly sweet and chewy, they make a delightful treat for any occasion. They’re easy to prepare and sure to impress your family and friends.

Ingredients
- ½ cup (115g) unsalted butter (softened)
- ⅓ cup (70g) brown sugar (light or dark)
- ¼ teaspoon salt
- 1¼ cups (157g) all purpose flour (spooned and leveled)
- 6 tablespoons (86g) unsalted butter (cut into pieces)
- ¾ cup (156g) brown sugar (light or dark)
- 2 tablespoons honey
- ¼ cup (60g) heavy cream
- scant ½ teaspoon salt
- 1¼ cups (105g) sweetened shredded coconut
- ½ teaspoon pure vanilla extract
- ¾ cup (125g) milk chocolate chips
- flaky finishing salt (optional)
Instructions
- Step 1: Preheat your oven to 350°F and position a rack in the center. Line an 8×8 inch metal baking pan with foil or parchment paper and lightly grease it.
- Step 2: In a bowl, use a hand mixer or stand mixer with the paddle attachment to beat the softened butter, ⅓ cup brown sugar, salt, and flour for several minutes until the mixture is crumbly but holds together when pressed. Press this evenly into the prepared pan using the bottom of a measuring cup. Bake for 15 minutes.
- Step 3: Meanwhile, prepare the filling by combining the 6 tablespoons butter, ¾ cup brown sugar, honey, heavy cream, and scant ½ teaspoon salt in a medium saucepan over medium heat. Stir occasionally until the mixture simmers with bubbles all over, then simmer for 2 minutes.
- Step 4: Remove the saucepan from heat and stir in the vanilla extract and shredded coconut. Pour this filling evenly over the baked crust and return the pan to the oven for 12 minutes more. Once done, place the pan on a wire rack to cool completely.
- Step 5: Melt the chocolate chips slowly using a double boiler or microwave in short bursts to prevent seizing. Transfer the melted chocolate to a piping bag or a zip-top bag and snip a tiny corner off. Drizzle the chocolate in a zigzag pattern over the bars. Optionally, sprinkle with flaky finishing salt. Allow the chocolate to set for a couple of hours before serving.
Tips & Variations
- Use dark chocolate chips for a richer flavor contrast to the sweet filling.
- To prevent the crust from becoming too hard, avoid overbaking it before adding the filling.
- For extra texture, try adding chopped nuts like macadamia or pecans to the coconut filling.
- If you prefer, replace honey with maple syrup for a different sweetness profile.
Storage
Store the bars in an airtight container at room temperature for up to 3 days, or refrigerate for up to a week. If refrigerated, let them come to room temperature before serving for the best texture. Reheat briefly in the microwave if you like the chocolate slightly melted.
How to Serve

Serve this delicious recipe with your favorite sides.
FAQs
Can I use unsweetened coconut instead of sweetened shredded coconut?
Yes, you can, but the bars will be less sweet. You might want to increase the brown sugar slightly to balance the flavor.
What can I substitute for heavy cream in the filling?
You can use full-fat coconut milk as a dairy-free alternative; it will add a subtle coconut flavor to the bars.
PrintCaramel Coconut Bars Recipe
These Caramel Coconut Bars feature a buttery crumbly crust topped with a rich, gooey caramel-coconut filling and finished with a decadent drizzle of milk chocolate and flaky sea salt. Perfectly sweet with a touch of saltiness and a delightful texture from the shredded coconut, these bars are a crowd-pleasing dessert for any occasion.
- Prep Time: 15 minutes
- Cook Time: 27 minutes
- Total Time: 2 hours 15 minutes (including cooling and setting time)
- Yield: 16 bars (4×4 grid in an 8×8 inch pan) 1x
- Category: Dessert
- Method: Baking
- Cuisine: American
Ingredients
Crust
- ½ cup (115g) unsalted butter, softened
- ⅓ cup (70g) brown sugar (light or dark)
- ¼ teaspoon salt
- 1¼ cups (157g) all purpose flour, spooned and leveled
Filling
- 6 tablespoons (86g) unsalted butter, cut into pieces
- ¾ cup (156g) brown sugar (light or dark)
- 2 tablespoons honey
- ¼ cup (60g) heavy cream
- scant ½ teaspoon salt
- 1¼ cups (105g) sweetened shredded coconut
- ½ teaspoon pure vanilla extract
Topping
- ¾ cup (125g) milk chocolate chips
- flaky finishing salt (optional)
Instructions
- Prepare the crust: Preheat your oven to 350°F (177°C) and position a rack in the center. Line an 8×8 inch metal baking pan with foil or parchment paper, then lightly grease it to prevent sticking.
- Mix crust ingredients: Using a hand mixer or stand mixer with paddle attachment, beat softened butter, brown sugar, salt, and flour for several minutes until the mixture is crumbly yet combined. The mixture should hold together when pressed between your fingertips.
- Bake crust: Press the crumbly mixture evenly into the prepared pan using the bottom of a measuring cup or your hands. Bake for 15 minutes until lightly golden. Meanwhile, move on to the filling.
- Make the filling: In a medium saucepan over medium heat, combine butter, brown sugar, honey, heavy cream, and salt. Stir occasionally until the mixture reaches a simmer with bubbles throughout. Continue simmering gently for 2 minutes.
- Add coconut and vanilla: Remove the saucepan from heat and stir in the vanilla extract and shredded coconut until evenly mixed.
- Assemble and bake: Pour the coconut-caramel filling evenly over the baked crust and smooth the top. Return the pan to the oven and bake for another 12 minutes. Then, transfer the pan to a wire rack to let it cool completely.
- Prepare the topping: Melt the milk chocolate chips slowly using a double boiler or microwave (heat in short bursts while stirring to avoid seizing). Once melted, transfer the chocolate to a piping bag or resealable plastic bag and snip a tiny corner off.
- Decorate and set: Cut the bars into desired sizes before drizzling. Drizzle the melted chocolate over the bars in a zigzag pattern. Optionally, sprinkle flaky finishing salt on top to enhance flavor. Allow the chocolate to firm up for a couple of hours before serving.
Notes
- Use parchment paper or foil to make removing the bars easier and create clean edges.
- Slow melting of chocolate is essential to avoid seizing and ensure smooth drizzling.
- For a richer caramel flavor, dark brown sugar can be used instead of light brown sugar in both crust and filling.
- Store bars in an airtight container at room temperature for up to 3 days or refrigerate to extend freshness.
- Flaky finishing salt is optional but highly recommended to balance sweetness and enhance texture.
- Make sure the filling simmers gently, not boiling vigorously, to prevent burning or separating.
Keywords: Caramel Coconut Bars, caramel bars, coconut dessert, chocolate drizzle, easy bars recipe, baked bars, sweet and salty dessert

