A moist and fluffy coconut cake is a timeless treat that brings tropical charm and Southern hospitality together in every bite. With tender vanilla-scented layers, a creamy coconut filling, and a light whipped frosting (or rich cream cheese frosting if you prefer), this cake is soft, dreamy, and loaded with coconut flavor inside and out.
Whether you’re decorating for a birthday, wedding shower, Easter brunch, or a beach-themed party, this coconut cake delivers on texture, flavor, and visual appeal. This recipe is crafted to stay super moist, without being dense, with just the right amount of coconut in every bite.
Ingredients Overview
Every ingredient plays a part in creating the soft crumb, sweet coconut flavor, and luxurious frosting that define a perfect coconut cake.
Cake Ingredients:
-
Cake Flour: Yields a fine, tender crumb. If using all-purpose flour, remove 2 tablespoons per cup and replace with cornstarch.
-
Baking Powder + Baking Soda: Ensure a light, airy rise.
-
Salt: Balances sweetness.
-
Unsalted Butter: For flavor and moisture.
-
Sugar: White granulated sugar sweetens and helps structure.
-
Egg Whites: Keeps the cake white and fluffy (no yolks).
-
Coconut Milk (full-fat): Adds rich coconut flavor and fat for moistness.
-
Buttermilk: Reacts with leaveners for a soft, tender texture.
-
Vanilla Extract + Coconut Extract: A combo that intensifies both classic vanilla and coconut notes.
-
Shredded Sweetened Coconut: Stirred into the batter for texture and more coconut flavor.
Frosting Options:
-
Cream Cheese Frosting: Tangy, rich, and ideal for a classic Southern-style finish.
-
Whipped Coconut Buttercream: Lighter and perfect for piping or elegant designs.
Garnish:
-
Toasted Coconut Flakes or Sweetened Shredded Coconut: For added texture and cake design appeal.
Step-by-Step Instructions

1. Preheat & Prep
Preheat oven to 350°F (175°C). Grease and line three 8-inch round cake pans with parchment paper.
2. Sift Dry Ingredients
In a medium bowl, whisk together:
-
2¾ cups cake flour
-
1 tbsp baking powder
-
½ tsp baking soda
-
½ tsp salt
Set aside.
3. Cream Butter & Sugar
In a stand mixer, beat:
-
1 cup (2 sticks) unsalted butter, softened
-
2 cups granulated sugar
Cream on medium-high speed for 3–4 minutes, until fluffy and pale.
4. Add Egg Whites
Add 5 large egg whites, one at a time, mixing thoroughly after each addition.
This keeps the cake light in color and fluffy in texture.
5. Combine Wet Ingredients
In a separate bowl, mix:
-
1 cup full-fat coconut milk (well shaken)
-
½ cup buttermilk
-
1 tsp vanilla extract
-
1½ tsp coconut extract
6. Alternate Dry and Wet
With the mixer on low, add the dry ingredients in 3 parts, alternating with the coconut milk mixture in 2 parts. Start and end with dry ingredients.
Mix just until combined — do not overmix.
7. Fold in Coconut
Gently stir in:
-
1 cup sweetened shredded coconut
This adds flavor and a slight chew throughout the layers.
8. Bake
Divide batter evenly among prepared pans. Smooth the tops and tap to remove air bubbles.
Bake for 25–30 minutes, or until a toothpick comes out with moist crumbs.
Cool in pans for 10 minutes, then turn out onto wire racks to cool completely.
Coconut Frosting Options
Option 1: Cream Cheese Coconut Frosting
In a large bowl, beat until smooth:
-
8 oz cream cheese, softened
-
½ cup (1 stick) unsalted butter, softened
Add:
-
4 cups powdered sugar, sifted
-
1 tsp vanilla extract
-
1 tsp coconut extract
-
Pinch of salt
Beat for 3–4 minutes until light and fluffy.
Option 2: Whipped Coconut Buttercream
Beat:
-
1 cup unsalted butter, softened
-
3½ cups powdered sugar, sifted
-
2 tbsp full-fat coconut milk
-
1 tsp vanilla extract
-
1 tsp coconut extract
Beat on high until fluffy. Add more milk as needed for spreadable consistency.
Tips, Variations & Substitutions
Cake Design & Decorating Tips:
-
Use toasted coconut flakes around the sides or top for texture and a golden finish.
-
Layer fresh raspberries or pineapple curd between the cake layers for contrast.
-
Pipe rosettes or a rustic swirl finish with a large offset spatula.
Flavor Variations:
-
Add lime zest or pineapple juice to the batter for a tropical twist.
-
Make a lemon-coconut cake by adding 1 tbsp lemon zest and using lemon curd between layers.
Substitutions:
-
No coconut extract? Use a few tablespoons of additional shredded coconut or a little rum for flavor depth.
-
Dairy-Free: Use coconut oil or vegan butter, and swap buttermilk for plant milk + vinegar.
Serving Ideas & Occasions
This cake is perfect for spring and summer parties, weddings, Easter brunch, or any time you want something that’s light, flavorful, and visually striking.
Pair With:
-
Fresh mango, pineapple, or raspberries
-
Iced coffee, cold brew, or sparkling coconut water
-
A scoop of coconut or vanilla ice cream
Slice cold for neat layers, then let sit at room temperature before serving for best flavor and texture.
Nutritional & Health Notes
Coconut milk and shredded coconut provide healthy fats and natural richness, while using egg whites keeps the cake lighter in taste and appearance.
Approximate Nutrition (1 of 12 slices, with cream cheese frosting):
-
Calories: ~490
-
Fat: ~27g
-
Carbs: ~58g
-
Sugar: ~40g
-
Protein: ~5g
To lighten:
-
Use less frosting or a whipped version
-
Reduce sugar by ¼ cup in the batter
-
Use low-fat coconut milk
FAQs
Q1: Can I make coconut cake ahead of time?
A1: Yes! You can bake the cake layers 1–2 days in advance and store tightly wrapped. Frost the day of serving for best results.
Q2: Can I freeze coconut cake?
A2: Absolutely. Wrap cooled, unfrosted cake layers in plastic wrap and freeze up to 2 months. Thaw overnight in the fridge.
Q3: Why is my cake dry?
A3: Overbaking or overmixing is usually the cause. Check early and mix just until the batter comes together.
Q4: Can I use canned coconut cream instead of coconut milk?
A4: Yes, but thin it slightly with water to match the consistency of regular coconut milk.
Q5: What’s the best frosting for coconut cake?
A5: Cream cheese frosting is a classic, but whipped coconut buttercream or seven-minute frosting are also excellent options.
Q6: Can I make this into cupcakes?
A6: Yes — bake for 18–20 minutes. This recipe makes about 24 cupcakes.
Q7: How do I toast coconut for garnish?
A7: Spread shredded coconut on a baking sheet and bake at 325°F for 5–7 minutes, stirring once, until golden brown.
PrintCoconut Icing Recipe for a Fluffy Coconut Cake
A soft, moist coconut cake with layers of tender crumb, coconut flavor, and dreamy frosting — perfect for celebrations or tropical-themed dessert
- Prep Time: 30 minutes
- Cook Time: 30 minutes
- Total Time: 1 hour
- Yield: 12 slices 1x
Ingredients
For the Cake:
-
2¾ cups cake flour
-
1 tbsp baking powder
-
½ tsp baking soda
-
½ tsp salt
-
1 cup unsalted butter, softened
-
2 cups sugar
-
5 egg whites
-
1 cup full-fat coconut milk
-
½ cup buttermilk
-
1 tsp vanilla extract
-
1½ tsp coconut extract
-
1 cup sweetened shredded coconut
Cream Cheese Coconut Frosting:
-
8 oz cream cheese, softened
-
½ cup unsalted butter, softened
-
4 cups powdered sugar
-
1 tsp vanilla extract
-
1 tsp coconut extract
-
Pinch of salt
Instructions
-
Preheat oven to 350°F. Grease and line three 8-inch cake pans.
-
Sift dry ingredients. Set aside.
-
Cream butter and sugar until fluffy. Add egg whites one at a time.
-
Combine coconut milk, buttermilk, vanilla, and coconut extract.
-
Alternate adding dry ingredients and wet mix to the batter. Mix just until smooth.
-
Fold in shredded coconut.
-
Divide batter into pans and bake 25–30 min. Cool completely.
-
Make frosting: beat cream cheese and butter until smooth. Add sugar, extracts, and salt. Beat until fluffy.
-
Assemble and frost cake. Garnish with shredded or toasted coconut.
Notes
-
For cupcakes: bake 18–20 minutes.
-
For layered look: chill layers before stacking and frosting.
-
Store frosted cake in fridge up to 5 days.
