Coconut Choco Cookie Bars

Featured in Sweet Treats and Baked Favorites.

If you're a fan of coconut and chocolate, these bars are for you! Start with a buttery graham cracker layer, add a mix of sweetened coconut and condensed milk, then drizzle melted chocolate on top. Chill before slicing into squares. They're chewy, rich, and easy to whip up in no time. You can toss in nuts like walnuts or almonds for extra crunch, or leave them out for a basic version. Perfect for sharing or keeping all to yourself!

Aisha
Updated on Wed, 14 May 2025 03:16:26 GMT
Three coconut and chocolate cookie bars stacked. Pin it
Three coconut and chocolate cookie bars stacked. | cookingflavor.com

A buttery coconut chocolate square that's so good, it'll make store-bought candy bars seem boring. With graham cracker bottom, sweet coconut middle, and smooth chocolate on top, these treats vanish from my kitchen faster than I can whip up a new batch.

I came up with these squares when I wanted something easier than the classic seven-layer bars but still packed with nostalgic flavor. Now my family asks for them at every holiday, and my nieces say they're "way better than anything from the store."

Ingredients

  • Graham crackers: They make a crunchy base that balances out the soft layers
  • Melted butter: Holds the crust together and adds a rich taste
  • Granulated sugar: Gives just enough sweetness to the base
  • Sweetened flaked coconut: Brings that awesome chewy bite everyone loves
  • Sweetened condensed milk: Turns into a sticky, sweet layer that binds everything
  • Chocolate chips: Make the perfect top layer; go for good quality semisweet for best flavor
  • Vegetable oil: Keeps the chocolate soft enough to cut without breaking

Step-by-Step Instructions

Create the Graham Crust:
Crush graham crackers in your food processor until they're fine crumbs. Mix in sugar and melted butter by pulsing until it looks like damp sand and sticks when you squeeze it. This makes sure your base won't fall apart after baking.
Form the Bottom Layer:
Pack the graham mix firmly into an 8×8 pan lined with foil or parchment. Try using a measuring cup's flat bottom to really press it down tight, which stops it from getting crumbly. Bake at 350°F for 15 minutes until you see the edges turning golden.
Put on the Coconut Layer:
Scatter coconut flakes all over the hot crust, making sure to cover every spot. Slowly drizzle condensed milk across the coconut, gently tipping the pan if needed to spread it evenly. The milk should get into all the coconut without making puddles anywhere.
Bake Again:
Put the pan back in the oven for another 15 minutes. You'll see the milk start to bubble a bit and turn caramel-like, while the coconut gets a nice light golden color. When you take it out, the filling should be set but still a touch soft.
Make the Chocolate Layer:
Put chocolate chips and vegetable oil in a bowl you can microwave. Heat them in 30-second bursts, stirring well each time until it's totally smooth. The oil helps keep the chocolate from getting too hard, which makes cutting easier later.
Top it Off and Cool Down:
Pour your melted chocolate over the warm coconut, spreading it quickly for an even layer. Let everything cool completely at room temp for the best-looking chocolate, though you can stick it in the fridge if you're in a hurry.
Cut and Enjoy:
Once fully cooled, use the foil edges to lift everything out onto a cutting board. With a sharp knife, cut into 16 squares, cleaning the blade between slices for the prettiest results.
A plate of chocolate and coconut desserts. Pin it
A plate of chocolate and coconut desserts. | cookingflavor.com

My favorite moment when making these squares is watching the coconut change in the oven. My kitchen fills up with that amazing toasty coconut smell that takes me back to summer trips to Florida where my grandma would make treats just like these. I've seen even the biggest coconut haters change their minds after trying these bars.

Storage Tips

These treats stay fresh surprisingly well. Keep them in a sealed container with parchment between layers so they don't stick together. They'll be good at room temperature for about 5 days, though they're really best in the first 3 days. If you want them to last longer, stick them in the fridge for up to 2 weeks – many of my friends actually like them better cold because they get this fudge-like texture.

Variation Ideas

Switch things up by adding a few extra ingredients. Want an Almond Joy feel? Just throw some toasted sliced almonds on top of the coconut before adding the condensed milk. For a sweet-salty mix, sprinkle some flaky sea salt over the warm chocolate. Going for a summer vibe? Add a teaspoon of lime zest to the coconut and a tablespoon of rum to the chocolate for a piña colada flavor that's perfect for backyard parties.

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

Serving Suggestions

These rich squares taste great on their own, but the right pairings make them even better. Warm them slightly and add a scoop of vanilla ice cream for a fancy dessert. Put them on a platter with fresh berries to add color and balance out the sweetness. When friends come over for coffee, cut them into tiny squares and serve with strong espresso or cappuccino. The bitter coffee works really well with the sweet coconut and chocolate flavors.

Frequently Asked Questions

→ Can I swap sweetened coconut with unsweetened?

Sure! But keep in mind the bars will be less sweet. You can tweak the sugar in the crust or stick with sweetened condensed milk to balance things out.

→ Are these bars good for making in advance?

Yes! Store them in a sealed container at room temp for up to three days or in the fridge for about a week—they’ll hold up great.

→ What can I use instead of graham crackers?

You can crush up digestive biscuits, shortbread, or even chocolate cookies to get a different flavor. Feel free to experiment!

→ How do I make the chocolate layer look shinier?

Let the melted chocolate cool off at room temperature before adding it. Refrigerating can make it set faster but may lead to a duller finish.

→ How do I make this nut-free?

Simple—just skip the almonds or walnuts. They taste amazing without nuts too!

Coconut Choco Cookie Bars

Chewy coconut and chocolate bars with a crunchy graham base. Bite-sized and delicious.

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

Category: Desserts

Difficulty: Easy

Cuisine: American

Yield: 16 Servings

Dietary: Vegetarian

Ingredients

→ Base Layer

01 6 tablespoons melted butter
02 10 finely crumbled graham crackers
03 2 tablespoons of sugar

→ Filling

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

→ Topping

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

Instructions

Step 01

Set your oven to 350°F (175°C) to preheat and grab all the ingredients you need.

Step 02

Put the graham crackers in a food processor and blend till they’re crumbly. Add in the butter and sugar, then pulse until it clumps when squished.

Step 03

Cover a baking pan with foil or parchment. Press the crumb mixture evenly across the base, smoothing it out. Bake it for around 15 minutes, or until it starts to turn golden.

Step 04

Spread the shredded coconut evenly over the baked crust. Drizzle with the condensed milk and make sure it’s spread out nicely on top.

Step 05

Pop the pan back in the oven. Bake it another 15 minutes, or till the edges are golden and it feels set.

Step 06

Put the chocolate chips and vegetable oil in a microwave-safe bowl. Heat for half a minute, stir, and keep heating in short bursts until smooth.

Step 07

Pour the melted chocolate mixture over the cooled coconut layer. Smooth it out so it’s even all over.

Step 08

Cool the bars fully before cutting them. For quicker cooling, stick them in the fridge, but if you want shiny chocolate, leave them at room temperature. Once cooled, slice into 4x4 squares.

Notes

  1. Letting the bars cool before slicing helps keep the layers neat and tidy.

Tools You'll Need

  • Food processor
  • Microwaveable bowl
  • Pan for baking
  • Foil or parchment sheet

Allergy Information

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Includes dairy
  • Contains gluten
  • May include 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