Coconut Chocolate Bars Recipe

Indulge in the ultimate chocolate and coconut dream! These irresistible "Black & White" bars are a delightful combination of rich, decadent chocolate and sweet, shredded coconut. Perfect for satisfying your cravings, they're a guaranteed hit at bake sales and potlucks. The flavor deepens over time, making them even better the next day! Easy to make and incredibly delicious, these bars are a must-try for any chocolate and coconut lover.

Prep Time 20 mins
Cook Time 40 mins
Calories 140.6 kcal
Protein 3g
Rating Be the first
Coconut Chocolate Bars 45

Recipe Actions

Share this recipe:

Recipe Author

Forktionary editorial kitchen team

The Forktionary Kitchen Team

Adapted from Food.com, then tested & standardized by Forktionary.

Ingredients for Coconut Chocolate Bars

  • 2 large eggs
  • ¾ cup granulated sugar
  • ½ cup + 2 tablespoons melted unsalted butter
  • 1 teaspoon vanilla extract
  • 1 ½ cups all-purpose flour
  • 1 teaspoon baking powder
  • ¼ teaspoon salt
  • 1 cup shredded sweetened coconut
  • ½ cup unsweetened cocoa powder
  • 6 ounces semi-sweet chocolate chips

Cook Smarter with Sous, Your Kitchen Companion

Missing an ingredient for this Coconut Chocolate Bars? Need a perfect wine pairing or a healthy side dish idea? Don't guess—ask Sous! Your AI-powered sous-chef is ready to help you swap ingredients, adjust serving sizes, and discover flavor tips in seconds.

How to Make Coconut Chocolate Bars

  1. Preheat oven to 325°F (160°C). Grease an 8x8 inch baking pan.
  2. In a medium bowl, whisk together 2 large eggs and ¾ cup granulated sugar until light and fluffy.
  3. Stir in ½ cup (1 stick) melted unsalted butter and 1 teaspoon vanilla extract.
  4. In a separate bowl, whisk together 1 ½ cups all-purpose flour, 1 teaspoon baking powder, and ¼ teaspoon salt.
  5. Gradually add the dry ingredients to the wet ingredients, mixing until just combined.
  6. Divide the batter in half. Set aside one half.
  7. To one half of the batter, add ½ cup unsweetened cocoa powder and 1 tablespoon melted unsalted butter. Mix until well combined.
  8. To the other half of the batter, add 1 cup shredded sweetened coconut.
  9. Pour the chocolate batter into the prepared baking pan.
  10. Spread the coconut batter evenly over the chocolate batter.
  11. Bake for 25-30 minutes, or until a toothpick inserted into the center comes out with moist crumbs.
  12. Let cool completely in the pan before proceeding.
  13. While the bars are cooling, prepare the topping: Melt 6 ounces of semi-sweet chocolate chips in a microwave-safe bowl in 30-second intervals, stirring until smooth. Stir in 1 tablespoon of melted unsalted butter.
  14. Spread the melted chocolate topping evenly over the cooled bars.
  15. Refrigerate for at least 30 minutes to allow the topping to set completely.
  16. Cut into small squares. Enjoy!

Nutrition Information (Approximate per serving)

Sodium

3 g

Sugar

52g

Fat

25g

Carbs

5g

Recipe Categories (Choose a category and find related recipes!)

Frequently Asked Questions

How long does it take to make Coconut Chocolate Bars?

Coconut Chocolate Bars takes about 60 minutes from start to finish — roughly 20 minutes to prepare and 40 minutes to cook.

How many calories are in Coconut Chocolate Bars?

Coconut Chocolate Bars has approximately 140.6 calories per serving, with about 3 g protein, 5 g carbohydrates and 12 g fat.

What ingredients do I need for Coconut Chocolate Bars?

The key ingredients for Coconut Chocolate Bars are Eggs, Sugar, Butter, Vanilla, Plain Flour, Baking Powder. See the full list with measurements above.

Reviews

No reviews yet — be the first to share your thoughts on this recipe!

Write a Review