Chocolate Coconut Squares

Highlighted under: Modern Inspiration

I created these Chocolate Coconut Squares as a decadent treat to share with friends and family. Each bite is rich in chocolate and infused with the delightful flavor of shredded coconut. I love how easy they are to make, yet they look impressive enough to serve at a gathering. With just a few ingredients, you can whip these up in no time and satisfy any sweet tooth. Whether you’re having a cozy night in or a lively party, these squares are sure to be a hit!

Olwen Bradford

Created by

Olwen Bradford

Last updated on 2026-01-12T02:59:40.216Z

When I first experimented with these Chocolate Coconut Squares, I wanted to create something that balanced rich chocolate with a light coconut texture. After trying different combinations, I found that using both unsweetened cocoa powder and shredded coconut delivers depth and an amazing mouthfeel. Preparing this dessert is straightforward, but the flavors will impress anyone who tries it.

I often make these squares a day ahead to let the flavors meld. A key tip is to ensure the chocolate layer is thick enough to contrast with the coconut base. Trust me, the extra richness makes all the difference!

Why You Will Love This Recipe

  • Indulgent chocolate flavor complemented by coconut's tropical touch
  • Simple preparation that yields impressive results
  • Perfect for sharing at parties or enjoying as a personal treat

Understanding the Ingredients

The key to achieving a rich and satisfying flavor in these Chocolate Coconut Squares lies in the balance of ingredients. The unsweetened condensed milk not only adds sweetness but also acts as a binding agent, helping the coconut and graham cracker crumbs adhere together in a firm base. Using high-quality dark chocolate chips is crucial; they provide a deep chocolate flavor that complements the sweetness of the coconut beautifully. For the best texture, aim for chocolate chips with at least 60% cocoa content, as they melt into a luscious layer that contrasts with the chewy base.

Shredded coconut can vary in texture, so select a brand that offers long strands for a more appealing bite. If you're looking for a more intense coconut flavor, consider using toasted coconut, which will add a subtle nuttiness. For those who may be sensitive to dairy, swapping the butter with a plant-based option can provide the same creamy richness without compromising the overall texture of the chocolate layer.

Layering Technique Tips

When pressing the coconut base into the pan, ensure that it’s compacted evenly to create a sturdy foundation. This step is crucial as it prevents the squares from falling apart when cut. I like to use the flat bottom of a measuring cup to press down firmly; this provides an even layer. To achieve the smoothest top for your chocolate layer, pour it over the coconut base while it’s still warm. This will help the chocolate adhere better and create a seamless finish without any bubbling or separation.

While refrigerating the squares to set the chocolate, keep an eye on them after about 15 minutes. If the chocolate appears glossy and slightly firm to the touch, it’s ready to be cut. If left too long, the chocolate may harden excessively, making it difficult to cut cleanly. For cleaner cuts, using a sharp knife dipped in hot water can make a world of difference in maintaining those beautiful layers.

Ingredients

Gather the following ingredients to make delicious Chocolate Coconut Squares:

For the Coconut Base

  • 1 cup shredded coconut
  • 1 cup graham cracker crumbs
  • 1/2 cup unsweetened condensed milk

For the Chocolate Layer

  • 1 cup dark chocolate chips
  • 1/4 cup butter
  • 1 tablespoon coconut oil

Make sure everything is at room temperature for the best mixing results.

Instructions

Follow these steps to create your Chocolate Coconut Squares:

Prepare the Coconut Base

In a mixing bowl, combine the shredded coconut, graham cracker crumbs, and condensed milk. Stir until all ingredients are well incorporated. Press the mixture evenly into the bottom of a greased square pan.

Melt the Chocolate Layer

In a medium saucepan over low heat, melt the dark chocolate chips, butter, and coconut oil together. Stir frequently until smooth and fully combined.

Combine Layers

Pour the melted chocolate mixture over the coconut base, spreading it evenly to cover the entire surface. Refrigerate for at least 15 minutes to allow the chocolate to set.

Cut and Serve

Once the chocolate has hardened, remove the squares from the pan and cut them into pieces. Enjoy these decadent treats cold or at room temperature!

Store any leftovers in an airtight container in the fridge for up to a week.

Secondary image

Pro Tips

  • For an extra touch, sprinkle some extra shredded coconut on top of the chocolate layer before it sets. This gives a beautiful finish and enhances the coconut flavor.

Storage and Make-Ahead Tips

These Chocolate Coconut Squares are perfect for making ahead of time, as they stay fresh covered in the refrigerator for up to one week. For longer storage, consider freezing them. Cut the squares into pieces, then layer them between sheets of parchment paper in an airtight container. They can be frozen for up to three months. Just give them some time at room temperature to soften before serving, or pop them in the microwave for 10-15 seconds for a quick thaw.

If you find yourself with leftovers, don't fret! These squares are versatile enough to be crumbled over ice cream or yogurt, adding a delightful crunch and flavor contrast. This makes for a great dessert option without any extra effort.

Serving Suggestions and Variations

While these Chocolate Coconut Squares are delicious on their own, you can elevate the presentation by drizzling melted chocolate on top or sprinkling toasted coconut flakes for added texture. Consider pairing them with a scoop of coconut or vanilla ice cream to create a delightful dessert plate that’s easy to share. A light dusting of sea salt can also enhance the chocolate flavor, providing a perfect sweet and salty contrast.

For a fun twist, try adding flavor variations. Including a teaspoon of vanilla or almond extract in the chocolate mixture can add depth, while a pinch of espresso powder amplifies the chocolate richness. If you're feeling adventurous, incorporate crushed nuts or dried fruit into the coconut base for a textural surprise and flavor boost.

Questions About Recipes

→ Can I use sweetened coconut instead of unsweetened?

Yes, but it will make the bars sweeter. Adjust the amount of condensed milk accordingly.

→ Is there a substitute for graham cracker crumbs?

Absolutely! You can use crushed vanilla wafers or digestive biscuits as alternatives.

→ How should I store the squares?

Keep them in an airtight container in the fridge to maintain freshness. They can last up to a week.

→ Can I freeze these Chocolate Coconut Squares?

Yes! Freeze them in a single layer on a baking sheet, then transfer to an airtight container. They can be frozen for up to 3 months.

Chocolate Coconut Squares

I created these Chocolate Coconut Squares as a decadent treat to share with friends and family. Each bite is rich in chocolate and infused with the delightful flavor of shredded coconut. I love how easy they are to make, yet they look impressive enough to serve at a gathering. With just a few ingredients, you can whip these up in no time and satisfy any sweet tooth. Whether you’re having a cozy night in or a lively party, these squares are sure to be a hit!

Prep Time15 minutes
Cooking Duration25 minutes
Overall Time40 minutes

Created by: Olwen Bradford

Recipe Type: Modern Inspiration

Skill Level: Easy

Final Quantity: 16 squares

What You'll Need

For the Coconut Base

  1. 1 cup shredded coconut
  2. 1 cup graham cracker crumbs
  3. 1/2 cup unsweetened condensed milk

For the Chocolate Layer

  1. 1 cup dark chocolate chips
  2. 1/4 cup butter
  3. 1 tablespoon coconut oil

How-To Steps

Step 01

In a mixing bowl, combine the shredded coconut, graham cracker crumbs, and condensed milk. Stir until all ingredients are well incorporated. Press the mixture evenly into the bottom of a greased square pan.

Step 02

In a medium saucepan over low heat, melt the dark chocolate chips, butter, and coconut oil together. Stir frequently until smooth and fully combined.

Step 03

Pour the melted chocolate mixture over the coconut base, spreading it evenly to cover the entire surface. Refrigerate for at least 15 minutes to allow the chocolate to set.

Step 04

Once the chocolate has hardened, remove the squares from the pan and cut them into pieces. Enjoy these decadent treats cold or at room temperature!

Extra Tips

  1. For an extra touch, sprinkle some extra shredded coconut on top of the chocolate layer before it sets. This gives a beautiful finish and enhances the coconut flavor.

Nutritional Breakdown (Per Serving)

  • Calories: 200 kcal
  • Total Fat: 12g
  • Saturated Fat: 7g
  • Cholesterol: 20mg
  • Sodium: 30mg
  • Total Carbohydrates: 24g
  • Dietary Fiber: 2g
  • Sugars: 15g
  • Protein: 3g