Coconut Cake With Icing

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.

slice of coconut cake on a plate with a fork


 

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. 

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.

See Also:

  • If you love cranberries, you have to try my Cranberry Cheesecake Bars! With a graham cracker crust, creamy cheesecake filling, fresh cranberry swirl, and a crumble topping, these bars are the perfect make-ahead dessert for the holidays!
  • Layered with fresh strawberries and homemade whipped cream this vanilla sponge cake is a beautiful cake to make any time of year!
  • 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!

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. 
coconut layer cake cut into on a cake stand

Ingredients Needed

For the cake: 

ingredients prepped for coconut cake

Ingredient Notes

  • Cake Flour – Cake flour has a lower protein content than regular AP 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.
  • 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!

For the frosting:

  • Confectioners sugar – You need confectioners sugar (or powdered sugar) for the buttercream frosting. 
  • Heavy cream (or milk) – This is needed to achieve the creamy smooth consistency of the buttercream frosting. 
  • Unsalted butter – You will need to cream softened butter for the frosting as well. 
  • Vanilla extract – Pure vanilla is best since this isn’t baked. 
  • Coconut extract – I used coconut extract but I have given substitutions in the recipe to use either coconut milk or cream of coconut.

How To Make This Coconut Cake

  1. Preheat and prepare pan. Preheat the oven to 325° F.  Grease and flour two 8” or 9” cake pans. Set aside. 
  2. Combine wet ingredients. In a small mixing bowl, mix together coconut milk, vegetable oil and butter. Set aside. 
  3. Sift dry ingredients. In a mixing bowl, whisk together the cake flour, baking powder,  and salt. Set aside.  
  4. 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.
  5. 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. Stir in shredded coconut.
  6. Bake. 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, 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.
coconut cake being made

Assembling The Cake

  1. 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. 
  2. Frost the cake layer with coconut icing. I like to use a large offset spatula. 
  3. Place second cake layer on top. 
  4. Frost second cake layer with more frosting into an even layer 
  5. 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. 
  6. Press shredded coconut onto the sides of the cake with your hands, and sprinkle all over the top of 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.
slice of coconut cake on a plate

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 upright 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.

Coconut Cake 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 removed from the whole cake

More Cake Recipes

whole coconut cake on a cake stand

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.

slice of coconut cake upright on a plate

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: 30 minutes
Cook Time: 23 minutes
Total Time: 53 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.
  • Sift dry ingredients. In a mixing bowl, whisk together the cake flour, baking powder, and salt. Set aside.
  • 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.
  • 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.
  • 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.
  • 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.

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.

Notes

  • Tools: 8-Inch Cake Pans | Baker’s Joy |Stand Mixer
  • 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. Michelle Luiz says:

    5 stars
    I made this for my son’s First Communion and it turned out perfectly! Super easy and the cake is light and fluffy. This will be my go to recipe for a coconut cake!
    The only thing I did differently was reduce the sugar to 1 and 2/3 cup.

    Thank you!

    1. That’s wonderful to hear! I’m so glad the cake was a hit for such a special occasion like your son’s First Communion. It’s great to know that it turned out light and fluffy and that you’ve found your go-to recipe for coconut cake. Also, thanks for sharing your tweak on the sugar—it’s always helpful to hear how modifications work out. I appreciate your feedback and hope you find more recipes here that you love just as much!

  2. Can I make this recipe in a loaf tin? What temperature and time would I bake it for? And how much of the recipe would I need?

    1. Hi Meredith, I haven’t tried in a loaf pan and would imagine it would be too much batter for just one loaf pan. You could try making it and dividing the batter between pans, making sure to fill about 3/4 full for each. And then bake about 55-65 minutes for each. Hope that helps!

  3. 5 stars
    Your recipe is fantastic and I just wanted to say thank you!

    1. aw thank you Theresa!! I’m so glad you loved it as much as I did 🙂

  4. Jackie Borum says:

    1 star
    Followed it to the letter on the cake ..EPIC fail! I didn’t bother wasting nearly a POUND of butter on the icing. Very disappointed

    1. Hi Jackie, sorry to hear that. I’ve had many readers have success with it. And it’s been tested by many recipe testers to ensure it is a successful recipe. If you tell me more about what happened perhaps I can help trouble shoot what went wrong.

    2. Ginny Magee says:

      5 stars
      I’ve made this cake at least 5 times and it has come out perfectly each time. It’s absolutely delicious and I get requests for it now from family.

      1. aw thank you so much Ginny!! That means a lot!

    1. Hi Wanda, the recipe uses 3 3/4 sticks (or 30 tablespoons) which is stated in the recipe- it’s a 1 1/2 batches of my coconut buttercream frosting.

  5. 3 stars
    I’m not sure if a step was missing in the instructions, but I followed the recipe to the T & the batter was like milk. It wasn’t thick at all. Do you know what could be the cause?

    1. Hi Marie, there are no missing steps, so if the batter didn’t seem right it could be a measuring error (not sure if you measure by weight or volume, so could be an error with measuring especially the flour), and make sure you used canned coconut milk not coconut milk found in the dairy section which doesn’t have the right consistency. Hope that helps!

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!