Skip to Content

Coconut Cake with Coconut Butter-Cream Frosting

This is an extraordinary, yet simple coconut cake. It has a tender, soft, velvety crumb and it keeps well for several days. It is filled and covered completely with coconut buttercream frosting and smothered in coconut. 

A single slice of coconut cake with coconut buttercream.

Baking a cake from scratch is completely doable. This recipe uses the reverse creaming method which coats the flour in butter before adding the liquid. It helps prevent gluten formation and ensures a soft and tender cake.

Coconut Cake

This is an incredibly delicious cake and just looking at the pictures and recipes is going to tickle your tastebuds.  Here is why you will love this cake.

  • It is moist, tender, and buttery.
  • It is not too sweet. The coconut flavor stands out.
  • The buttercream is smooth, creamy and coconutty. Plus there is plenty to coat all the layers!
  • The sweetened, dried coconut gives a delicious and delightful contrast in textures.
Layered coconut cake with coconut buttercream being served from a cake pedestal.

HOW TO MAKE THIS CAKE:

There are a few components to the cake but this is an easy cake to prepare. Here are the basic steps but make sure you scroll down to the printable recipe card for detailed instructions.

  1. Mix the dry ingredients until they are combined then toss in the butter and blend until the flour and butter look like damp sand. It may seem strange to start a cake this way but this is how to make a cake using the reverse creaming method. Keep reading to learn about this method.
  2. Add the egg whites and whole eggs one at a time then beat the batter well to build up the structure.
  3. Beat in the sour cream, vanilla, and coconut milk a little at a time.
  4. Mix the batter well then pour it into greased cake pans and bake.
  5. Make the amazing coconut buttercream frosting.
  6. When the cake cools, cover it in the buttercream and shredded coconut.
  7. ENJOY!!

Reverse creaming method.

I mentioned above that we are using the reverse creaming method for this cake. If you have never used this method before, you might think it seems strange. It isn’t how your grandma baked a cake.

Instead of creaming the butter and sugar together, you add the butter to the dry ingredients. The fat particles in the butter coat the flour and protect the cake from developing too much gluten. It’s a great method that helps prevent the cake from getting tough.

Tips for making this cake.

  • Have your ingredients at room temperature. If your ingredients are too cold, they will not emulsify well. Room temperature ingredients are KEY to a light and fluffy texture.
  • Use cake flour for the lightest texture. We have made this recipe with all-purpose flour and it comes out just fine. But when we use cake flour it has a much softer texture.
  • Use coconut milk for the cake and coconut cream for the buttercream. Make sure you use the kind of coconut milk that comes in a can and not the stuff in cartons that are meant for drinking.
  • Allow the cake to cool completely before frosting it. If the cake is even slightly warm, the buttercream will melt.
  • Serve the cake at room temperature. Since this is a butter cake, if you eat it straight from the fridge, the butter will be cold and firm. If you let the butter sit at room temperature, it will soften up which will soften the whole cake.

The Awesome Coconut Butter-Cream Frosting:

And the icing…..you are not going to believe how wonderful and awesome it tastes!  It is a spin on an old-fashioned recipe called Ermine frosting or cooked frosting.

I was watching a Food Network show of The Pioneer Woman and she was making some frosting for a chocolate cake that she just baked.  She used a cooked flour frosting which is also known as Ermine frosting. It is made by cooking flour and milk into a thick roux. After the roux cools, you add it to whipped butter.

The result is a creamy, light, and fluffy buttercream that is less sweet than traditional American buttercream.

I used Ree’s recipe with a little change from regular milk to coconut cream.  I also increased the ratios to accommodate the size of the cake. The result was just so amazing and awesome that it is difficult to imagine anything else for a coconut cake!  

Overhead shot of a layered coconut cake on a cake pedestal along with 2 slices on plates.

SOME OTHER RECIPES WE ARE SURE YOU WILL LOVE:

This tropical carrot cake isn’t your standard carrot cake. It has pineapple and coconut in it to give it a taste of the tropics. The cake is exceptionally moist and tender.

Everyone needs a perfect, no-fail chocolate cake recipe. This is the one! Keep this recipe in your back pocket for dessert emergencies. ?

This chocolate peanut butter layer cake has 4 layers and makes an impressive presentation. This is a combination that everyone loves!

Connect With Savor the Best:

Please follow us on our social media accounts

Facebook * Instagram * Pinterest * Youtube * Twitter

Did you make this recipe? We would love to hear from you. Drop us a comment below. 

A single slice of coconut cake with coconut buttercream.

Coconut Cake with Awesome Coconut Butter-Cream Frosting

Yield: 14 to 16 servings
Prep Time: 30 minutes
Cook Time: 30 minutes
Total Time: 1 hour

A moist white cake with a wonderful creamy, coconut flavored frosting which is smothered with shredded coconut.

Ingredients

For the White Cake: (See Notes)

  • 4 cups cake flour
  • 2-1/2 cups sugar, superfine is best
  • 1 Tablespoon baking powder
  • 1 teaspoon baking soda
  • 1 teaspoon salt
  • 1 cup butter, softened (16 tablespoons)
  • 4 large egg whites
  • 2 whole large eggs
  • 1 cup coconut milk (not coconut cream)
  • 1/2 cup sour cream
  • 1 tablespoon vanilla extract

For the Frosting:

  • 2/3 cup All-purpose flour
  • 2 cups coconut cream (not coconut milk here)
  • 2 cups butter
  • 2 cups extra-fine sugar
  • 2 teaspoon vanilla extract
  • 1 teaspoon coconut extract
  • 1-1/2 cups shredded coconut for the garnish

Instructions

  1. Preheat the oven to 350°F
  2. Prepare three 8”x2” round pans by lining them with parchment paper and then spray the paper with non-stick spray.
  3. Mix the dry ingredients on slow speed to blend. Add the soft butter and mix until evenly crumbly, it should resemble damp sand.
  4. Add the egg whites one at a time, then add the whole eggs, beating well after each addition to begin building the structure of the cake. Scrape down the sides of the bowl with each egg addition.
  5. Beat in the sour cream.
  6. In a small bowl, whisk the milk with the vanilla and add this mix 1/3 at a time, to the batter. Beat 1 to 2 minutes after each addition, until fluffy. Scrape down the sides and bottom of the bowl.
  7. Pour the batter into the prepared pans and bake for 26 to 32 minutes or until a toothpick inserted into the center comes out clean. Remove from the oven and cool completely on a wire rack.

For the Frosting:

  1. In a small saucepan, whisk flour into the coconut cream and heat over medium heat, stirring constantly, until it thickens. This should be very thick, it will look like white school paste. Remove from heat and let it cool to room temperature. I put the pan into the freezer for a few minutes to get it really cold. It must be completely cool before you use it in the next step.
  2. While the mixture is cooling, cream the butter and sugar together until light and fluffy. (See Notes). Then add the completely cooled coconut cream/flour mixture a couple tablespoons at a time, and whip it until it looks like whipped cream.
  3. Beat in the vanilla and coconut extracts.

To assemble:

  1. When the cake is cool, place one layer on a plate and spread icing on it then sprinkle with some of the shredded coconut. Repeat with each of the cake layers. Spread the icing on the outside of the cake and over the top, then use the remaining shredded coconut to garnish/cover the cake completely.
  2. Refrigerate until ready to serve.

Notes

  • Cream the butter and sugar until light and fluffy, the sugar will not dissolve in the butter but the mixture smooths out and becomes creamy when the flour mixture is whipped into it.
  • You will need coconut milk for the cake and coconut cream for the frosting. Purchase the canned variety of coconut milk, not the kind that comes in cartons for drinking.
  • You can also bake this cake in four cake pans. The layers will not be as thick so you will want to decrease the baking time to 24 to 28 minutes.
Nutrition Information:
Yield: 22 Serving Size: 1
Amount Per Serving: Calories: 642Total Fat: 36gSaturated Fat: 25gTrans Fat: 1gUnsaturated Fat: 9gCholesterol: 87mgSodium: 471mgCarbohydrates: 78gFiber: 1gSugar: 54gProtein: 5g

Nutrition information is a guideline only, is calculated automatically by third-party software, and absolute accuracy is not guaranteed.

Click here to follow us on Pinterest!

Please leave a comment on the blog or share a photo on Pinterest

This recipe was first published on August 25, 2014. We have updated the photos and added a video. The photo below is from the original post. It has four layers instead of two. See the notes in the recipe card if you want to make a 4 layer cake.

Coconut Cake with Awesome Coconut Butter-Cream Frosting
Coconut Cake with Awesome Coconut Butter-Cream Frosting

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Sylvie Chomyshyn

Saturday 16th of April 2022

I made this for my birthday and it was voted the BEST cake anyone ever had.The frosting is decadent,Creamy light and not overly sweet.Now everyone is requesting this cake for their B-day.Thanks for that recipe.Definitely a keeper.

Dahn Boquist

Saturday 16th of April 2022

That is wonderful! Thank you for the comment and happy birthday!

Paula H.

Saturday 9th of April 2022

What temperature do you whisk the flour and coconut cream?

Dahn Boquist

Sunday 10th of April 2022

Hi Paula. Whisk the flour and coconut cream over medium heat until it thickens. Make sure you let it come to room temperature before moving to the next step.

Kris Marie

Friday 11th of March 2022

This cake is absolutely scrumptious! I think it even tastes better the day after being made but it is a huge three layer cake! I didn’t put coconut on the sides of the cake, just a sprinkle on top and coconut in between the cake layers. How would I make a vanilla frosting using this method, not using the coconut cream? I love how whipped creamish this is! So much lighter than traditional buttercream frosting. Thank you!

Dahn Boquist

Friday 11th of March 2022

I'm so glad you enjoyed the cake. Here is our vanilla Ermine frosting.

Kris Marie

Friday 4th of March 2022

Hi, could I use two 9 x 13 baking sheets to make a 1/4 sheet cake that I can frost in between the two cakes? Thank you.

Kris Marie

Friday 11th of March 2022

@Dahn Boquist, thank you so much!

Kris Marie

Thursday 10th of March 2022

@Dahn Boquist, hi I ended up going the three eight inch pans route. I hoped I cooked the coconut cream and flour long enough....cakes are cooling as is the flour/cc mixture. Just want this to be a near perfect 33rd wedding anniversary cake! Thank you.

Kris Marie

Saturday 5th of March 2022

@Dahn Boquist, thanks so much! I want to make this for our anniversary cake this coming week! What would the cook time be?

Dahn Boquist

Friday 4th of March 2022

Yes, but you will need to make a double batch. One recipe will fit in a 9 x 13 pan.

Gina DeMarco

Thursday 28th of January 2021

I'm making this as I'm writing,and I've followed the instructions exactly, and my frosting is still grainy (I purposely bought superfine sugar), and it's not firming up like whipped cream looks like. I'm using my stand mixer with the whisk attachment

Dahn Boquist

Thursday 28th of January 2021

Beat the butter and sugar until it is creamy then make sure the flour/ coconut cream mixture is cool before you add it to the butter or the butter will melt.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Skip to Recipe