• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Desserts & Drinks
  • Desserts
  • Drinks
  • Brunch
  • How-To
  • Recipe Index
  • About
  • Facebook
  • Instagram
  • Pinterest
Desserts and Drinks main logo

Desserts & Drinks

Let's get together for desserts and drinks! The best inspired, unique, and easy recipes for everyday gatherings.

  • Desserts
  • Drinks
  • Brunch
  • How-To
  • Recipe Index
  • About
  • Facebook
  • Instagram
  • Pinterest
Home » Desserts » Coconut Cake Recipe

Coconut Cake Recipe

April 4, 2024 · Julie Davis ·
This post may contain affiliate links, please see our privacy policy

Across photo of slice of Coconut cake.
Jump to Recipe Print Recipe

Creamy, light, and beautiful, this Coconut Cake Recipe is one you’ve got to try. The vanilla white cake is lightly covered in a whipped buttercream frosting and coated with sweetened coconut. Make this cake as a layered round cake or a 9×13 sheet cake for your next spring or summer celebration!

Table of Contents

  • Recipe Overview
  • Ingredients
  • How to Make the Coconut Cake Recipe
  • Make it in a 9×13
  • Tips
  • Substitutions
  • Storing Coconut Cake
  • More Spring Desserts You’ll Love
  • Jump to Recipe

Coconut Cake Recipe

It’s not too sweet, a little indulgent, and has the perfect coconut flavor making this cake a huge hit! The cake layers are tender and tasty, but firm enough that they’re easy to work with and frost. I’ve included a way to make it in a 9×13 baking pan if you’d rather have a coconut sheet cake instead.

The coconut is the star of this cake, so the amount of creamy frosting is lighter than other traditional round cakes. Make this cake for Easter, a Spring gathering, or it’d be perfect for a baby or bridal shower!

You’ll Also Love: Coconut Pecan Cookies

Coconut cake with a giant slice taken out to show layers.

Ingredients

The cake and the frosting use some of the same ingredients, making it a cinch to shop for! Here are the ingredients you’ll need to make coconut cake:

Cake Ingredients

  • Flour
  • Sugar
  • Salt
  • Baking Powder
  • Butter
  • Vanilla Extract
  • Milk – Whole or 2%
  • Egg Whites – Freshly separated large eggs, not from a carton. We only use the whites to keep the bright white color and light crumb texture of the cake.

Frosting Ingredients

  • Milk – Whole or 2%
  • Flour
  • Butter
  • Sugar
  • Vanilla
  • Coconut – Shredded and sweetened
Ingredients for coconut cake recipe.
Ingredients for buttercream icing for coconut cake.

How to Make the Coconut Cake Recipe

I love how perfect this cake looks when it’s finished. The coconut helps hide any imperfections and makes it a pretty centerpiece dessert! Here’s how to make Coconut Cake:

Bake the Cake Layers

  1. Grease and line 3 9-inch cake pans with butter and parchment paper.
  2. Whisk together the flour, sugar, salt, and baking powder.
  3. Add the melted butter and 2/3 of the milk, and beat with an electric hand mixer for a few minutes until all of the flour is moistened.
  4. Add the remaining milk and egg whites, and beat again until smooth and well combined.
  5. Divide the batter evenly into the 3 baking pans and bake for 18-20 minutes in a 350-degree F oven. Let cool.
Dry ingredients for coconut cake recipe in a mixing bowl.
1. Mix the dry ingredients.
Ingredients for coconut cake recipe in a bowl.
2. Alternate adding butter and milk.
Coconut cake batter mixed together.
3. Add remaining milk and egg whites.
Coconut cake batter in 9-inch cake pans.
4. Pour into baking pans.

Make the Frosting

  1. In a saucepan, whisk together the milk and flour, and cook over medium heat until thickened. Let cool.
  2. Using a hand mixer, beat the sugar and butter until light and fluffy.
  3. Add the cooled milk mixture and vanilla and beat again until whipped and light.
Milk and flour for buttercream icing.
1. Whisk milk and flour over medium heat.
Butter added to sugar in mixing bowl.
2. Beat sugar and butter.
Coconut cake buttercream icing being mixed.
3. Mix in milk mixutre.
Buttercream icing in a mixing bowl.
4. Add vanilla and mix until smooth.

Putting the Coconut Cake Recipe Together

  1. Frost the top of the bottom layer, add another layer, frost the top of that layer, and add the last layer.
  2. Frost the top and around the cake.
  3. Cover the top with sweetened, shredded coconut, and use your fingertips to gently press it in so it sticks well.
  4. Use your fingers to press the coconut into the sides of the cake all the way around.
  5. Clean up the extra coconut that has fallen and either add it to the top or press it into the sides.
  6. Serve and enjoy!
Layered coconut cake with buttercream icing in between layers.
1. Frost layers of cakes and stack.
Buttercream icing over Coconut cake recipe.
2. Frost outside of cake.
Cake layers, buttercream icing, and shredded coconut on a Coconut cake.
3. Press coconut around cake.
Angled photo of Coconut cake.
4. Serve & enjoy!

Make it in a 9X13 Cake Pan

If you prefer a rectangular cake or just don’t want to mess with the layers of a round cake, you can easily make this cake in a 9×13 baking pan! Just follow these simple steps:

  1. Make the cake batter as directed and pour it into a greased 9×13 pan.
  2. Bake in a 350-degree F oven for 30 minutes, or until a toothpick comes out clean.
  3. Allow the cake to cool completely while you make the frosting.
  4. Frost the top of the cooled cake, and cover the whole top with shredded sweetened coconut.
  5. Cut the cake into squares to serve. Follow the same storing recommendations given for the round cake.
  6. Enjoy!

RELATED: Strawberry Tres Leches Cake

Tips

  • I love using a large cookie scoop to put the frosting onto the cake before spreading it with an offset spatula.
  • Make sure your serving plate or cake stand is large enough to be able to work around easily.
  • Don’t overbake the cake layers. Dry cake is harder to work with, and definitely not as tasty!
  • I use butter to grease my cake pans. I put a thin layer of butter on the bottom, fit a cut piece of parchment on top of that, then butter the top of the parchment, and the sides of the pans. Your cakes will come out easily!
Coconut cake slice with layers and a fork.

Substitutions

Time Savers – Use a white cake box mix, and store-bought vanilla buttercream to make this cake even easier! You can also use a stand mixer with a paddle attachment instead of a hand mixer.

Flavors – Swap the vanilla extract with almond extract or coconut extract for a different flavor in the cake and frosting! Any white frosting you love will work for this recipe. If you like cream cheese frosting, this recipe is a great one!

Make it Gluten-Free – This cake should work just as well if you swap out the all-purpose flour with a 1:1 ratio of gluten-free flour. If the batter seems too thick, add 1/4 cup additional milk.

RELATED: Substitute Almond Flour for All-Purpose Flour

Coconut cake slice with a flower and bite taken out.

Storing Coconut Cake

This Coconut Cake Recipe is best stored in the refrigerator. Cover it tightly or place it inside a cake dome, and store it in the fridge for 2-5 days.

I don’t suggest freezing a frosted cake, but you can freeze the cake layers before frosting them! Wrap them tightly with plastic wrap, then foil, and freeze for 2-3 months. Thaw in the refrigerator overnight, frost, and serve.

Coconut cake slice with a fork taking a bite.

More Spring Desserts You’ll Love

  • Lemon Chess Pie
  • Strawberry Crunch Cake
  • Lemon Bar Cookies
  • French Strawberry Cake
  • Lemon Turmeric Cake

Did you make this recipe? Rate it below and sign up for our email list to get recipes delivered straight to your inbox!

Across photo of slice of Coconut cake.

Coconut Cake Recipe

Julie Davis
Creamy, light, and beautiful, this Coconut Cake Recipe is one you've got to try. The vanilla white cake is lightly covered in a whipped buttercream frosting and coated with sweetened coconut. Make this cake as a layered round cake or a 9×13 sheet cake for your next spring or summer celebration!
5 from 41 votes
Print Recipe Pin Recipe
Prep Time 30 minutes mins
Cook Time 20 minutes mins
Total Time 50 minutes mins
Course Dessert
Cuisine American
Servings 12 Servings
Calories 423 kcal

Equipment

  • Hand Mixer
  • 9-Inch Baking Pan

Ingredients
  

Cake

  • 2 1/2 cups all-purpose flour
  • 1 1/2 cups sugar
  • 1 Tablespoon baking powder
  • 1/2 teaspoon salt
  • 1/2 cup butter unsalted, melted
  • 1 teaspoon vanilla extract
  • 1 cup milk whole or 2%
  • 5 large egg whites not from a carton

Frosting

  • 1 cup milk whole
  • 1 Tablespoon all-purpose flour
  • 1 cup unsalted butter softened
  • 1 cup sugar
  • 1 teaspoon vanilla extract
  • 2 cups sweetened shredded coconut

Instructions
 

  • Grease and line 3 9-inch round cake tins with parchment paper.
  • Preheat the oven to 350 degrees F.
  • Whisk the flour, sugar, baking powder, and salt in a large mixing bowl.
  • Add the melted butter, vanilla, and 2/3 of the milk, and using a hand mixer on low speed, beat for 2 minutes.
  • Add the remaining milk and the egg whites, and beat until combined, about 2 minutes.
  • Divide the batter evenly between the three layers and bake for 18-20 minutes. A toothpick should come out clean and top will begin to brown in places.
  • While the cakes bake, make the thickened milk for the frosting.
  • In a saucepan, whisk the milk and flour over medium heat until it thickens to glue consistency. Let it cool
  • After the cakes are finished allow them to cool in the pans for 5 minutes and then turn them out onto a wire rack to finish cooling.
  • While the cakes cool, finish making the frosting.
  • In a large bowl, beat the softened butter and sugar for 5-6 minutes until fluffy. Add the vanilla, and thickened milk mixture and beat for another 4 minutes until all combined and fluffy.
  • Frost the top of one layer, add the next, and frost the top of it, and then add the final layer and frost the top and around the cake. Carefully add the shredded coconut to the top and sides of the cake, completely covering the frosting.
  • Refrigerate for 30 minutes before serving allowing the coconut and frosting to set up a bit.

Notes

Make it in a 9×13 Pan:
Pour the batter into a greased 9×13 pan and bake for 30 minutes. Leave the cake in the pan, and frost and coat the top only. Add shredded coconut and enjoy!
Tips:
Use a large cookie scoop to put the frosting on the cake and then use an offset spatula to spread it. Don’t overbake the cake! It will dry out easily.
Storing Coconut Cake:
Store this cake in the refrigerator. Cover it tightly or place it inside a cake dome, and store it in the fridge for 2-5 days.

Nutrition

Serving: 1sliceCalories: 423kcal
Keyword Coconut Cake Recipe
Tried this recipe?Let us know how it was!

Cake, Desserts, Spring, Summer

Previous Post: « Lemon Poppy Seed Muffins
Next Post: 15+ Box Cake Hacks »

NEVER MISS A POST

Join our email list to get the latest recipes delivered to your inbox!

Reader Interactions

5 from 41 votes (36 ratings without comment)

Leave a Reply Cancel reply

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

Recipe Rating




Comments

  1. Meg says

    May 6, 2024 at 9:37 am

    5 stars
    Deliciously moist and so darn tasty. We took this cake for my mums birthday party and everyone wanted the recipe. Winning!

    Reply
  2. Bernice says

    May 6, 2024 at 10:44 am

    5 stars
    This is an absolute dream of a cake! It’s perfect for a coconut lover like me and I can wait to bake it again!

    Reply
  3. Nicole says

    May 6, 2024 at 11:17 am

    5 stars
    This cake is delicious and a crowd favorite for our family! We love coconut and the flavors were perfect!

    Reply
  4. Elizabeth says

    May 8, 2024 at 2:53 pm

    5 stars
    I love coconut desserts and this one is a hit! So delicious and perfect for summer.

    Reply
  5. Kim Beaulieu says

    May 8, 2024 at 3:38 pm

    5 stars
    This cake was absolutely delicious. Love the cake and the frosting. Looking forward to making it again.

    Reply

Trackbacks

  1. 15+ Box Cake Hacks (And Recipes!) - Desserts & Drinks says:
    April 11, 2024 at 3:00 am

    […] Coconut Cake Recipe […]

    Reply
  2. Easy 4th of July Desserts - Desserts & Drinks says:
    June 25, 2024 at 8:44 am

    […] 15. Coconut Cake Recipe […]

    Reply
  3. Coconut Custard Pie Recipe - Desserts & Drinks says:
    July 12, 2024 at 9:07 am

    […] Coconut? Try this Coconut Cake Recipe and this Creamy Coconut […]

    Reply

Primary Sidebar

Welcome to Desserts & Drinks!

Whether you're having friends over or just need a sweet treat, we've got you covered with dessert and drink recipes that are easy, inspired, and delicious! Read More…

  • Facebook
  • Instagram
  • Pinterest
  • Twitter

NEVER MISS A POST

Join our email list to get the latest recipes delivered to your inbox!

Privacy Policy

CATEGORIES

  • Bars
  • Brunch
  • Cake
  • Christmas
  • Coffee Drinks
  • Cookies
  • Desserts
  • Drinks
  • Fall
  • Fall/Winter Cocktails
  • Frozen Treats
  • Gatherings
  • How-To
  • Non-Alcoholic
  • Pies
  • Spring
  • Spring/Summer Cocktails
  • Summer
  • Thanksgiving
  • Uncategorized
  • Winter

Footer

Desserts & Drinks

Let’s get together for desserts & drinks!

  • Facebook
  • Instagram
  • Pinterest
  • Twitter

SEARCH THIS SITE

NEVER MISS A POST

Join our email list to get the latest recipes delivered to your inbox!

Privacy Policy

CATEGORIES

  • Bars
  • Brunch
  • Cake
  • Christmas
  • Coffee Drinks
  • Cookies
  • Desserts
  • Drinks
  • Fall
  • Fall/Winter Cocktails
  • Frozen Treats
  • Gatherings
  • How-To
  • Non-Alcoholic
  • Pies
  • Spring
  • Spring/Summer Cocktails
  • Summer
  • Thanksgiving
  • Uncategorized
  • Winter
  • Recipe Index
  • Desserts
  • Drinks
  • Contact
  • About

Copyright Desserts and Drinks © 2025 · Privacy Policy · Terms & Conditions
Desserts and Drinks is reader-supported. When you buy through links on our site, we may earn an affiliate commission. Learn more

Rate This Recipe

Your vote:




A rating is required
A name is required
An email is required

Recipe Ratings without Comment

Something went wrong. Please try again.