Coconut Chocolate Cake

This post may contain affiliate sales links. Please read my disclosure policy.

This chocolate coconut cake is made up of three layers of moist, decadent chocolate cake. The layers are filled and frosted with fluffy coconut buttercream and covered with sweetened shredded coconut. You won’t be able to stop at one slice!

Why You’ll Love This Chocolate Coconut Cake

This is one of those flavor combinations that you may not have very often, but as soon as you taste it you wonder why you don’t have it all the time. Chocolate and coconut just go together so perfectly. When I first made this cake, I shared it with family and friends at a football tailgate and despite it not really being football food, it was a huge hit. Many came back for a second slice and that’s really saying something when you’re outside in the heat getting ready to watch football. It’s pretty much irresistible and needs to be on your list of things to bake very soon. Here are a few more specific reasons to fall in love with it.

• Just the right amount of coconut. Some coconut desserts can be overpowering. This one has the perfect amount of coconut flavor. It’s just in the frosting, not in the cake layers themselves. You can absolutely taste it but it doesn’t overwhelm.
• Super moist chocolate cake. This is my favorite chocolate cake in the world. It’s wonderfully moist and tender and loaded with rich, chocolaty flavor. Once you try it, you’ll toss out any other chocolate cake recipe you may have.
• Easy mixing. The cake layers in this chocolate coconut dessert are so easy to make. No fancy mixing methods required. You basically just have to combine everything in a bowl (in order) and mix until smooth. Easy peasy. The batter is very thin, so it’s even a breeze to mix.

Ingredients and Substitutions

Here’s what you’ll need to make this chocolate and coconut cake. You’ll find precise measurements in the recipe card below.

• All-purpose flour – Make sure to measure the flour correctly. Otherwise, you won’t end up with the proper texture for your cake layers. Cake flour would also work.
• Natural unsweetened cocoa powder – You can use Dutch-processed cocoa powder for a richer chocolate flavor. Just keep in mind the layers don’t rise quite as much, so it’ll be a little more dense.
• Baking soda – For the perfect rise and tender texture. This cake uses only baking soda, no baking powder.
• Salt – Salt adds flavor to food and that’s true in baked goods. Without it, your cake will be bland.
• Eggs – Be sure to use large size eggs, not medium or extra large.
• Milk – You can use 2% or whole milk in this cake.
• Vanilla – If you want your cake to be extra coconutty, you could throw in a dash of coconut extract as well.
• Hot water – The hot water helps the cocoa powder “bloom” for the best chocolate flavor. I usually microwave the water until boiling, then add it.
• Powdered sugar – Powdered sugar gives the buttercream volume and affects the consistency. I tend to use a good bit because I like a thicker buttercream that I know will stay in place and pipes well. Feel free to reduce it, if you aren’t concerned about that. You can also just reduce the overall amount of buttercream, if you tend to just add a thin layer of frosting to your cakes.
• Heavy cream – Milk would also work but it thins out the buttercream more quickly so you won’t need as much.

How To Make Chocolate Coconut Cake

Ready to get baking? Here’s a quick overview of how to make chocolate coconut cake. You’ll find more detailed instructions in the recipe card below.

• Prep. Preheat oven to 300°F, line the bottom of three 8-inch cake pans with parchment paper, and grease the sides.
• Make the cake batter. Whisk together flour, sugar, cocoa powder, baking soda, and salt. Mix in the eggs, milk, and vegetable oil. Mix together the vanilla and hot water and mix them into the cake batter.

• Bake. Divide the batter between cake pans and bake for 30-33 minutes.
• Cool. Allow the cakes to cool in their pans for 10 minutes before transferring them to cooling rachs to cool completely.

• Make the buttercream. Beat the butter until smooth and then mix in half of the powdered sugar followed by the coconut extract, 3 tablespoons of heavy cream, and salt. Mix in the remaining powdered sugar and extra heavy cream if needed.

• Assemble. Remove the domes from the cake layers. Place 1 cake layer on a serving plate and spread 1 cup of the buttercream over the top. Add the second cake layer and repeat. Top with the third cake layer and frost the outside of the cake.
• Decorate. Press the coconut onto the top and sides of the cake and pipe swirls of the remaining buttercream onto the top of the cake.

Tips for Success

• Measure the flour correctly. Use the spoon and level method or a food scale to measure your flour carefully. Over-measuring flour for this cake can make it dry. Check out this tutorial on How to Measure Flour Correctly to learn more.
• The water should be nice and hot. The hot water helps bring out the full chocolate flavor of the cocoa powder. Cold or lukewarm water won’t have the same effect.
• Cool completely. Allow the cakes to cool completely before stacking and frosting them. Otherwise, the frosting will melt and slide right off.
• Room temperature butter. Start with room-temperature butter. If it’s too cold, you will end up with lumpy frosting. Butter that is too warm will give you a frosting that’s too thin.
• Get the right consistency. Check out my post on how to get the right frosting consistency. It walks you through how to add extra heavy cream to your buttercream (or extra powdered sugar) to make sure the frosting is perfectly spreadable.
• Make it pretty. Want to frost your cake like a pro? Have a look at my tutorial for frosting a smooth cake to learn how to frost the prettiest cake possible.
• Add shredded coconut quickly. Press the shredded coconut into the frosting right after you frost the cake. As the frosting sits, it forms a slight crust and loses its stickiness so the coconut won’t adhere as well (if at all).

Proper Storage

• Counter/refrigerator. Seal the cake in an airtight cake carrier or wrap it in a double layer of plastic wrap. If you use plastic wrap, prop it away from the decorative swirls of frosting using toothpicks. Alternatively, arrange slices of cake in a single layer in an airtight container. You can store coconut chocolate cake at room temperature for up to 24 hours or in the fridge for up to 5 days.
• Freezer. Pop the cake in the fridge for a couple of hours to firm up before wrapping it in a double layer of plastic wrap. You can also arrange the slices in a single layer in an airtight container. Store it in the freezer for up to 3 months. Allow the cake to thaw in the fridge before diving in.
• A note on serving leftovers. This sweet treat is best enjoyed at room temperature. So let it sit out on the counter for a bit before serving.

More Decadent Layer Cake Recipes

Looking for more elegant, mouthwateringly delicious layer cakes? I have a plethora of recipes for you to try. Here are some of my favorites.

• German Chocolate Cake
• Bourbon Vanilla Cake
• Chocolate Raspberry Layer Cake
• Italian Cream Cake
• Red Velvet Layer Cake
• Hummingbird Cake

Print