Chocolate Coconut Cookie Bars

Featured in Sweet Treats and Baked Goods.

These chocolate coconut bars are the perfect dessert for coconut lovers. Starting with a buttery graham cracker crust, they're topped with sweetened coconut mixed with condensed milk and finished with a layer of smooth, melted chocolate. With simple ingredients like graham crackers, coconut, and chocolate chips, they're easy to prepare in just a few steps. Bake the crust, layer the coconut and condensed milk, and then finish it with melted chocolate. Once cooled, cut into squares and enjoy rich, chewy bites full of flavor! Optional additions like almonds or walnuts can provide extra texture. Perfect for gatherings or anytime indulgence.

Fatiha
Updated on Wed, 16 Apr 2025 20:45:32 GMT
A stack of three chocolate cake bars. Pin it
A stack of three chocolate cake bars. | zestplate.com

This buttery chocolate coconut bar recipe transforms simple ingredients into an irresistible treat that rivals your favorite candy bar. The combination of a graham cracker crust, sweet coconut filling, and rich chocolate topping creates squares that disappear faster than I can make them in my kitchen.

I first created these bars when looking for something simpler than traditional seven-layer magic bars but with that same nostalgic flavor. Now they're requested at every family gathering, and my nieces have dubbed them "better than candy bars."

Ingredients

  • Graham crackers: Form the buttery base that provides perfect texture contrast
  • Melted butter: Binds the crust and adds rich flavor throughout
  • Granulated sugar: Enhances the sweetness of the crust without overpowering
  • Sweetened flaked coconut: Creates that classic chewy texture in every bite
  • Sweetened condensed milk: Transforms into a caramel-like layer that holds everything together
  • Chocolate chips: Provide the perfect topping; look for high-quality semisweet for best results
  • Vegetable oil: Helps create a smooth chocolate layer that slices cleanly without cracking

Step-by-Step Instructions

Prepare the Graham Crust:
Process graham crackers in a food processor until finely ground. Add sugar and melted butter, pulsing until the mixture resembles wet sand and clumps when pressed together. This texture ensures your crust will hold together properly after baking.
Create the Base Layer:
Press the graham mixture firmly into a foil or parchment-lined 8×8 baking pan, creating an even layer across the bottom. Use the flat bottom of a measuring cup to compress the crust, which prevents a crumbly base. Bake at 350°F for 15 minutes until the edges begin turning golden brown.
Add the Coconut Layer:
Sprinkle the flaked coconut evenly over the hot crust, ensuring complete coverage. Pour sweetened condensed milk slowly over the coconut, tilting the pan gently if needed to create an even distribution. The milk should coat all the coconut without pooling excessively in any area.
Second Bake:
Return the pan to the oven for another 15 minutes. During this time, the condensed milk will bubble slightly and begin to caramelize, while the coconut toasts to a light golden color. The filling should be set but still slightly soft when removed from the oven.
Create the Chocolate Topping:
Combine chocolate chips and vegetable oil in a microwave-safe bowl. Heat in 30-second intervals, stirring thoroughly between each until completely smooth. The oil prevents the chocolate from setting too hard, making the bars easier to slice later.
Finish and Cool:
Pour the melted chocolate over the still-warm coconut layer, spreading quickly to create an even top layer. Allow the bars to cool completely at room temperature for the shiniest finish, though refrigerating will speed up the process if you're short on time.
Slice and Serve:
Once fully cooled, lift the entire dessert out using the foil edges and transfer to a cutting board. With a sharp knife, cut into 16 even squares, wiping the blade clean between cuts for the neatest presentation.
A plate of chocolate and coconut desserts. Pin it
A plate of chocolate and coconut desserts. | zestplate.com

My favorite part of making these bars is watching the coconut layer transform in the oven. The aroma fills my kitchen with that unmistakable toasted coconut scent that reminds me of summer vacations in Florida where my grandmother would make similar treats. Even coconut skeptics have been converted by these squares.

Storage Tips

These chocolate coconut bars keep remarkably well. Store them in an airtight container with parchment between layers to prevent sticking. They'll remain fresh at room temperature for up to 5 days, though I find the texture is best within the first 3 days. For longer storage, refrigerate for up to 2 weeks – the chilled bars take on an almost fudge-like quality that many of my friends actually prefer to room temperature.

Variation Ideas

Transform these classic bars by adding just a few ingredients. For an Almond Joy experience, sprinkle toasted sliced almonds over the coconut before adding the condensed milk. Create a salted version by sprinkling flaky sea salt over the chocolate while still warm. For a tropical twist, add 1 teaspoon of lime zest to the coconut layer and a tablespoon of rum to the chocolate for a piña colada inspired treat that's perfect for summer gatherings.

Three pieces of chocolate cake with white frosting. Pin it
Three pieces of chocolate cake with white frosting. | zestplate.com

Serving Suggestions

These decadent bars shine on their own, but pairing them with the right accompaniments elevates them to dessert-table stardom. Serve slightly warmed with a scoop of vanilla ice cream for an upgraded sundae experience. Include them on dessert platters alongside fresh berries for color contrast and flavor balance. For coffee gatherings, cut them into smaller bite-sized squares and pair with a strong espresso or cappuccino, as the bitter coffee notes complement the sweet coconut and chocolate perfectly.

Frequently Asked Questions

→ Can I use unsweetened coconut instead of sweetened coconut?

Yes, you can use unsweetened coconut, but the bars may be less sweet. Adjust the sugar in the crust or use sweetened condensed milk to balance the flavor.

→ Can these bars be made ahead of time?

Absolutely! These bars store well in an airtight container at room temperature for up to 3 days or in the refrigerator for up to a week.

→ Can I substitute the graham crackers with another base?

Yes, you can try crushed digestive biscuits, shortbread cookies, or even chocolate cookies for a different flavor profile.

→ How can I make the chocolate topping shinier?

Allow the melted chocolate to cool completely at room temperature. Refrigeration can speed up the cooling but might dull the shine.

→ Are there nut-free options for this dessert?

Yes, simply omit the almonds or walnuts for a nut-free version. The bars will still be delicious without them.

Chocolate Coconut Cookie Bars

Rich chocolate coconut bars with graham crust and melted chocolate. Perfect bite-sized treats.

Prep Time
20 Minutes
Cook Time
30 Minutes
Total Time
50 Minutes
By: Fatiha

Category: Desserts

Difficulty: Easy

Cuisine: American

Yield: 16 Servings

Dietary: Vegetarian

Ingredients

→ Base Layer

01 10 graham crackers, finely ground
02 6 tablespoons butter, melted
03 2 tablespoons sugar

→ Filling

04 1 1/2 cups sweetened, shredded coconut
05 14 ounces sweetened condensed milk

→ Topping

06 1 1/2 cups chocolate chips
07 1 tablespoon vegetable oil
08 1/4 cup chopped almonds or walnuts (optional)

Instructions

Step 01

Preheat the oven to 350°F (175°C) and gather all ingredients.

Step 02

Using a food processor, grind graham crackers into fine crumbs. Add sugar and melted butter, then pulse until the mixture can clump together when pressed.

Step 03

Line a baking pan with parchment paper or foil. Spread the graham cracker mixture evenly across the bottom and press down gently. Bake for 15 minutes or until light golden brown.

Step 04

Evenly sprinkle shredded coconut over the baked graham crust. Pour sweetened condensed milk over the coconut and spread out to cover the surface.

Step 05

Return the pan to the oven and bake for another 15 minutes, until the edges are golden and set.

Step 06

Melt chocolate chips with vegetable oil in the microwave. Heat for 30 seconds, stir, and continue in 20-second intervals until smooth.

Step 07

Spread the melted chocolate mixture over the baked coconut layer and smooth into an even layer.

Step 08

Allow the bars to cool completely before cutting. Refrigeration can speed up the cooling process, but room temperature cooling yields shinier chocolate. Cut into a 4x4 grid to serve.

Notes

  1. Cutting the bars after cooling ensures clean edges and intact layers.

Tools You'll Need

  • Food processor
  • Microwave-safe bowl
  • Baking pan
  • Parchment paper or foil

Allergy Information

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Contains milk
  • Contains gluten
  • Contains tree nuts (optional)

Nutrition Facts (Per Serving)

It is important to consider this information as approximate and not to use it as definitive health advice.
  • Calories: 260
  • Total Fat: 14 g
  • Total Carbohydrate: 32.5 g
  • Protein: 3.2 g