Chocolate Coconut Cookie Bars

Featured in Sweet Treats and Baked Delights.

These chocolate coconut cookie bars combine a buttery graham cracker crust with a sweet coconut layer and a velvety chocolate topping. Start by making the base with finely ground graham crackers, melted butter, and sugar. Once baked to golden perfection, add a sweet coconut layer and pour over condensed milk before a second bake. Finish with a smooth layer of melted chocolate, refrigerate or cool for clean cutting, and enjoy bite-sized bars that are perfect for dessert or gifting.

Haya
Updated on Mon, 21 Apr 2025 02:25:10 GMT
Three pieces of chocolate cake with coconut on top. Pin it
Three pieces of chocolate cake with coconut on top. | recipeown.com

This chocolate coconut cookie bar recipe transforms simple ingredients into an irresistible layered dessert that satisfies both chocolate and coconut cravings at once. The combination of buttery graham cracker crust, chewy coconut filling, and rich chocolate topping creates the perfect balance of textures and flavors that's impossible to resist.

I first made these bars for a neighborhood potluck where they disappeared within minutes. Since then, they've become my go-to recipe whenever I need a foolproof dessert that pleases everyone from kids to grandparents.

Ingredients

  • Graham crackers: Provide the perfect buttery base and subtle honey flavor
  • Butter: Binds the crust and adds richness look for unsalted to control salt levels
  • Sweetened condensed milk: Creates that distinctive gooey layer and helps the coconut set properly
  • Shredded coconut: Gives the signature chewy texture and tropical flavor choose sweetened for best results
  • Chocolate chips: Melt beautifully for the topping semisweet offers the perfect balance of sweetness
  • Vegetable oil: Helps create a smooth chocolate layer that cuts cleanly without cracking

Step-by-Step Instructions

Prepare the Base:
Process graham crackers until they reach fine crumb consistency. This usually takes about 30 seconds of continuous processing. Add the melted butter and sugar to create a mixture that holds together when pressed between your fingers. The sugar not only sweetens but helps bind the crust. Press firmly into your pan to create a solid foundation.
Create the Perfect Crust:
Line your pan completely with parchment paper allowing some overhang for easy removal later. Use the bottom of a measuring cup to press the crumbs firmly and evenly across the entire surface including corners. A uniform thickness ensures even baking and prevents burnt spots.
Build the Coconut Layer:
Distribute the coconut evenly across the baked crust making sure to reach all edges. Pour the sweetened condensed milk slowly starting from the center and working outward. The milk will naturally spread as it bakes but help it along with a spatula to ensure even coverage.
Perfect the Chocolate Topping:
When melting chocolate use short intervals and stir thoroughly between each heating. The residual heat continues melting the chocolate after removing from the microwave. Adding the vegetable oil creates a silky texture that spreads easily and prevents the chocolate from becoming too hard or brittle when cooled.
Three pieces of chocolate and coconut cake. Pin it
Three pieces of chocolate and coconut cake. | recipeown.com

The sweetened condensed milk is truly the magic ingredient in this recipe. The first time I made these bars I watched in amazement as it transformed the loose coconut into a cohesive filling that caramelized slightly at the edges. My daughter now requests these every year for her birthday instead of traditional cake.

Make-Ahead Options

These bars actually improve with time as the flavors meld together. Make them up to three days ahead and store at room temperature in an airtight container. The chocolate will retain its shine and the coconut layer becomes even more flavorful. For best results cut just before serving.

Smart Substitutions

The recipe works wonderfully with variations. Try gingersnaps or chocolate wafers instead of graham crackers for a different flavor profile. Replace up to half the coconut with chopped dried fruits like cranberries or apricots for a fruity twist. Dark chocolate or white chocolate can be substituted for the semisweet chips depending on your preference.

Serving Suggestions

For an elegant dessert plate each bar with a dollop of whipped cream and fresh berries. When serving at parties cut into smaller bite-size pieces and arrange on a tiered platter garnished with mint leaves. These also pair wonderfully with coffee especially a dark roast that complements the sweetness of the bars.

The History Behind the Bars

These treats are a modern twist on traditional Hello Dolly or Seven Layer Bars that became popular in American baking during the 1960s. The original recipes appeared on condensed milk can labels and spread through community cookbooks. This streamlined version focuses on the most beloved elements chocolate and coconut while maintaining the beloved textural contrast of the original.

Three pieces of chocolate cake with coconut on top. Pin it
Three pieces of chocolate cake with coconut on top. | recipeown.com

Frequently Asked Questions

→ How do I ensure the layers stay intact?

Allow the bars to fully cool before cutting, as this helps the layers set and ensures clean edges.

→ Can I substitute the graham crackers?

Yes, you can use digestive biscuits, vanilla wafers, or pre-made cookie crumbs as alternatives.

→ How should I melt the chocolate?

Microwave the chocolate chips with vegetable oil in 20-30 second intervals, stirring in between until smooth.

→ Are there nut-free options?

Simply omit the optional chopped almonds or walnuts to make these bars nut-free.

→ How long do these bars keep?

Store the bars in an airtight container at room temperature for up to 3 days or refrigerate for up to a week.

Chocolate Coconut Cookie Bars

Decadent chocolate coconut bars atop a graham cracker crust.

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

Category: Desserts & Baking

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