Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Moist Chocolate Coconut Cake with Chocolate Frosting

Moist Chocolate Coconut Cake with Chocolate Frosting


  • Author: Nina Klatten
  • Total Time: 50 minutes
  • Yield: 9 servings
  • Diet: Vegetarian

Description

This Moist Chocolate Coconut Cake is a rich, ultra-tender dessert made with coconut milk, sour cream, and shredded coconut, all topped with a silky chocolate frosting. It’s a decadent treat that brings together deep chocolate flavor with tropical flair—perfect for any occasion.


Ingredients

1 cup all-purpose flour

1/2 cup unsweetened Dutch-process cocoa powder

1 teaspoon baking soda

1/4 teaspoon salt

1/2 cup granulated sugar

1/2 cup light brown sugar, packed

1/2 cup coconut oil

2 large eggs

1/2 cup full-fat sour cream

1 teaspoon vanilla extract

1/2 cup canned coconut milk

1 cup sweetened shredded coconut

1/2 cup hot water

1/2 cup unsalted butter

1/3 cup unsweetened cocoa powder

2 cups powdered sugar

1/4 cup coconut milk

1 teaspoon vanilla extract

1 pinch salt


Instructions

1. Preheat your oven to 350°F (175°C). Grease and line an 8×8-inch baking pan with parchment paper.

2. In a medium bowl, whisk together the flour, cocoa powder, baking soda, and salt.

3. In a large mixing bowl, beat together granulated sugar, brown sugar, and coconut oil until smooth. Add the eggs one at a time, then mix in sour cream, vanilla extract, and coconut milk.

4. Gradually add the dry ingredients to the wet mixture. Stir just until combined. Fold in the shredded coconut and hot water until smooth.

5. Pour the batter into the pan and bake for 30–35 minutes, or until a toothpick comes out clean. Cool completely.

6. For the frosting, melt butter in a saucepan over low heat. Stir in cocoa powder, then remove from heat. Whisk in powdered sugar, coconut milk, vanilla, and salt. Beat until creamy, adding more coconut milk if needed.

7. Spread frosting over the cooled cake. Optionally, sprinkle extra shredded coconut on top. Slice and serve.

Notes

Use Dutch-process cocoa for deeper chocolate flavor.

Let the cake cool fully before frosting to prevent melting.

Store leftovers in the fridge and bring to room temperature before serving.

  • Prep Time: 15 minutes
  • Cook Time: 35 minutes
  • Category: Dessert
  • Method: Baked
  • Cuisine: American

Nutrition

  • Serving Size: 1 slice
  • Calories: 410
  • Sugar: 34g
  • Sodium: 170mg
  • Fat: 22g
  • Saturated Fat: 14g
  • Unsaturated Fat: 6g
  • Trans Fat: 0g
  • Carbohydrates: 50g
  • Fiber: 3g
  • Protein: 4g
  • Cholesterol: 55mg

Keywords: chocolate coconut cake, chocolate frosting, moist cake