Chocolate Coconut Squares

Name: Chocolate Coconut Squares
Prep time: 30 min
Cook time: 15 min
Total time: 45 min
Yield: 16 squares
Ingredients: 2 cups shredded unsweetened coconut; 1/2 cup sweetened condensed milk; 1/4 cup unsweetened cocoa powder; 1/2 teaspoon vanilla extract; 1 cup semi-sweet chocolate chips; 2 tablespoons coconut oil

Highlighted under: Baking & Desserts

I absolutely love making Chocolate Coconut Squares because they are a delightful treat that combines rich chocolate with the tropical essence of coconut. The moment you bite into these squares, the creamy texture and luscious chocolate flavor greet you, while the sweetness of coconut adds an irresistible twist. Whether it's for a special occasion or just a cozy night in, these squares never fail to impress. Plus, they are surprisingly easy to make, so I can whip them up whenever a craving hits!

Created by

Ruby Lawson

Last updated on 2026-01-13T01:37:04.649Z

When I first crafted these Chocolate Coconut Squares, I was experimenting with various ways to elevate traditional chocolate treats. The combination of layers—with chocolate and coconut—was born out of my love for the tropical flavors that remind me of summer. After a few tries, I found that adding toasted coconut brought a nutty depth that transformed the experience entirely.

One crucial tip I discovered is to allow the chocolate to cool slightly before pouring it over the coconut base. This prevents the chocolate from melting into the coconut layer too much, ensuring you have distinct layers that hold up well. The result? A visually stunning and deliciously satisfying treat that everyone loves!

        Why You'll Love These Squares
        Rich chocolate flavor that satisfies your sweet tooth
A chewy coconut layer that adds texture and tropical flair
Perfect for sharing or enjoying solo with your favorite drink

      

Crafting the Perfect Coconut Layer

The coconut layer is the star of these squares, bringing a delightful chewiness that contrasts beautifully with the rich chocolate topping. When mixing the ingredients, ensure that the shredded coconut is unsweetened to avoid overpowering the flavor profile with excess sugar. The sweetened condensed milk not only binds the ingredients but also enhances the overall sweetness and contributes to a creamy texture. Press the mixture firmly into the baking dish to prevent it from crumbling once cut.

Chilling the coconut layer is crucial for its structure. I recommend placing it in the refrigerator for about 15 minutes. This time allows it to firm up, making it easier to pour the chocolate topping on later. If you're in a hurry, you can also place it in the freezer for about 10 minutes, just keep an eye on it to ensure it doesn’t freeze completely!

Getting the Chocolate Topping Just Right

The chocolate topping adds not only a glossy finish but also richness to each bite. When melting the chocolate chips and coconut oil, be cautious—microwaving in 30-second intervals while stirring in between helps prevent overheating, which can lead to unappetizing grainy chocolate instead of a smooth finish. Remember, the chocolate should be glossy and pourable, but not hot enough to melt the coconut layer beneath it.

If you’re looking for a twist on flavor, consider using dark chocolate instead of semi-sweet chocolate chips. This change will impart a deeper chocolate taste, which pairs remarkably well with the sweet and chewy coconut layer. To make your squares even more tropical, sprinkle some toasted coconut flakes over the chocolate layer before it sets.

Ingredients

Gather your ingredients for these simple yet delicious Chocolate Coconut Squares!

For the Coconut Layer

2 cups shredded unsweetened coconut
1/2 cup sweetened condensed milk
1/4 cup unsweetened cocoa powder
1/2 teaspoon vanilla extract

For the Chocolate Topping

1 cup semi-sweet chocolate chips
2 tablespoons coconut oil

Make sure to measure everything accurately to achieve the perfect balance of flavors!

Instructions

Follow these steps to create your decadent Chocolate Coconut Squares!

Prepare the Coconut Layer

In a mixing bowl, combine shredded coconut, sweetened condensed milk, cocoa powder, and vanilla extract. Mix well until all ingredients are fully incorporated. Transfer the mixture into a greased square baking dish and press it evenly into the bottom.

Chill in the refrigerator for about 15 minutes.

Make the Chocolate Topping

While the coconut layer sets, melt the chocolate chips and coconut oil in a microwave-safe bowl, heating in 30-second intervals until smooth. Stir well to combine.

Assemble the Squares

Once the coconut layer has set, pour the melted chocolate over it. Spread it evenly with a spatula and return it to the refrigerator for another 15 minutes to set completely.

Cut and Serve

After the chocolate has hardened, remove the squares from the dish and cut them into 16 equal pieces. Serve chilled or at room temperature!

Enjoy your homemade Chocolate Coconut Squares as a delightful dessert or snack!

Pro Tips

For an extra crunch, consider adding some chopped nuts to the coconut layer before setting it. A sprinkle of sea salt on top of the chocolate before chilling can also elevate the flavors beautifully.

Storing and Serving Suggestions

These Chocolate Coconut Squares can be stored in an airtight container in the refrigerator for up to a week. If you’re planning to make them ahead of time, they also freeze well. Wrap individual squares in parchment paper, then place them in a freezer-safe container. They can be frozen for up to three months—perfect for surprising guests or satisfying late-night cravings. Just set them out for about 10 minutes before serving to soften slightly.

Serving these squares chilled enhances their refreshing quality, especially after a warm day. Pair them with a dollop of whipped cream or a scoop of coconut ice cream for an indulgent treat. For extra flair, drizzle a bit of chocolate sauce over the top before serving, or even add a sprinkle of sea salt to contrast with the sweetness.

Troubleshooting Common Issues

If your coconut layer crumbles when cut, it may be due to not pressing it firmly enough into the pan or under-chilling it. Ensure you're firmly pressing the mixture and let it set long enough to achieve a cohesive structure. An alternative solution could be adding a tablespoon of melted butter to the coconut mixture to increase binding without compromising flavor.

Sometimes, the chocolate topping may not set properly. If that happens, it could be due to overheating the chocolate, causing it to become too thick. If this occurs, gently reheat the chocolate mixture in short bursts, stirring until it’s smooth again. Alternatively, you can place the topped squares in the refrigerator to firm up for a bit longer.

Questions About Recipes

→ Can I use sweetened coconut instead of unsweetened?

Yes, but this may make your squares sweeter than intended. Adjust the sweetened condensed milk accordingly.

→ How should I store the Chocolate Coconut Squares?

Store them in an airtight container in the refrigerator for up to a week.

→ Can I freeze these squares?

Absolutely! They freeze well for up to three months. Just make sure they are well wrapped.

→ What can I use instead of coconut oil?

You can substitute melted butter or any neutral oil if you prefer.