Coconut Cake Recipe

This Post May Contain Affiliate Links. Please Read Our Disclosure Policy.

I dare say this might be the best coconut cake recipe ever. Made with cake flour, butter and oil it is perfectly moist with a tender crumb. And it’s packed with triple the coconut flavor- coconut milk, coconut extract, and shredded coconut. So if you are a coconut fan like me, then you are going to adore this light and fluffy cake as much as I did. Once cooled, I frost this in coconut buttercream frosting for coconut in every bite.

coconut cake with slices missing so you can see the interior


 

Oh this cake. This beautiful big old cake. Let me tell you how much I love this coconut cake. This coconut cake recipe I decided to share with you as Easter is upcoming, but when I made this cake to take gorgeous photos of it I had NO smell or taste. 

Thanks Covid. Yes I was struck down by the virus awhile back and sure enough about 7 days into it I woke up to zero taste and zero smell. It’s the most bizarre thing ever. I tried everything to see if I could smell something.

I made monkey bread to see if cinnamon would trigger it. Sadly not a thing. I put hot sauce and mustard on everything. I sniffed essential oils. Painted my nails. Nada.  Nothing. Zilch. And yes one of the things I tortured myself with during this time was to remake this coconut cake for you. 

Ready To Take Your Baking To The Next Level?

Join the Ultimate Baking Bootcamp and master essential techniques like mixing methods and the why behind every recipe! Whether you’re a beginner or looking to refine your skills, this step-by-step class will help you bake with confidence and create flawless desserts every time. Start your baking journey today!

Yes remake. I knew how delicious it was because I actually tested it a year ago for my cookbook and am just sharing it with you now. And yes my tastebuds remember the deliciousness well. 

So I made this cake for you. But I froze some of the cake so that when my taste and smell returned the first thing I could do is unwrap a slice of this cake and DIG IN. Raptor style. No forks needed. So yea this cake is that gooooooood. Ok, so assuming you have tastebuds that work let’s talk cake.

slice of coconut cake standing upright

See Also:

  • If you’re looking for a showstopping cake, this Milk Bar cake is the perfect dessert to make for a birthday!
  • Calling all peanut butter lovers with this super easy peanut butter cream cheese frosting to use on all your favorite cake recipes!
  • This easy vanilla cupcake recipe uses melted butter so it comes together in minutes and no mixer is needed!
  • When it’s summertime then you have to make these S’mores cupcakes with toasted meringue frosting and graham cracker bottom!
  • Get a mixing bowl and make the easiest cake ever! This Tornado cake recipe (aka do nothing cake) made with crushed pineapple, coconut, and pecans!
slice of coconut cake on a plate with a fork

Why You Will Love This Coconut Cake

  • Coconut 3 Ways! – I put all the coconut in this cake and then some. The cake is made with coconut extract, coconut milk, and shredded coconut. And there’s more coconut extract in the coconut frosting. And after frosting, I decorated with more coconut!
  • Great Make Ahead Dessert – The best part about cakes is that you can make them 1-2 days ahead of time and no one will be the wiser. 
  • Moist And Fluffy – The texture of this cake is just perfect! I used butter for flavor and oil to keep it moist. 

Ingredients Needed

  • Cake Flour – Cake flour has a lower protein content than regular all purpose flour, so you end up with a lighter, fluffier cake in the end. Lower protein = less gluten formed. And gluten is the protein that gives a cake structure. So less structure means a fluffy cake for you! If you don’t have cake flour on hand, you can make a DIY cake flour version. It won’t be exactly the same but will do in a pinch! You can use AP flour instead but it won’t have quite the same light, fluffy texture. For more recipes that use cake flour, check out my 41 cake flour recipes.
  • Baking Powder
  • Salt
  • Vanilla extract
  • Eggs – Use room temperature eggs. Here is my quick tutorial on how to bring eggs to room temperature fast.
  • Oil – Use a neutral-tasting oil such as canola oil or vegetable oil.
  • Coconut Extract – This gives a really concentrated coconut flavor without adding extra liquid.
  • Canned Coconut Milk – Why use milk when you can use coconut milk?! Make sure to use canned coconut milk not the beverage kind. 
  • Sweetened Shredded Coconut – I stirred in sweetened coconut to give it more coconut flavor. and also great texture! You can also use unsweetened coconut flakes.
  • Confectioners sugar – You need confectioners sugar (or powdered sugar) for the buttercream frosting. 
  • Unsalted butter – You will need to cream softened butter for the frosting as well. And you will use melted butter for the cake batter.
  • Heavy cream (or milk) – This is needed to achieve the creamy smooth consistency of the buttercream frosting. 
coconut cake ingredients

How To Make This Coconut Cake

Preheat and prepare pan. Preheat the oven to 325° F.  Grease and flour two 8” or 9” cake pans. Set aside. 

Combine wet ingredients. In a small mixing bowl, mix together coconut milk, vegetable oil and butter. Set aside. 

butter oil and coconut milk whisked together

Combine dry ingredients. In a mixing bowl, whisk together the cake flour, baking powder,  and salt. Set aside.  

dry ingredients in a bowl whisked together

Mix eggs and sugar. In a large mixing bowl, with an electric hand mixer with whisk attachment, beat the eggs, sugar, vanilla, and coconut extract, until thickened and light gold in color, about 2 minutes at medium-high speed. If your stand mixer doesn’t have a whisk attachment, beat for 5 minutes using the paddle attachment. The batter should fall in thick ribbons from the beaters.

wet ingredients in a bowl beaten together

Alternate dry ingredients with coconut milk mixture. Add dry ingredients alternately with coconut milk mixture, beginning and ending with the dry ingredients. Do not overmix once the last of the dry ingredients mixture has been added.

dry ingredients added to coconut cake

Stir in shredded coconut.

coconut added to cake batter

Bake. Divide the cake batter between the prepared pans. Bake the cakes until a toothpick inserted into the center comes out clean and the top feels set, 26 to 30 minutes for two 9” pans, or 38 to 42 minutes for two 8” pans.  Remove the cakes from the oven, carefully loosen the edges, and allow them to cool for 10 minutes in the pans. Then turn coconut cake layers to a wire rack rack, right-side up, to cool to room temperature.

coconut cake batter divided between cake pans and baked

Making the coconut buttercream frosting

Combine the butter and confectioners sugar. In a mixing bowl with an electric mixer, combine the butter and confectioners sugar. Mix on low speed at first, then increase the speed until combined.

Add heavy cream, extracts, and salt. Add heavy cream, vanilla extract,coconut extract, and salt. Mix on medium to high speed for 8 minutes until light and creamy.

Stir in shredded coconut. Stir in shredded coconut with a rubber spatula.   If not using immediately, store in a container in the refrigerator until ready to use for about 7 days. When ready to use, mix again until light and fluffy.

coconut frosting in a bowl with a mixer

Assembling The Cake

Place first cake layer onto a flat surface, cake round or a platter you will be serving the cake on. I like to put a dollop of frosting on the bottom of the cake to hold it in place. 

Frost the cake layer with coconut icing. I like to use a large offset spatula. 

spatula spreading frosting onto a cake layer

Place second cake layer on top. 

Frost second cake layer with more frosting into an even layer 

Place final cake layer on top. You can crumb coat the entire cake or simply frost with remaining frosting on the top and sides of the cake. 

frosted coconut cake with no coconut on the outside yet

Press shredded coconut onto the sides of the cake with your hands, and sprinkle all over the top of the cake. 

hand pressing coconut onto the cake

Recipes Tips

  • Prep Your Pans The Right Way. I recommend greasing your cake pans and lining the bottoms with parchment paper. I love using Baker’s Joy spray that has flour in it for the best release. I like to spray the pans, then line the bottom with parchment paper, then give it another spray. Here is a tutorial on How To Prepare Cake Pans (in 4 easy steps!)
  • Measure Your Flour Accurately. I do recommend using a digital kitchen scale for best accuracy. But if you don’t own one yet, then fluff up your flour first. Spoon it into your cup and the level it off. Don’t pack it down! Here is a tutorial onw How To Measure Flour.
  • Bring your eggs to room temperature.  You don’t want cold eggs being added to your creamed butter mixture. It will seize up the butter. So place your eggs in a bowl of warm water for 10 minutes before using them. 
  • Do not overmix your batter. Once the dry ingredients are added to the wet, stir just until the flour is mixed in. Overmixed batter will result in a tough-textured cake.
  • Test The Cake To See If It’s Done. You can test with a toothpick, or touch the top of the cake. It should bounce back and not stay sunken in.

Coconut Cake Frosting Tips

  • Use Room Temperature Butter. Cold butter won’t mix together well and you will end up with a lumpy frosting. I bring my butter out at least 30 minutes before I start. You can also cube up the butter so it softens faster.
  • Chill The Frosting. If your frosting is too soft, try chilling it before frosting your cake so it firms up a bit and it’s easier to frost the cake.
coconut cake slice being removed from the whole cake

Storing This Cake

When it comes to cakes I highly recommend making them ahead of time. There’s a lot of work that goes into them so it’s great to make them ahead! You can store the cake layers, unfrosted and then frost them later.  You can also store the cake layers, or the whole cake at room temperature. 

You can also freeze the cake layers too if you need to!

Cake Layers only: 

  • At room temperature: You can make the cake layers 2-3 days ahead of time. Leave them unfrosted, and wrap in plastic wrap or tin-foil. Just make sure they are completely cool before doing so. 
  • Freezing: You can also wrap the cooled cake layers and freeze for up to 3 months if you don’t plan to use the layers in a few days. I let them thaw at room temperature before icing them.

Frosted Cake: 

  • Fridge: If you have frosted the cake, I like to store the cake in an airtight container, and keep in the fridge. I keep it 1-2 days ahead of time.
  • Freezing: I would freeze the cake unfrosted. Once the layers are cooled then wrap carefully in plastic wrap (a few layers) and a final layer of aluminum foil. When ready to enjoy, just thaw at room temperature and frost.

Coconut Cake Frosting:

  • Fridge: You can make the frosting ahead of time as well. Store the frosting in a container for up to 7 days. I like to throw it my mixer again and re-whip so it’s smooth and fluffy again before I frost the cake. 
  • Freeze: You can freeze the frosting too 2 months ahead of time. I thaw it overnight in the fridge and then rewhip again before I use it. 
slice of coconut cake on a plate

Recipe Variations:

  • ​Toasted coconut: You can toast the coconut to decorate the outside of the cake instead. Spread 2-3 cups of shredded coconut into a single layer on a sheet pan and toast in a 350F for 5-10 minutes until golden brown. Let it cool then decorate the cake!
  • Use all purpose flour – If you don’t have any cake flour, you can use regular all-purpose flour instead. Your cake might not be as fluffy but will still come out amazing.
  • Add almond extract – Coconut and almond go well together! Substitute 1/2 teaspoon of vanilla extract and add 1/2 teaspoon almond extract to the batter. 
  • Use coconut flakes – You can use large coconut flakes to decorate the outside of the cake instead of shredded coconut.
  • Make a coconut cream cheese frosting – Make my cream cheese buttercream instead and add 3 teaspoons coconut extract to the frosting.
  • Make a swiss meringue buttercream – For a less sweet frosting, try my swiss meringue buttercream frosting instead. You can always add coconut extract to the frosting.
  • Make in 9-inch cake pans – You can also bake in three 9-inch cake pans, but layers will not be as thick.
  • Make into a sheet cake – You can pour this batter into a 9×13 sheet pan that is lightly greased and bake for about 40 minutes.

Recipe FAQ’s

Why is my cake not done (or sinks) in the middle? 

This can happen if it cooks too fast, creating a crust on the outside leaving the middle uncooked. This could mean your oven temperature is too high. Do yourself a favor and get an oven thermometer to double check the accuracy of your oven. 
Related post: Baking 101: Getting To Know Your Oven

How can I tell when the coconut cake is done baking?

To test when my cake is done, I like to use a long wooden skewer to insert into the cake and see if there are moist crumbs that cling to it. Or  I do the bounce test, and touch the top of the cake it should spring back not stay sunken in.
My biggest worry is overbaking it. So making sure my oven temperature is running correctly, I can then set my timer and check it with the skewer to ensure it’s done properly and not overbaked.

Can I bake this coconut layer in a different pan?

I haven’t tested in all these formats but here is what I think they should take. Always be sure to set a timer and use an oven thermometer and err on the side of less time and check from there. 
two 9-inch pans: divide batter between two9-inch pans and bake for 26-30 minutes.
Cupcakes: About 18-22  minutes at 350F for cupcakes filled 3/4 full.
Bundt Pan: About 60-65 minutes at 350F. You won’t need all the frosting.
9×13 pan: Pour the batter into a greased 9×13 pan and bake 40 minutes at 350F. 

Can I use unsweetened coconut?

I highly recommend sweetened coconut for the best texture and the added sweetness. But yes you can use unsweetened, but just know the cake won’t be as sweet.

coconut cake slice being pulled away from the whole cake by a cake server

More Cake Recipes

slice of coconut cake on a plate

More Recipes To Try

If you love coconut as much as I do then be sure to try my coconut macaroons recipe. These gluten free cookies are foolproof and are dipped in chocolate for a special treat.

And if it’s cake you’re craving, then try my sock it to me cake. It’s an easy bundt made with pecans and drizzled in icing.

Master The Art Of Baking!

Don’t miss out on the chance to elevate your baking skills! Join the Ultimate Baking Bootcamp today and unlock the secrets to creating perfect desserts every time. With expert guidance, step-by-step lessons, and insider tips, you’ll be baking like a pro in no time. Sign up now and start mastering your baking!

coconut cake with slices missing so you can see the interior

Coconut Cake

Coconut layer cake made with three kinds of coconut.
4.77 from 26 votes
Print Pin Rate
Course: Dessert
Cuisine: American
Prep Time: 45 minutes
Cook Time: 23 minutes
Total Time: 1 hour 8 minutes
Servings: 12 slices
Calories: 385kcal

Ingredients

For the cake

  • ¼ cup (½ stick, 57 g unsalted butter) melted
  • cup (80 mL) vegetable oil
  • 1 cup (240 mL) canned coconut milk
  • 2 cups (240 g) cake flour
  • 2 teaspoons baking powder
  • 1 ¼ teaspoons salt
  • 4 large eggs room temperature
  • 2 cups (396 g) granulated white sugar
  • 1 teaspoon vanilla extract
  • 2 teaspoons coconut extract
  • 1 cup (85 g) shredded sweetened coconut

For the frosting (this is a 1.5 batches of my coconut buttercream)

  • 30 Tablespoons (423 g, 3 3/4 sticks) unsalted butter softened
  • 3 3/4 cups (423 g) confectioners sugar
  • 3 Tablespoons heavy cream (or canned coconut milk)
  • 3 teaspoons vanilla extract
  • 3 teaspoons coconut extract or 5-6 Tbs. coconut milk, or 2-3 Tbs. coconut cream
  • 1/8 teaspoon salt
  • 2 cups (160 g) sweetened shredded coconut (for decorating the outside of the cake)

Instructions

For the cake

  • Preheat and prepare pan. Preheat the oven to 325° F. Grease and flour three 8” cake pans. Set aside.
  • Combine wet ingredients. In a small mixing bowl, mix together the canned coconut milk, vegetable oil and melted butter. Set aside. ¼ cup (½ stick, 57 g unsalted butter) ⅓ cup (80 mL) vegetable oil 1 cup (240 mL) canned coconut milk
  • Combine dry ingredients. In a mixing bowl, whisk together the cake flour, baking powder, and salt. Set aside. 2 cups (240 g) cake flour 2 teaspoons baking powder 1 ¼ teaspoons salt
  • Mix eggs, sugar and extracts. In a large mixing bowl, with an electric hand mixer with whisk attachment, beat the eggs, sugar, vanilla, and coconut extract, until thickened and light gold in color, about 2 minutes at medium-high speed. If your stand mixer doesn’t have a whisk attachment, beat for 5 minutes using the paddle attachment. The batter should fall in thick ribbons from the beaters. 4 large eggs 2 cups (396 g) granulated white sugar 1 teaspoon vanilla extract 2 teaspoons coconut extract
  • Alternate dry ingredients with coconut milk mixture. Add dry ingredients alternately with coconut milk mixture to the sugar and egg mixture, beginning and ending with the dry ingredients. Do not overmix once the last of the dry ingredients mixture has been added. Stir in shredded coconut. Batter will be liquidy. 1 cup (85 g) shredded sweetened coconut
  • Bake. Bake the cakes until a toothpick inserted into the center comes out clean and the top feels set, about 25-30 minutes. Remove the cakes from the oven, carefully loosen the edges, and allow them to cool for 10 minutes in the pans. Then turn them out of the pan and transfer them to a rack, right-side up, to cool to room temperature.

For the frosting

  • Combine the butter and  (powdered) confectioners sugar in the bowl of your stand mixer. Mix on low speed at first, then increase the speed until combined. 30 Tablespoons (423 g, 3 3/4 sticks) unsalted butter 3 3/4 cups (423 g) confectioners sugar
  • Add in your heavy cream and vanilla extract, and mix on medium to high speed for 8 minutes until light and creamy. Add in your coconut extract (coconut cream or coconut milk) and salt If not using immediately, store in a container in the refrigerator until ready to use, mix again until light and fluffy. 3 Tablespoons heavy cream 3 teaspoons vanilla extract 3 teaspoons coconut extract 1/8 teaspoon salt

Assembling the cake

  • Place one cake layer down onto your cake stand. Spread about 1 1/2 cups of frosting onto the cake layer. Top with another layer and repeat with another 1 1/2 cups of frosting. Top with remaining cake layer and spread the remaining frosting onto the outside of the cake. Sprinkle on coconut and lightly press into the sides of the cake so it adheres. 2 cups (160 g) sweetened shredded coconut

Notes

  • Make ahead/storage:
      • Fridge: If you have frosted the cake, I like to store the cake in a plastic cake container, and keep in the fridge. I keep it 1-2 days ahead of time.
      • Freezing: I would freeze the cake unfrosted. Once the layers are cooled then wrap carefully in plastic wrap (a few layers) and a final layer of aluminum foil. When ready to enjoy, just thaw at room temperature and frost.
      • At room temperature: You can make the cake layers 2-3 days ahead of time. Leave them unfrosted, and wrap in plastic wrap or tin-foil. Just make sure they are completely cool before doing so.  You can also wrap the cooled cake layers and freeze for up to 3 months if you don’t plan to use the layers in a few days. I let them thaw at room temperature before icing them.
      • Frosting: You can also make this ahead of time and leave in the fridge for up to 7 days and re-whip again before using. Or freeze for up to 2 months, thaw overnight in the fridge and re-whip again before using.
  • Different pans:  
    • two 9-inch pans: divide batter between two9-inch pans and bake for 26-30 minutes.
    • Cupcakes: About 18-22  minutes at 350F for cupcakes filled 3/4 full.
    • Bundt Pan: About 60-65 minutes at 350F. You won’t need all the frosting.
    • 9×13 pan: Pour the batter into a greased 9×13 pan and bake 40 minutes at 350F.
  • Different buttercream: This would be good with just a vanilla buttercream frosting, or try making a coconut version of my cream cheese frosting.
  • Can I use AP flour instead? AP flour won’t give you quite the same fluffy and light texture. You could make a DIY cake flour version where you use AP flour and cornstarch. Again, you won’t get quite the same results but it will do in a pinch.
  • Can I use unsweetened coconut? I highly recommend sweetened coconut for the best texture and the added sweetness
  • Can I use regular milk instead? Yes you can use regular milk instead of coconut milk.

Nutrition

Calories: 385kcal | Carbohydrates: 53g | Protein: 5g | Fat: 18g | Saturated Fat: 13g | Trans Fat: 1g | Cholesterol: 65mg | Sodium: 288mg | Potassium: 179mg | Fiber: 1g | Sugar: 36g | Vitamin A: 198IU | Vitamin C: 1mg | Calcium: 46mg | Iron: 1mg
Tried this Recipe? Pin it for Later!Mention @BostonGirlBakes or tag #BostonGirlBakes!


 

52 Comments

  1. Could you use coconut oil instead of vegetable oil ?

    1. Hi Mel, I haven’t tried it with coconut oil but you should be able to swap it for 1:1…let me know if you try would love to know how it turned out!

  2. In tips you mention something about cream cheese but that is not an ingredient in your recipe. Can you clarify

    1. My apologies – that’s a typo..there’s no cream cheese in the frosting.

      1. Thanks. One more question..I made this tonight but it took more like 40 – 45 minutes to bake in two pans. But your recipe says 30 min…

      2. Hi Amy, difference in time could be due to
        Difference in pan but also possibly your oven. I recommend getting an oven thermometer to see if it’s calibrated correctly. Hope that helps!

  3. 5 stars
    You have me craving cake now! All this coconut cake with sprinkles of shredded coconut all over are just a treat. Can’t wait to bake this with my kids!

  4. 5 stars
    Love the flavor, texture, how it looks and how everybody was enjoying it. I got a lot of congrats thanks to this recipe and thanks to Heather.

  5. 5 stars
    I love this coconut cake recipe, so tender and delicious! Definitely reminds me of springtime, so this is coming at the perfect time for me. Thanks for the recipe!

  6. What a wonderfully fluffy and delicious cake! Everyone loved it. Thank you!

    1. Taylor Smith says:

      You’re very welcome. It was my pleasure!

  7. 5 stars
    What a great recipe! The coconut buttercream frosting sounds really tasty, too! Can’t wait to make this for Easter dinner. Thanks for another winner from Boston Girl Bakes!

  8. I see step 5 of your instructions say to alternate the dry ingredients with the coconut milk mixture and then bake. I t looks like you forgot to say when to add the sugar and egg mixture. It would make sense to add the sugar and egg mixture to the coconut milk mixture but it doesn’t state that anywhere in your directions.

    1. Hi Vicki! Sorry about that – it’s added alternately to the sugar/ egg mixture. The recipe is now updated 🙂 thanks for letting me know!

  9. Would you recommend lowering the oven temp by 25 degrees if using glass 9×13 glass pan for baking cake in? If yes, how much time to add to baking time

    1. I do not lower my temperature for a glass pan, but know that it may take a few extra minutes of baking time.

  10. 5 stars
    This cake was a hit! Everyone loved it and it was soooo delish! I’m already looking forward to making it again!

    1. That makes me so thrilled, Jennifer! I love when a recipe is a big hit 🙂 Thank you for your comment!

  11. Amanda Dixon says:

    5 stars
    This cake was a hit! It was full of rich coconut flavor, and it was super moist with such a tender crumb. I can’t recommend this enough!

    1. Aw YAY I’m so happy to hear, Amanda! Thank you for sharing your thoughts! 😀

  12. 5 stars
    Can’t beat the fluffy texture of this cake! And it’s SO full of coconut flavor too – delicious!

    1. It’s truly one of my favorite crowd-pleasers, and I’m so glad you love it too, Gina!

  13. Krissy Allori says:

    5 stars
    Coconut is one of my favorite flavors and this moist cake is to die for!

    1. Thank you for your sweet comment, Krissy! I agree coconut is the BEST!

  14. Bintu | Recipes From A Pantry says:

    5 stars
    This is such a fluffy and delicious cake! We love coconut in our house so this has proved to be very popular!

    1. Oh yay, I’m glad it’s a big hit! Thanks so much for your sweet feedback, Bintu!

  15. How much coconut do you use for the decorating the cake after you frost with your buttercream?
    You did not list in your ingredients. Do you only decorate with coconut on the outside or did you put coconut in between the layers?
    Thank you

    1. Hi Samantha! I did not put any coconut in between the layers but you definitely can. I used about 2 cups on the outside of the cake. I’ll make sure to add that in the recipe. Thanks!

  16. 5 stars
    The old man is a HUGE coconut fan. Can’t wait to make this to enjoy with him when I get to see him again. Looks phenomenal!

    1. OH then he is going to love it!!

  17. 5 stars
    Oh i love this coconut cake! great texture and flavor and the frosting were superb!

    1. Glad you loved it Jo 🙂

  18. 5 stars
    Coconut cake is one of my favorites! This looks amazing!

  19. 5 stars
    This Coconut cake looks perfect! A slice will be great with a cup of tea or coffee.

    1. Couldn’t agree more Biana 🙂

  20. Oh this cake looks just as good as you described! SO fluffy! And so sorry that you came down with covid, hope you are doing well now and living your best life eating ALL the cake!

    1. Aw thank you Whitney!! Yes it’s been tough, but on the road to recovery!

4.77 from 26 votes (8 ratings without comment)

Leave a Reply

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

Recipe Rating




More You'll Love!