Soft, Moist and Easy Coconut Cake

Rated 4.60 out of 5

35 Comments

This post may contain affiliate links

Add Bake with Zoha as a preferred source on Google and find more of my tried-and-tested recipes.

This is the *ultimate* Coconut Cake! Soft, moist, and incredibly light – with a delicious coconut flavor and coconut cream cheese frosting. This cake is incredibly easy to make, comes together in just one bowl without a mixer. It uses canned coconut milk, finely desiccated or crushed coconut (no chunky bits!), and an optional splash of coconut extract for its bold coconut flavor. This recipe uses oil and buttermilk for extra moisture, cake flour for a fluffy, tender crumb. (Although you can use all-purpose flour too), and just the right amount of sweetness. Topped with a luscious coconut cream cheese frosting and covered with more coconut, it is the perfect showstopper year round. But especially for Easter, summer, and Christmas.

a fork taking out a bite from a slice of coconut cake on a small plate

Another delicious and easy cake recipe you can check out for Easter is my carrot cake which uses pineapple and coconut for a delicious tropical flavor.

Picking The Right Coconut Ingredients

This cake uses two key ingredients to get its strong coconut flavor, and it is really important to use the right ones:

1. Canned coconut milk

This is NOT the coconut milk in the dairy or refrigerated aisles used as a creamer in coffee! We are talking about the unsweetened canned coconut milk in the canned food or international food aisles, which is commonly used in cooking Thai food. Also, make sure not to pick a “lite” version, as you want all the fat for a moist cake.

Canned coconut milk often forms a solidified cream top in the can and can be a bit chunky. In order to avoid this, run the can under hot water for 1-2 minutes, and give it a good shake before opening!

A spatula pulling a slice out of coconut cake. cake is covered with coconut cream cheese frosting and desiccated coconut, pictured from the side

2. Sweetened finely desiccated or crushed coconut

This coconut cake recipe uses coconut in the cake batter and cream cheese frosting, and then also on top of the cake. The type of coconut to use in cakes is often VERY confusing, and I am here to clear it up for you. These are the common terms you will find on coconut packaging:

  • Coconut flakes: These are larger coconut shavings – generally too big to be used in baking
  • Shredded coconut: These are thin, long strands of coconut that come both sweetened and unsweetened, and often give baked goods a chewy, chunky texture
  • Desiccated coconut: This is finely grated coconut in very small crumbs, and is perfect for baking when you don’t want a chunky texture. However, desiccated coconut is strangely difficult to find in stores

These are not standardized terms. You may find shredded coconut from two brands, but one may have longer, thicker strands.

To avoid confusion, choose the smallest sweetened coconut you can find, ideally desiccated or shredded, and pulse it in a food processor until it forms very fine crumbs. If you can find finely desiccated sweetened coconut that is already in the form of small crumbs, you don’t need to process it.

Below is a picture for your reference. On the left is the “shredded” coconut I found at my grocery store (which is way too big – trust me, I tried using it in my cake and regretted it). On the right is the same coconut after I crushed it in my food processor – and this is what we’re going for!

2 small bowls, one with long strands of coconut and one with small coconut crumbs

Pro Tip

If you want an even stronger coconut flavor and aroma in your cake, I highly recommend toasting the coconut before crushing it! Spread it evenly in a baking sheet, and bake at 325F for just 5 minutes, then let it cool down before using.

slice of coconut cake with 3 layers of cake and cream cheese frosting on a small plate with a fork resting on it

A Note On Texture

Because we are using finely desiccated / crushed coconut in this cake, it doesn’t have a chunky, unpleasant texture. However, there is still a gentle coconut texture throughout, which adds a bit of chew and character to it and is characteristic of coconut. Coconut lovers will love this texture, but if you want a smoother mouth-feel, you can skip the coconut in the frosting and coating.

Step By Step Photos

Let’s quickly go over the steps with photos to help you visualize this coconut cake recipe:

eggs, oil and sugar in a wooden bowl

Add the sugar, oil and eggs to a bowl.

eggs, sugar and oil whisked until combined in a wooden bowl

Whisk for 1-2 minutes until smooth and fluffy.

coconut milk added to wet ingredients in a wooden bowl with a whsik

Add the canned coconut milk, coconut extract, buttermilk and vanilla.

coconut milk mixed into wet ingredients in a wooden bowl

Whisk it again until all the ingredients are combined.

dry ingredients sifted on top of wet ingredients in a wooden bowl

Sift in the flour, baking powder, baking soda and salt.

cake batter with dry ingredients mixed in in a wooden bowl

Gently whisk until no lumps of flour remain.

whisk mixing desiccated coconut into cake batter in a wooden bowl

Lastly, add the coconut.

coconut cake batter with desiccated coconut in a wooden bowl with a whisk

Gently whisk until combined.

3 cake pans with coconut cake batter inside

Divide the batter between 3 8″ pans.

3 cake pans with baked coconut cake inside

Bake the cakes, then let them cool down.

blocks of cream cheese and butter in a glass bowl

For the frosting, whisk the softened butter, cream cheese, vanilla, salt and coconut extract until creamy.

powdered sugar sifted on top of cream cheese in a glass bowl

Sift in the powdered sugar and whisk to combine.

shredded coconut added to cream cheese frosting in a glass bowl

Lastly, add the coconut.

creamy coconut cream cheese frosting in a glass bowl

Fold until the coconut is mixed in.

Slather the cake layers with the frosting, cover with more coconut, and serve!

A spatula pulling a slice out of coconut cake. cake is covered with coconut cream cheese frosting and desiccated coconut

Tips To Perfect This Recipe

  • Measure the ingredients in grams with a weighing scale for accuracy! If using cups, make sure to fluff up the flour instead of tightly packing it in
  • Make sure to use the right coconut products – more details above!
  • Do not overbake the cake! Stop baking as soon as a toothpick inserted in the middle comes out with moist, light crumbs on it. Overbaking will cause the cake to dry out
  • Bring the butter and cream cheese to room temperature. This will ensure the frosting is smooth, creamy and easy to mix
  • Use temperature to adjust the texture of the frosting. If it feels too soft to work with, place it in the fridge for 10-20 minutes. If it feels too firm, let it sit at room temperature to soften.
  • Let the cake fully cool down before assembling. It is really soft and moist, and trying to frost it while it is warm will cause it to break apart
Print
a fork taking out a bite from a slice of coconut cake on a small plate

Soft, Moist and Easy Coconut Cake Recipe

by Zoha Malik

5 Stars 4 Stars 3 Stars 2 Stars 1 Star 4.60 stars from 9 reviews

This easy one-bowl coconut cake with a coconut cream cheese frosting is perfect in every way: soft, moist, and full of coconut flavor! 

Yield:12 servings

Prep Time:
30 mins
Cook Time:
20 mins
Total Time:
1 hr 30 mins

Ingredients

Coconut Cake:

  • 1 3/4 cups granulated sugar (350g)
  • 3/4 cup vegetable oil (150g)
  • 3 large eggs
  • 1 tbsp vanilla
  • 1 tsp coconut extract (optional)
  • 1/3 cup buttermilk (80g) – use 1/3 cup whole milk + 1 tsp vinegar to make your own
  • 1 1/4 cup unsweetened canned coconut milk (300g)*
  • 2 3/4 cups cake flour (360g)*
  • 2 tsp baking powder
  • 1/2 tsp baking soda
  • 1 tsp salt
  • 1 cup sweetened finely desiccated or crushed coconut (120g)*

Coconut Cream Cheese Frosting:

  • 1 cup unsalted butter, softened at room temperature (226g)
  • 16 oz cream cheese, room temperature (2 8oz blocks or 450g)
  • 1 tsp vanilla
  • 1 tsp coconut extract (optional)
  • ½ tsp salt
  • 3 cups powdered sugar, sifted (360g)
  • 1 cup sweetened finely desiccated or crushed coconut (120g)* + about 1 cup more to coat the cake

Instructions

Coconut Cake:

  1. Pre-heat oven to 325F (conventional, no fan) and line 3 8″ cake pans with butter and parchment paper
  2. Add the sugar, oil and eggs to a large bowl. Whisk for 1-2 minutes until smooth and fluffy
  3. Add the vanilla, coconut extract, buttermilk and canned coconut milk. Whisk again until all the ingredients are combined and no lumps remain. If there are lumps of coconut milk, they usually dissolve with some whisking
  4. Sift in the cake flour, baking powder, baking soda and salt. Gently whisk until no lumps of flour remain; do not overmix
  5. Lastly, add the sweetened desiccated/crushed coconut and mix until combined; do not overmix
  6. Evenly divide the batter between the 3 cake pans you prepared in step 1
  7. Bake in the preheated oven for 18-20 minutes, until a toothpick inserted in the middle of the cakes comes out with light, moist crumbs. Do not overbake. 
  8. Let the cakes cool in the pans for 15 minutes, then carefully turn them out onto a wire rack and let cool completely

Coconut Cream Cheese Frosting:

  1. Add the softened butter, cream cheese, vanilla, coconut extract and salt to a large bowl. Use a hand mixer to whisk for 1-2 minutes until the mixture is creamy, scraping the bowl along the way
  2. Sift in the powdered sugar, and whisk again on low speed until the sugar is combined and no lumos remain (1-2 minutes)
  3. Lastly, add the desiccated / crushed coconut and fold it in with a rubber spatula. You should have a fluffy, spreadable frosting

Assembly:

  1. Once the cakes have cooled down, it is time to assemble. Place the first cake layer on a turntable or cake stand. Spread 1/4th of the frosting on top of it
  2. Cover with the second cake layer and repeat
  3. Place the last cake layer on top, and then frost the entire cake with the remaining frosting. You don’t need to worry about crumb coating as the cake will get coated in coconut anyway
  4. Lastly, coat the cake in more desiccated/crushed coconut. I just grab fistfuls of coconut in my hand and press them against the sides and top of the cake. It does make a little bit of a mess!
  5. Serve & enjoy! This cake is best eaten at room temperature

Video Tutorial

Notes

  • Canned coconut milk: Use the unsweetened coconut milk that comes in a can and is used for cooking. Place the can in hot water for 5 minutes and shake before opening
  • Cake flour: Cake flour has a lower protein content and results in a more tender cake. However, if you can’t find it, you can replace it with the same quantity of all purpose flour
  • Sweetened finely desiccated or crushed coconut: You can get either desiccated or shredded coconut from the grocery store, just make sure it is sweetened. Then pulse it in a food processor for 2-3 minutes until it turns into small crumbs. Measure 1 cup after crushing. For an extra strong coconut flavor, I recommend toasting the coconut for 5 minutes at 325F before crushing it!
  • Make ahead: You can make and frost this cake 2-3 days in advance. Place it in the fridge for 30 minutes so the frosting firms up, then cover in cling wrap and place back in the fridge. Bring to room temperature for 30 minutes before serving. Alternatively, you can also make the cake layers and wrap them in cling wrap after they cool down. Then refrigerate for 2-3 days, and frost when you are ready to serve
  • Storing: Store the cake in an airtight container at room temperature for up to 2 days, or in the fridge for up to 1 week. It can also be frozen for up to 2 months. Bring to room temperature to eat!

More Yummy Cakes

If you want to try more easy and delicious layered cakes, check out these recipes:

Leave a Rating and a Comment

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

You can unsubscribe from these notifications at any time.

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


Comments

  1. Mahnoor

    This is honestly the best coconut cake I have ever made and eaten! Zoha you are an artist!!! This was so delicious, moist and the recipe was so easy to follow. Will be making this every time I host. Thank you for sharing the recipe!

    1. Zoha Malik

      AWWWW thank you so much!!

  2. Arwa Aliasger Yusufali

    First time actually making one of your recipe and it turned out amazing, cant wait to try out other recipes also, Also i used fresh coconut milk, from 3 coconuts and not the canned one.

    1. Zoha Malik

      Thank you so much – glad to hear that! <3

  3. Ammara Bashir

    Hi Zoha
    I tried your coconut cake recipe this weekend. the cake itself turned out really really moist and soft and tastes great. I am not getting full coconut flavor it’s on mild side🙃. what could I do to make it better. Should I add more coconut?I had all ingredients as you mentioned.. also can you tell how can we make sticky coconut topping on top and sides of the cake?

    1. Zoha Malik

      If you didn’t add the coconut on top of the cake, there’s less coconut in the cake and therefore less flavor! I just toast sweetened dessicated coconut and stick it onto the frosting using my palms!

  4. kay

    Love this recipe!! it came out perfect.
    Question — have you/has anyone tried replacing some of the neutral oil with coconut oil? I want to get a stronger coconut taste without extract/emulsion but I don’t know if its possible. TIA!

    1. Zoha

      Hi Kay! Glad you liked it. I haven’t tried that personally but it might work out great – I’d say start by replacing a third of the neutral oil with melted coconut oil and see how it goes?

  5. Faheema

    I’d really like to try this recipe but I don’t get sweetened coconut where I am… only unsweetened dessicated coconut. anyway I can adjust the recipe?

    1. Zoha

      Hmm, Faheema, I am not 100% sure but I think it should be ok to use unsweetened, especially if you don’t mind the cake being less sweet.

  6. Colene

    This cake is indeed soft, moist and easy! And the tip about lightly toasting the coconut is so good. I do have a comment/question, which is why I took away one star…this is the third time I’ve used cake flour and I’ve noticed that it makes cakes have a kind of raw doughy taste – hard to describe but it’s there. Why is that? Other than that, beautiful, moist texture and the frosting is perfect!

    1. Zoha

      Hi Colene! Thank you for your review. I don’t find cake flour has that taste personally. Could be the brand you’re using?

  7. Allison

    An outstanding cake! I found this after searching for a coconut cake with coconut in it and not just the frosting, and this really delivered. I filled it with a fresh rhubarb compote, which was delicious with the cream cheese frosting. A keeper!

    1. Zoha

      So honored you liked this recipe! Thank you so much 🙂

  8. Fatema Damji

    Hi, can I make this as a single layer in a rectangle cake pan?

    1. Zoha

      Hi there! Yes that should be ok. Use a 9×13″ pan and you may have to adjust the baking time accordingly

  9. Sidrah

    Made this cake for my husbands birthday! It was heavenlyyy! We all loved it and finished it before 24 hours although we are just four people at home. Now going to make it again for an upcoming party at my place.

    1. Zoha

      AWWW how sweet, thank you!

  10. Fiona Matthew

    This cake is delicious. I made it for my daughter’s birthday – and all of the 20-somethings at the party were highly complimentary. One woman even said it was the best cake she had ever tasted.
    Thank you for the recipe.

    1. Zoha

      Oh my gosh, that’s quite the glowing review! Thank you so much!

  11. Ashwini

    Hey Zoha .. I am eager to try this one but my family is allergic to eggs 🙁 Is there a way to replace eggs? Thank you!

  12. Reebs

    5 stars! I halved the recipe and used normal flour, and it was still very tender, moist and delicious! For some reason however after 15 minutes at 325 degrees, my cake was still very uncooked so I left it for approximately another 20 minutes at 375 and it turned out perfect. I don’t know if it was just me, but my batter was quite runny.

    In any case, absolutely LOVED this cake and was delicious with thin whipped cream cheese layered on top (didn’t make it into icing and we loved the tanginess of the cream cheese)

    1. Zoha

      AWW thank you SO much!!! I love this cake so much too, it is so underrated

  13. Angelika Wojda

    It was super easy and delicious. Loved it and so did everybody else

    1. Zoha

      YAY!!! 🙂

  14. Patty O

    Hello. Cake looks delicious. What else can be used for the coconut cream frosting? Cream cheese is not a preferred cheese.

    1. Rabia

      The recipe is now my go to for coconut cake. Everyone in my family loved it. Didn’t get a chance to take a picture.

      The frosting was a little too sweet for me but I’m not a big fan of too much sweets

      1. Zoha

        I am so happy to hear this! 🙂

    2. Zoha

      You could try a simple american buttercream and add coconut to it 🙂

  15. Yasmin. karolia

    A must try coconut cake, gonna bake it for my own bornday.

    1. Zoha

      Happy belated birthday!

      1. Cherrie

        the sponge is lovely but for some reason the frosting was very runny. not sure why I followed the recipie I used philladelphia cheese. cake butter. icing sugar and coconut flavour.

        1. Zoha

          Hi Cherrie! Cream cheese frosting can become runny if you mix too much. Generally you can fix it by just chilling it until it becomes firmer

Get Notified When New Recipes Drop

Subscribe to get all of my latest recipes in your inbox.


Chocolate chip cookies on a white background