Go Back
Black-bottom coconut bars on a blue cloth

Coconut Bars

Coconut Bars have a decadent, chewy coconut topping over a layer of decadent brownie. They're so simple to make and are a must for coconut & chocolate fans!
Course Dessert
Cuisine American
Keyword Black-Bottom Coconut Bars, Coconut Bars, Coconut Bars Recipe, How do I make Coconut Bars, How to make Coconut Bars
Prep Time 15 minutes
Cook Time 35 minutes
Total Time 50 minutes
Servings 24 bars
Calories 149kcal
Author Kathleen


Chocolate Base

  • 1/2 cup unsalted butter plus more for pan
  • 1/2 cup sugar
  • 1/4 teaspoon salt
  • 1 egg large
  • 1/4 cup unsweetened cocoa powder
  • 1/4 cup all-purpose flour

Coconut Topping

  • 2 eggs large
  • 3/4 cup sugar
  • 1/2 teaspoon vanilla extract
  • 1 cup all-purpose flour
  • 1 (7-ounces) package sweetened shredded coconut 1/2 cup reserved for sprinkling


  • For the chocolate base: Preheat oven to 375 degrees. Line a 9-inch square baking pan with aluminum foil, leaving a slight overhang; butter bottom and sides of foil (not overhang).
  • Place butter in a large microwave-safe bowl; melt in the microwave. Add sugar and salt; whisk to combine. Whisk in egg, then cocoa and flour until smooth. Spread batter in prepared pan.
  • Bake just until sides begin to pull away from edges of the pan, 10 to 15 minutes (do not overbake). Let cool slightly while preparing coconut topping. Keep oven on for topping.
  • For coconut topping: In a medium bowl, whisk eggs with sugar and vanilla. Gently mix in flour and coconut (except 1/2 cup reserved for sprinkling).
  • Drop mounds of the mixture over the chocolate base; spread and pat in gently and evenly with moistened fingers. Sprinkle with reserved 1/2 cup coconut.
  • Bake until golden and a toothpick inserted in center comes out with moist crumbs attached, 25 to 30 minutes. Cool completely in pan. Lift cake from pan, peel off foil and cut into 24 bars. Store in an airtight container for 3 to 4 days.