
Crunchy-Topped Cocoa Cake is an easy one-bowl chocolate cake with a wonderfully contrasting finish. The tender cocoa crumb is topped while warm with brown sugar, coconut, and nuts, then briefly broiled until caramelized.
Because the cake is mixed with water, oil, and a splash of vinegar, it stays moist without needing eggs or dairy in the batter. Serve the cooled squares as a casual snack cake or dress them up with coffee for dessert.
THE RECIPE
Crunchy-Topped Cocoa Cake
Prep20 min
Bake35–40 min
Cool1½ hr
Yield9 servings
For the Cocoa Cake
For the Broiled Topping
Instructions
- Heat the oven to 350°F (175°C). Grease and flour an 8-inch square baking pan.
- In a large bowl, whisk together the flour, granulated sugar, cocoa, baking soda, and salt.
- Add the water, vegetable oil, vinegar, and vanilla. Stir or whisk just until the batter is smooth and evenly blended. Pour into the prepared pan.
- Bake for 35 to 40 minutes, until a wooden pick inserted in the center comes out clean.
- While the cake bakes, stir together the softened butter, brown sugar, chopped nuts, coconut, and cream until well blended.
- Spread the topping evenly over the warm cake. Set the oven to broil and place the pan about 4 inches from the heat.
- Broil for about 3 minutes, watching closely, until the topping is bubbly and golden brown.
- Remove from the oven and cool completely in the pan on a wire rack before cutting into 9 squares.
Recipe Tips
- Mix only until the batter is smooth; overmixing can make the cake firm.
- Spread the topping while the cake is still warm so it melts evenly.
- Watch continuously under the broiler—the topping can go from golden to burned very quickly.
- Let the cake cool fully in the pan before slicing so the topping sets cleanly.
Recipe adapted from the vintage Hershey’s cookbook page supplied by the site owner; directions rewritten for clarity with AI assistance. Featured image: AI-generated food photography.
