Best Chocolate Coconut Cake – Rich Moist Chocolate Layer Cake with Coconut Frosting

This Chocolate Coconut Cake is a rich, moist chocolate cake layered with creamy coconut frosting and plenty of shredded coconut. Think of it as a cross between a classic chocolate layer cake and a coconut lover’s dream.

The chocolate layers are soft and tender with deep cocoa flavor, and the coconut gives every bite sweet chew and a little tropical twist. It’s the kind of cake that looks special on the table but is simple enough to bake on a weekend.

You’ll see how to keep the cake moist, how to bring out the chocolate flavor, and how to get that pretty coconut-covered finish.

Why You’ll Love This Chocolate Coconut Cake

Super moist crumb – Oil + buttermilk (or milk + yogurt) keep it soft, not dry.
Deep chocolate flavor – Cocoa powder with a hint of coffee or hot water.
Coconut in every bite – In the frosting and on the outside.
Make-ahead friendly – Tastes even better the next day.
Party-perfect – Great for birthdays, holidays, or “just because” cake.

Ingredients

For the chocolate cake

1 3/4 cups (220 g) all-purpose flour
3/4 cup (70 g) unsweetened cocoa powder
1 1/2 cups (300 g) granulated sugar
1/2 cup (100 g) light brown sugar, packed (optional but adds moisture)
2 teaspoons baking powder
1 teaspoon baking soda
1/2 teaspoon salt
1/2 cup (120 ml) neutral oil (vegetable, canola, etc.)
2 large eggs, room temperature
1 cup (240 ml) buttermilk
- Or 1 cup milk mixed with 1 tablespoon vinegar or lemon juice, rested 5 minutes.
2 teaspoons vanilla extract
1 cup (240 ml) hot coffee or hot water
- Coffee deepens the chocolate flavor without tasting like coffee.

For the coconut frosting

1 cup (230 g) unsalted butter, softened
3–3 1/2 cups (360–420 g) powdered sugar, sifted
1/3–1/2 cup (80–120 ml) canned coconut milk or heavy cream, as needed for texture
1 teaspoon vanilla extract
1/2 teaspoon coconut extract (optional but boosts coconut flavor)

For assembly

1 1/2–2 cups shredded sweetened coconut, for the outside of the cake and top
Extra toasted coconut flakes for garnish (optional)

How to Make Chocolate Coconut Cake

1. Prep pans and oven

Preheat oven to 350°F (175°C). Grease and flour two 8-inch round cake pans (or spray with baking spray) and line the bottoms with parchment paper rounds.

Tip: Parchment on the bottom helps the layers release cleanly.

2. Mix dry ingredients

In a large mixing bowl, whisk together flour, cocoa powder, granulated sugar, brown sugar, baking powder, baking soda, and salt until no lumps of cocoa remain.

3. Mix wet ingredients

In another bowl or large measuring jug, whisk together oil, eggs, buttermilk, and vanilla until smooth.

4. Combine the batter

Pour the wet mixture into the dry ingredients and mix gently until almost combined.

Pour in the hot coffee (or water) and whisk until the batter is smooth. It will be thin—that’s correct.

5. Bake the cake layers

Divide the batter evenly between the prepared pans.

Bake 25–30 minutes, or until a toothpick inserted in the center comes out with a few moist crumbs, not wet batter.

Cool in pans 10–15 minutes, then turn cakes out onto a rack and cool completely before frosting.

How to Make Coconut Frosting

1. Beat butter

In a large bowl, beat softened butter until creamy and pale, 2–3 minutes.

2. Add sugar and coconut milk

Gradually add powdered sugar, 1 cup at a time, alternating with a splash of coconut milk or cream, beating well after each addition.

Add vanilla and coconut extract (if using). Beat until the frosting is fluffy and spreadable. If it’s too thick, add a little more coconut milk. If too thin, add more powdered sugar.

You want a soft, smooth frosting that will hold its shape.

How to Assemble Chocolate Coconut Cake

1. Level the cakes (optional)

If the cake layers are domed, level the tops with a serrated knife so they stack evenly.

2. Fill and stack

Place the first cake layer on a serving plate or cake stand.

Spread a generous layer of coconut frosting over the top.

Place the second cake layer on top.

3. Frost the outside

Apply a thin crumb coat of frosting over the top and sides of the cake (a light layer that catches crumbs). Chill 10–15 minutes to set.

Add a final thicker layer of frosting over the top and sides, smoothing with an offset spatula.

4. Add coconut

Press shredded coconut onto the sides of the cake and sprinkle more over the top until it’s mostly covered. This gives that classic “snowy” coconut cake look.

Add toasted coconut flakes on top for color contrast, if you like.

Serving Suggestions for Chocolate Coconut Cake

Serve slices:

With cold milk or hot coffee
With a scoop of vanilla or coconut ice cream
With fresh berries on the side for a lighter touch

This cake fits:

Birthdays
Family gatherings
Easter or holiday tables
“Just because” weekend baking

Cook’s Tips

Use room temperature ingredients.
Room temp eggs and buttermilk blend more easily and help the cake rise evenly.

Don’t overbake.
Chocolate cake goes from moist to dry fast. Start checking a few minutes early.

Thin batter is normal.
The hot coffee makes the batter quite thin; that’s what gives you a moist crumb.

Chill for cleaner slices.
If you refrigerate the cake for 30–60 minutes before slicing, you’ll get neater pieces, especially in warm kitchens.

Coconut flavor boost.
Coconut extract is optional but helps the frosting really taste like coconut, not just sweet.

Variations & Add-Ins

Chocolate coconut sheet cake:
Bake the batter in a 9×13 pan and frost just the top with coconut frosting. Easier to transport.
Toast the coconut:
Lightly toast some or all of the shredded coconut in the oven for a nutty flavor and golden color.
Bounty/Almond Joy style:
Add a thin layer of coconut mixture (sweetened coconut + a bit of condensed milk) between the layers, or sprinkle chopped almonds between layers.
Extra chocolate:
Add chocolate ganache drizzle over the top before adding coconut.

Storage & FAQ

How to store:

At room temperature (cool kitchen): covered, up to 1–2 days.
In the fridge: tightly covered, up to 4–5 days. Let slices sit at room temperature 20–30 minutes before serving so the frosting softens.

Can I freeze it?
Yes. Wrap unfrosted cake layers well and freeze up to 2 months. Thaw overnight in the fridge, then frost. You can also freeze frosted slices individually, wrapped tightly.

Can I make this dairy-free?
You can try plant milk instead of buttermilk (plus 1 tablespoon vinegar), dairy-free butter in the frosting, and canned coconut milk, but texture and flavor will change slightly.

Do I have to use coffee?
No. Hot water works. Coffee just makes the chocolate taste deeper; you don’t taste coffee specifically.

Chocolate Coconut Cake is one of those crowd-pleaser desserts that feels special but doesn’t ask for complicated techniques. The chocolate layers stay moist and rich, the coconut frosting is creamy and sweet, and the shredded coconut around the outside gives it that pretty, classic bakery look.

Bake it for a celebration, or just because you’re craving something chocolatey and coconutty. Either way, expect people to ask for seconds—and the recipe.