• Skip to primary navigation
  • Skip to primary sidebar
  • Skip to footer
  • Skip to content
Preppy Kitchen logo
  • About
    • Meet John Kanell
    • Press
  • Recipes
    • Desserts
    • Breakfast
    • Main Dishes
    • Side Dishes
    • Breads
    • Soups
    • Salads
    • Casseroles
    • Instant Pot
    • Appetizers
    • Drinks
    • Holiday
  • Cookbook
  • Shop
  • Contact
menu icon
go to homepage
search icon
Homepage link
  • About
  • Press
  • All Recipes
  • Cookbook
  • Shop
  • Contact
  • Follow us on

    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • ×

    Home » Recipes » Desserts » Cakes » Coconut Cake

    Coconut Cake

    Published: March 20, 2018 · Modified: Aug 2, 2022 by John Kanell

    This post may contain affiliate links. Please read our disclosure policy.

    Soft, moist, and fluffy, this Coconut Cake recipe is super easy to make from scratch. The light and tender cake layers are frosted with a rich coconut cream cheese frosting and topped with more shredded coconut, so it’s bursting with sweet coconut flavors. It’ll be the best coconut cake you’ll ever make.

    A plate with a slice of coconut cake in front of a cake stand with the rest of the cake.
    10906 shares
    • Share
    • Reddit
    Jump to Recipe Print Recipe
    Pinterest graphic of a slice of coconut cake lifted from the cake.
    Pinterest graphic of a slice of coconut cake with a fork resting in front of a piece of cake on it.
    Pinterest graphic of a coconut cake on a cake stand with some fresh coconuts scattered around.
    Pinterest graphic of two plates with sliced coconut cake.
    Pinterest graphic of a slice of coconut cake on a plate in front the rest of the cake.

    After your first bite, you will fall in love with this coconut cake recipe. It’s so moist and tender that each bite will melt in your mouth. You also get coconut flavors throughout the entire cake. There’s no shortage of coconut flavor as coconut extract and sweetened shredded coconut are in the cake layers and the cream cheese frosting.

    Perfect for any occasion, this coconut cake is simple to make but looks impressive with its layers. It comes together in only a few simple steps, and it’ll quickly become your new favorite cake. Want another easy cake recipe? Try my strawberry cake recipe, red velvet cake recipe, and lemon cake recipe.

    What You Need to Make This Recipe

    Ingredients needed to make coconut cake.

    Cake flour — for the most tender cake, cake flour is required. If you use regular all-purpose flour, the coconut cake’s texture will turn out different.

    Leavening agents — always double-check that your baking powder and baking soda are fresh and not expired to ensure light and tender cake layers.

    Butter — always use unsalted butter as salt is added to the batter. Be sure to bring the butter to room temperature. It needs to be soft enough so your finger leaves a dent when you press into it but not too soft that it is greasy.

    Egg whites — using just egg whites will leave your cake super soft and tender. Save your egg yolks for this homemade crème brûlée recipe!

    Milk — whole milk will give you the best flavor and add moisture to the cake.

    Shredded coconut — for the best flavor and texture, make sure to get the sweetened coconut flakes and not the unsweetened ones.

    Cream cheese — make sure you use full-fat blocks of cream cheese and not the version in a tub to make this frosting.

    How to Make Coconut Cake

    Set of two photos showing dry ingredients whisked and mixed with butter.

    1. Sift together the flour, sugar, baking powder, baking soda, and salt.

    2. Add the butter, and with the paddle attachment on, mix for 1 minute or until the mixture is crumbly.

    Set of two photos showing vanilla extract added to the mixer and shredded coconut folded in.

    3. Add the egg whites, milk, vanilla, and coconut extract. Mix at low speed until the mixture is well combined. Then, increase the speed to medium and beat until fluffy.

    4. Fold in the shredded coconut.

    Set of two photos showing batter poured into a prepared pan and frosting being mixed.

    5. Divide the batter among three 9-inch round prepared cake pans and smooth out to the sides with a spatula. Bake for 30 minutes, rotating the pans after 15 minutes. Let the cakes cool in the pan for 20 minutes before cooling completely on a wire rack.

    6. In the mixing bowl of a stand mixer with the whisk attachment, beat the butter until creamy and fluffy. Add the cream cheese, vanilla extract, coconut extract, and salt. Beat until well combined and fluffy. With the mixer on low, add the sugar 1 cup at a time, scraping down the bowl in-between.

    Set of two photos showing a cake frosted and topped with shredded coconut.

    7. Place one cake layer on a cake stand. Spread about 1 cup of frosting evenly over the top. Top with another cake layer and repeat with more frosting. Top with the remaining cake layer. Spread the remaining frosting all over the outside of the cake.

    8. Press the coconut to the frosting all over the top and sides of the cake. Chill the coconut cake for 30 minutes for easy slicing.

    A slice of coconut cake cut and lifted away from the rest of the cake.

    Pro Tips for Making This Recipe

    • For the milk in this coconut cake recipe, you actually have a few options. You can use regular milk, canned coconut milk, or buttermilk. The buttermilk will give a lighter crumb, and the coconut milk will give a little extra coconut flavor, but regular milk will still result in a very delicious cake, so use what you have or prefer!
    • If your extract is particularly strong, use less. Or, if you don’t like the flavor of coconut extract, you can leave it out altogether!
    • Give the cake pans a few gentle taps on the counter to burst any air bubbles in the batter.
    • It’s best to bring refrigerated ingredients, such as the eggs, milk, and butter, to room temperature before using them to prevent overmixing the batter. Overmixing the batter will lead to a tough coconut cake.
    • Make sure you measure the flour correctly. Using a scale is the most accurate method of measuring flour and will prevent you from ending up with dense cake layers. If you don’t have a scale, fluff your flour with a spoon and spoon it into your cups before leveling it off with a knife. This method prevents you from overpacking the measuring cup.
    • If the tops of the layers are domed, use a serrated knife to cut off the top of the domes, so they don’t topple over. For perfectly even layers, you can use cake strips. Cake strips work by keeping the outside edge of the pan cooler to ensure that the entire cake rises at the same rate, preventing a dome from forming in the middle. If you don’t want to purchase cake strips, see my guide on how to DIY cake strips.

    A plate with a slice of coconut cake with a forkful resting in front of the cake.

    Frequently Asked Questions

    How do I store the cake?

    Cover leftover coconut cake tightly and store in the refrigerator for up to 3 days.

    Can I make this ahead of time?

    You can make the entire cake ahead of time or components ahead of time and assemble the cake right before serving. The cake layers can be baked, cooled, and covered tightly with plastic wrap, then left at room temperature overnight, or frozen for up to 3 months. You can make the frosting a week ahead of time and store it in an airtight container for 1 week in the fridge.

    How do I freeze this cake?

    You can freeze the assembled coconut cake or individual slices. Wrap the cake or slices in a couple of layers of plastic before freezing for up to 3 months. Simply bring the cake or slice to room temperature before serving.

    If you love this recipe try these out!

    • A three layer chocolate cake topped with buttercream dollops on a cake stand.

      Chocolate Cake

    • photo of a Funfetti Cake with a pink drizzle and lots of sprinkles

      Funfetti Cake

    • A slice of vanilla cake on a plate in front of the cake on a cake stand.

      Vanilla Cake Recipe

    • A slice of strawberry lemonade cake on a plate in front of the cut cake in the back on a cake stand.

      Strawberry Lemonade Cake

    • A tiramiisu cake on a wooden cake stand with a piece in the foreground.

      Tiramisu Cake

    If you’ve tried this Coconut Cake recipe, then don’t forget to rate the recipe and let me know how you got on in the comments below, I love hearing from you!

    A cake stand with a coconut cake with a slice cut out.
    Print
    5 from 80 votes

    Coconut Cake

    You will fall in love with this moist and fluffy Coconut Cake recipe. It's light, tender, and bursting with coconut flavors.
    Course Dessert
    Cuisine American
    Prep Time 1 hour
    Cook Time 30 minutes
    Total Time 1 hour 30 minutes
    Servings 12 servings
    Calories 927kcal
    Author John Kanell

    Equipment

    • 3 9" cake pan
    • Electric or stand mixer
    • Mixing Bowls

    Ingredients

    For the Cake:

    • 3 cups cake flour (360g)
    • 2 cups granulated sugar (400g)
    • 2 ¼ teaspoons baking powder
    • ½ teaspoon baking soda
    • 1 teaspoon salt
    • 1 cup unsalted butter room temperature and cubed (227g)
    • 4 egg whites lightly beaten
    • 1 cup milk room temperature, (240ml)
    • 2 teaspoons vanilla extract
    • 1 teaspoon coconut extract
    • 1 cup sweetened shredded coconut (100g)

    For the Coconut Cream Cheese Frosting:

    • 1 cup unsalted butter softened (227g)
    • 8 ounces cream cheese room temperature (227g)
    • 1 teaspoon vanilla extract
    • ¼ to ½ teaspoon coconut extract
    • 1/4 teaspoon salt
    • 5 cups confectioners’ sugar (600g)
    • 2 ½ cups sweetened shredded coconut (250g)

    Instructions

    For the Cake:

    • Preheat the oven to 350F. Butter and flour 3 (9-inch) round cake pans or spray with baking spray. Line the bottom of each pan with a circle of parchment paper.
    • In a large mixing bowl or the bowl of a stand mixer with the paddle attachment, sift together the flour, sugar, baking powder, baking soda, and salt. Add the butter. Starting at the lowest speed, mix for 1 minute or until the mixture is crumbly.
    • Add the egg whites, milk, vanilla, and coconut extract. Mix at low speed until the mixture is well combined. Then, increase the speed to medium and beat until fluffy, about 1 minute. Stop and scrape down the bowl at least once during mixing. Fold in the shredded coconut. Divide the batter among the cake pans and smooth out to the sides with a spatula (the batter will be thick).
    • Bake for 30 minutes, rotating the pans after 15 minutes, or until a toothpick inserted into the center comes out with a few moist crumbs. Let the cakes cool in the pan for 20 minutes. Carefully invert and continue cooling on a wire rack. Remove the parchment paper.

    For the Coconut Cream Cheese Frosting:

    • In a large mixing bowl or the bowl of a stand mixer with the whisk attachment, beat the butter until creamy and fluffy, about 3 minutes. Add the cream cheese, vanilla extract, coconut extract, and salt. Beat until well combined and fluffy, about 2 minutes, stopping to scrape down the bowl occasionally.
    • With the mixer on low, add the sugar 1 cup at a time. Once combined, scrape down the bowl, then mix on medium speed until fluffy, about 1 minute.

    For the Assembly:

    • Place one cake layer on a cake stand. Spread about 1 cup of frosting evenly over the top. Top with another cake layer and repeat with more frosting. Top with the remaining cake layer. Spread the remaining frosting all over the outside of the cake. Press the coconut to the frosting all over the top and sides of the cake. Chill for 30 minutes for easy slicing, or keep refrigerated for up to 3 days or until ready to serve.

    Video

    Notes

    • For the milk in this recipe, you actually have a few options. You can use regular milk, canned coconut milk, or buttermilk. The buttermilk will give a lighter crumb, and the coconut milk will give a little extra coconut flavor, but regular milk will still result in a very delicious cake, so use what you have or wish!
    • If your extract is particularly strong, use less. Or, if you don’t like the flavor of coconut extract, you can leave it out altogether!
    • Give the cake pans a few gentle taps on the counter to burst any air bubbles in the batter.
    • It’s best to bring refrigerated ingredients, such as the eggs, milk, and butter, to room temperature before using them to prevent overmixing the batter. Overmixing the batter will lead to a tough cake.
    • Make sure you measure the flour correctly. Using a scale is the most accurate method of measuring flour and will prevent you from ending up with dense cake layers. If you don’t have a scale, fluff your flour with a spoon and spoon it into your cups before leveling it off with a knife. This method prevents you from overpacking the measuring cup.
    • If the tops of the layers are domed, use a serrated knife to cut off the top of the domes, so they don’t topple over. For perfectly even layers, you can use cake strips. Cake strips work by keeping the outside edge of the pan cooler to ensure that the entire cake rises at the same rate, preventing a dome from forming in the middle. If you don’t want to purchase cake strips, see my guide on how to DIY cake strips.

    Nutrition

    Calories: 927kcal | Carbohydrates: 121g | Protein: 8g | Fat: 48g | Saturated Fat: 32g | Polyunsaturated Fat: 2g | Monounsaturated Fat: 10g | Trans Fat: 1g | Cholesterol: 103mg | Sodium: 526mg | Potassium: 205mg | Fiber: 2g | Sugar: 96g | Vitamin A: 1233IU | Vitamin C: 0.2mg | Calcium: 107mg | Iron: 1mg
    *Nutrition Disclaimer
    Have you Tried this Recipe? Tag me Today!Mention @preppykitchen and tag #preppykitchen!
    « Bunny Butt Easter Cake
    Beet Hummus »

    Primary Sidebar

    Welcome to Preppy Kitchen!

    Thanks for stopping by! I’m John Kanell, a husband, dad to twins Lachlan and George, Los Angeles native, and an avid baker and cooker of all things delicious thanks to a life long education from my mother. This blog is where I share all of my kitchen creations!

    Search

    Follow Us On

    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube

    Preppy Kitchen Newsletter

    Sign up to receive recipes, recommendations and tips straight to your inbox!

    Buy My Book

    Preppy Kitchen Cookbook

    As Seen On

    As seen on Elle Décor, People, Food Network and more

    Top recipes This Month

    • A stack of peanut butter cookies on a small wooden board

      Peanut Butter Cookies Recipe

    • An Oatmeal Chocolate Chip cookie next to a glass of milk

      Oatmeal Chocolate Chip Cookies

    • Lemon bars dusted with powdered sugar on a green and white plate.

      Lemon Bars

    • A group of pink macarons on a serving tray next to flowers

      Macaron Recipe

    • A photo of a vanilla cupcake on a cupcake stand with vanilla buttercream frosting beautifully piped on top.

      Buttercream Frosting

    • A plate with multiple cake pops on it with one with a bite taken out.

      Cake Pops

    • A group of shortbread cookies. some are stacked while others are on crumpled paper.

      Shortbread Cookies Recipe

    • A cake stand with a slice of red velvet cake cut out and placed on a plate in front.

      Red Velvet Cake

    • A slice of vanilla cake on a plate in front of the cake on a cake stand.

      Vanilla Cake Recipe

    • A slice of lemon cake on a plate in front of a cake stand holding the rest of the cake.

      Lemon Cake

    Footer

    As Seen On:

    Elle Décor, People, Country Living, Better Homes & Gardens, Food Network, Woman's Day, forkly, Yummly, the Bump, Buzz Feed, Home and Family and New York magazine.

    The Brand

    • About John
    • Press

    Preppy Kitchen Logo

    Dessert Recipes

    • Cakes
    • Cookies
    • Cupcakes
    • Pies
    • All Desserts

    Main Course Recipes

    • Main Dishes
    • Side Dishes
    • Casseroles
    • InstantPot
    • Soups
    • Salads

    COPYRIGHT © 2015–2023 PREPPY KITCHEN | PRIVACY POLICY

    10906 shares