Chocolate Coconut Cake

Jump to Recipe ▼
Reader Rating
Total Time 1 hour
Servings 10

This post may contain affiliate links. Please read our disclosure policy.

This delicious Chocolate Coconut Cake is your favorite chocolate cake recipe topped with a creamy coconut buttercream, and of course plenty of shredded coconut. The best of both worlds! 

a piece of chocolate cake on a plate with white icing and a fork

The chocolate-coconut flavor combination really shines in this Chocolate Coconut Cake! 

This cake was inspired by a few recipes on my site — basically a combination of my Coconut Flour Chocolate Cake, Coconut Cookies, Vegan Coconut Cake, and my go-to Vegan Birthday Cake. And no, you absolutely cannot tell this cake is vegan. 

I wanted to create a moist chocolate cake recipe, but with the addition of coconut because coconut is makes everything taste better, and this cake is just that!

Recipe features

  • This cake is accidentally vegan, but you’d never know it!
  • Made without eggs, and the icing can easily be made with dairy-free butter if you’d like.
  • A moist chocolate cake that you’ll want to serve your guests for dessert.
a cake topped with icing and shredded coconut on a cake stand

Ingredients

Flour – I used all purpose flour, and that’s the only kind of flour I tested this recipe with. If you want to make it gluten free, I recommend using gluten free 1:1 all purpose flour.

Sugar – Cane sugar/granulated sugar; if you want it to be less sweet, try using coconut sugar instead. 

Cocoa powder – Dutch process cocoa is the move if you want this cake to be extra decadent. Truthfully, I used regular unsweetened cocoa powder because that’s what was in my pantry, and the cake was still quite good, so either one is fine.

Milk – Any kind, but NOT canned coconut milk; otherwise, the texture won’t be correct. I typically use almond milk or oat milk in my cake recipes. 

Brewed coffee – This is essential if you don’t want a dry cake. Plus, the coffee helps to enhance the chocolate flavor. Just make sure the coffee is at room temperature before using it. 

Avocado oil – You have a few options when it comes to baking with oil. I used avocado oil because it’s healthier and neutral-tasting. Other good options are canola oil or coconut oil that’s been melted and cooled to room temperature. 

Applesauce – This cake is made without eggs, so applesauce is needed to get the dry-to-wet ingredient ratio correct. 

Coconut extract – This is only used in the icing, and a little bit goes a long way. I suggest starting with a small amount, doing a quick taste test and adding more if you’d like. 

Shredded coconut – I used sweetened coconut flakes because they’re more delicious and have a stronger coconut flavor, but unsweetened coconut is good too! 

Want to save this recipe?
Just enter your email and get it sent to your inbox! Plus you’ll get great new recipes from us every week!

Instructions

Step 1: Mix dry ingredients. In a medium bowl, stir the flour, sugar, cocoa powder, baking soda, baking powder, and salt together. 

Step 2: Whisk wet ingredients and combine. In a separate large bowl, whisk the milk, coffee, oil, applesauce, apple cider vinegar, and vanilla extract together. Then, pour the dry ingredients into the wet and mix with a rubber spatula until combined, being careful not to over-mix. 

chocolate cake batter in two round cake pans

Step 3: Bake. Pour the batter into two greased and lined 8-inch round cake pans. Bake the cakes in the oven for 40-45 minutes, or until a toothpick comes out clean. Leave the cakes in the pans for 10 minutes before carefully inverting them onto a wire rack. Allow them to cool completely before adding the frosting. 

Step 4: Make the coconut buttercream. With an electric mixer, whisk the butter, vanilla extract and coconut extract together. Then, add the powdered sugar and stir, then add the milk 1 tablespoon at a time (as needed) until the icing is smooth. Do a quick taste test and add more coconut extract if you’d like. 

Step 5: Assemble. Add a dollop of icing on top of one cake then spread it around, then add the second cake on top and continue icing until the cake is coated. Use your hands to press the shredded coconut into the tops and sides of the cake. Slice and enjoy! 

cake on a cake stand with a slice cut out of it

Tips and tricks

Using a different size cake pan: This recipe calls for two 8-inch round pans. If you’re looking for an alternative, you can use two 9-inch round pans OR a 9×13 rectangle pan. 

Prevent your cake from sticking to the pan: I always line my cake pans with parchment paper before adding the cake batter to prevent them from sticking. To do this, you can either buy parchment rounds, or simply trace your cake pans on parchment paper, then cut out the circles and place them on the bottom of your pans. 

Avoid a dense cake: Be sure not to over-mix the batter, which can sometimes create a dense cake. To do so, mix the wet and dry ingredients together just until the flour disappears. Other than that, this cake should not be dense because of the use of applesauce and coffee, which help keep the cake nice and moist. 

Storage

Room temperature: Wrap your cake tightly in plastic wrap, then store it at room temperature for up to 3 days. 

Refrigerator: Or, refrigerate the cake for up to a week. 

Freezer: Cut the cake into slices, then tightly wrap leftovers in foil and store in a freezer-safe bag or container. 

You can read more about the best way to store cake here.

a slice of chocolate cake with white icing on a plate with a fork

More chocolate recipes

If you made this recipe, be sure to leave a comment and star rating below. Thanks!

5 from 3 votes

Chocolate Coconut Cake

Servings: 10
Prep: 15 minutes
Cook: 45 minutes
Total: 1 hour
This delicious Chocolate Coconut Cake is your favorite chocolate cake recipe topped with a creamy coconut buttercream, and of course plenty of shredded coconut. The best of both worlds! 

Video

Save this recipe?
Get this sent to your inbox, plus get new recipes from us every week!

Ingredients 

  • 2 1/2 cups all purpose flour
  • 1 1/2 cups cane sugar
  • 3/4 cup cocoa powder
  • 3 tsp baking soda
  • 1/2 tsp baking powder
  • 1/4 tsp salt
  • 1 1/2 cups almond milk, or milk of choice
  • 1 cup applesauce
  • 1/2 cup brewed coffee, cooled to room temperature
  • 1/2 cup avocado oil, or other neutral-tasting oil
  • 2 tsp apple cider vinegar
  • 1 tsp vanilla extract

for the icing:

  • 1 cup butter, softened; can use vegan butter if needed
  • 2 tsp vanilla extract
  • 1 tsp coconut extract, or more to taste
  • 1 tbsp almond milk, or more as needed; or milk of choice
  • 2 1/2 cups powdered sugar
  • 1 1/2 cups shredded coconut, sweetened or unsweetened

Instructions 

  • Preheat oven to 350° and line two round 8-inch cake pans with parchment paper. If you haven't already, you should brew the coffee and allow it to come to room temperature.
  • In a medium bowl, stir the flour, sugar, cocoa powder, baking soda, baking powder, and salt together.
  • In a separate large bowl, whisk the milk, coffee, applesauce, avocado oil, apple cider vinegar, and vanilla together. Then, pour the dry ingredients into the wet and gently fold together with a rubber spatula, being careful not to over-mix.
  • Pour the batter into the cake pans, then place the cakes in the oven and bake for 40-45 minutes or until a toothpick comes out clean. Leave the cakes in the pans for 10 minutes, then carefully invert them onto a wire rack and allow them to cool completely before icing.
  • For the icing: cream the butter, vanilla, coconut extract, and milk together in a bowl, then add the powdered sugar and continue mixing until smooth. You may need to add 1-2 tablespoons of additional milk if the icing seems too dry.
  • Assemble the cake: place a large dollop of icing on top of one of the cakes and spread it all around, then place the second cake on top. Add all of the icing on the tops and sides of the cake, then use your hands to press the shredded coconut on the tops and sides of the cake. Slice and enjoy!

Notes

*Calories are per slice and are an estimation

Nutrition

Calories: 708kcal | Carbohydrates: 97g | Protein: 5g | Fat: 36g | Saturated Fat: 18g | Polyunsaturated Fat: 3g | Monounsaturated Fat: 13g | Trans Fat: 1g | Cholesterol: 49mg | Sodium: 643mg | Potassium: 211mg | Fiber: 4g | Sugar: 68g | Vitamin A: 574IU | Vitamin C: 0.3mg | Calcium: 81mg | Iron: 3mg
Did you make this?Leave a comment and star rating below!
A fresh lentil salad topped with fried halloumi, roasted tomatoes and zucchini | thealmondeater.com
Get new recipes sent to your inbox!
Subscribe to get new recipes first!
girl standing in kitchen

Welcome! I’m Erin, author of the Almond Eater.

Here, you'll find recipes for all diet types, because I believe that healthy food should be delicious without being complicated.

Similar Recipes

5 from 3 votes (2 ratings without comment)

Leave a comment

Your email address will not be published. Required fields are marked *

Recipe Rating




1 Comment

  1. Gina says:

    5 stars
    A dream come true! I love chocolate and coconut together so this was just perfect for me. This is going to be in heavy rotation this year for sure.