Homemade Chocolate Coconut Cake Recipe

Ingredients

Cake Ingredients

• 2 cups all-purpose flour
• 1 1/2 cups granulated sugar
• 3/4 cup unsweetened cocoa powder (use high-quality for best flavor)
• 2 tablespoons baking soda
• 1 teaspoon baking powder
• 1 tablespoon salt
• 1 cup whole milk (or almond/coconut milk for dairy-free)
• 1/2 cup vegetable oil
• 2 large eggs
• 2 tablespoons vanilla extract
• 1 cup boiling water (to bloom the cocoa and deepen the chocolate flavor)
• 1 cup shredded or chopped coconut (adds texture)

Coconut Frosting Ingredients

• 1 cup unsalted butter, softened
• 3 1/2 cups powdered sugar
• 1/2 cup heavy cream (or coconut cream for dairy-free)
• 1 tablespoon coconut extract
• 1 teaspoon vanilla extract
• 1 cup shredded coconut, toasted if desired (for topping)

Instructions

Step 1: Preheat and Prepare Pans

• Preheat the oven to 350°F (175°C).
• Grease and line two 9-inch round cake pans with parchment paper for easy removal.

Step 2: Mix the Dry Ingredients

In a large bowl, whisk together:

• Flour, sugar, cocoa powder, baking powder, baking soda, and salt.

Step 3: Add the Wet Ingredients

• Whisk milk, eggs, vegetable oil, and vanilla in a separate bowl.
• Combine wet ingredients with the dry mixture and stir until just combined—do not overmix.

Step 4: Add Boiling Water & Coconut

• Slowly add the boiling water while stirring gently; the batter will be thin—this helps create a moist cake.
• Fold in the shredded coconut for extra texture.

Step 5: Bake

• Divide the batter evenly between the prepared pans.
• Bake for 30–35 minutes, or until a toothpick inserted into the center comes out clean.
• Cool the cakes in the pans for about 10 minutes, then transfer to a wire rack to cool completely before frosting.

How to Make the Coconut Frosting

Step 1: Beat the Butter

In a large bowl, beat the softened butter with an electric mixer until smooth and creamy.

Step 2: Add Powdered Sugar and Cream

• Gradually add the powdered sugar, alternating with the heavy cream, and beat until light and smooth.

Step 3: Add Flavor

Mix in the coconut extract and vanilla, adjusting to taste. If the frosting is too thick, add a little more cream; if too thin, add more powdered sugar.

Assemble the Cake

1. Place one cake layer on a serving plate and spread an even layer of frosting over the top.
2. Place the second cake layer on top and frost the sides and top evenly.
3. Finish by pressing shredded or toasted coconut onto the top and sides as desired.

Notes & Tips

Serving Suggestions

• Serve with vanilla ice cream.
• Garnish with fresh berries for brightness.
• Finish with a warm chocolate drizzle for extra indulgence.
• Pair with a coconut mocha or coffee for a complementary flavor pairing.

Nutritional Information (Per Slice)

Calories: 420 kcal
Carbohydrates: 55 g
Fat: 21 g
Protein: 5 g
Sugar: 38 g

Storage & Leftovers

How to Store

• Room temperature: Store in an airtight container up to 3 days.
• Refrigerator: Store in an airtight container up to 5 days.

How to Freeze

• Wrap individual slices tightly in plastic wrap and place in a freezer-safe bag.
• Freeze up to 3 months. Thaw at room temperature before serving.

FAQs

Can I use sweetened coconut instead of unsweetened?

Yes. Using sweetened coconut will increase sweetness, so you may want to reduce the sugar slightly.

Can I make cupcakes from this batter?

Yes. Fill cupcake liners and bake at 350°F (175°C) for about 18–20 minutes, or until a toothpick comes out clean.

Can I make this gluten-free?

Substitute a 1:1 gluten-free flour blend for the all-purpose flour.

Related Recipes

If you enjoy this cake, try other easy desserts and high-protein breakfast options—experimenting with flavors and textures is a great way to expand your repertoire.

Final Thoughts

This chocolate coconut cake is a crowd-pleaser that balances moist chocolate cake with the bright, nutty flavor of coconut.
Give it a try for your next gathering—leave a comment with your tweaks and how it turned out. Happy baking!