Back to blog Cakes

Coconut Layer Cake: Tropical, Tender and Coated in Snowy Flakes

Reanna
October 28, 2026
No comments
Coconut Layer Cake

Category: Cakes
Image: coconut-cake.jpg
Meta title: Coconut Layer Cake Recipe – Moist, Fluffy & Coconut-Packed
Meta description: A coconut layer cake with tender coconut milk sponge, creamy coconut frosting and fluffy flakes. Complete recipe with tips, variations, storage and FAQs.
Keywords: coconut cake, coconut layer cake, coconut cream frosting, tropical dessert, moist coconut cake
Prep time: 35 minutes | Bake time: 30 minutes | Assembly: 35 minutes | Serves: 12

Introduction Coconut Layer Cake

Coconut cake is pure comfort with a tropical twist. Tender, fluffy layers infused with coconut milk, a silky coconut cream filling and a snowy coating of shredded coconut make this cake taste like a vacation. It is rich without being heavy, and the flavor of coconut shines through every layer.

Many coconut cakes disappoint because they taste only faintly of coconut. This recipe fixes that by layering coconut in four ways: coconut milk in the batter, coconut extract for aroma, coconut cream in the frosting and shredded flakes on the outside. The result is bold, authentic and unforgettable.

In the sections below you will find a full ingredient guide, step-by-step method, assembly instructions, troubleshooting, variations, storage tips and frequently asked questions.

Why You Will Love This Coconut Layer Cake

  • Layered coconut flavor. Milk, cream, extract and flakes.
  • Soft and moist. Coconut milk makes the crumb extra tender.
  • Light, fluffy frosting. Creamy but not heavy.
  • Beautiful finish. Snowy flakes look elegant and festive.
  • Great for summer. Cool, creamy and refreshing.
  • Naturally dairy-friendly. Easily adapted to dairy-free diets.

Ingredients and Why They Matter

For the Coconut Cake

  • 3 cups (340 g) cake flour.
  • 1 3/4 cups (350 g) granulated sugar.
  • 1 tablespoon baking powder and 1/2 teaspoon salt.
  • 3/4 cup (170 g) unsalted butter, softened.
  • 4 large egg whites, at room temperature. Egg whites keep the crumb pure white and delicate.
  • 1 cup (240 ml) full-fat coconut milk, well shaken and at room temperature.
  • 1/2 cup (120 ml) whole milk.
  • 2 teaspoons vanilla extract and 1 teaspoon coconut extract.
  • 1 cup (80 g) unsweetened shredded coconut, folded into the batter.

For the Coconut Cream Frosting

  • 1 1/2 cups (340 g) unsalted butter, softened.
  • 5 cups (600 g) powdered sugar.
  • 1/3 cup (80 ml) coconut cream from the top of a chilled can.
  • 8 oz (225 g) cream cheese, softened.
  • 1 teaspoon vanilla extract and 1/2 teaspoon coconut extract.
  • Pinch of salt.

For Decorating

  • 2 1/2 cups (200 g) sweetened shredded coconut.
  • Optional toasted coconut chips for texture.

Equipment You Will Need

  • Three 8-inch (20 cm) round pans and parchment
  • Stand or hand mixer
  • Mixing bowls and rubber spatula
  • Offset spatula and bench scraper
  • Baking tray for toasting coconut
  • Wire cooling rack

Step-by-Step Instructions

Step 1: Prepare the Oven and Pans

Preheat the oven to 350°F (175°C). Grease the pans and line them with parchment. Toast a small handful of the coconut chips on a tray for 3 to 5 minutes if you want a toasted garnish.

Step 2: Mix the Dry Ingredients

Whisk the flour, sugar, baking powder and salt in a mixing bowl.

Step 3: Add the Butter

Add the softened butter and mix on low until the mixture looks like wet sand. This reverse-creaming method yields a tender, even crumb.

Coconut Layer Cake

Step 4: Combine Wet Ingredients

Whisk together the coconut milk, whole milk, egg whites and extracts. Pour half into the flour mixture and beat on medium for 90 seconds. Add the remaining liquid and mix until just smooth.

Step 5: Fold in the Coconut

Fold in the shredded coconut with a spatula until evenly distributed.

Step 6: Bake

Divide the batter evenly among the pans. Bake for 28 to 32 minutes, until a toothpick comes out clean and the tops are lightly golden. Cool for 10 minutes in the pans, then turn out and cool completely.

Step 7: Make the Frosting

Beat the butter and cream cheese until fluffy, about 3 minutes. Add the powdered sugar gradually. Add the coconut cream, extracts and salt, then beat on high for 2 minutes until light and silky. Adjust the consistency with a teaspoon of coconut cream if needed.

Step 8: Level and Fill

Trim the domes of the cakes. Spread a generous 1 cup of frosting on the first layer, sprinkle with a handful of shredded coconut and place the next layer on top. Repeat with the final layer.

Step 9: Frost the Cake

Cover the cake with a thin crumb coat and chill for 15 minutes. Add the final coat of frosting, smoothing it with an offset spatula.

Step 10: Coat with Coconut

Hold the cake over a tray and press the shredded coconut onto the sides with your palm. Pile coconut on top. Chill for 30 minutes before serving.

For more delicious recipes, explore our collection of homemade desserts and discover your next sweet favorite!

Try Our Next Recipe!

Looking for another delicious dessert? Try our Strawberry Cream Cake Recipe and enjoy another sweet homemade treat!

Pro Tips for the Best Coconut Cake

  1. Shake the can of coconut milk before opening so it is evenly mixed.
  2. Use real coconut extract for a pronounced flavor.
  3. Use egg whites to keep the cake bright white.
  4. Do not overbake. Coconut cakes dry out quickly.
  5. Toast some coconut for visual contrast.
  6. Chill the cake before slicing for clean cuts.
  7. Soak layers with a little coconut milk and sugar syrup if you like an extra-moist cake.
  8. Use a turntable for an even coating of flakes.

Common Mistakes and How to Fix Them

ProblemLikely causeSolution
Faint coconut tasteNo extractAdd coconut extract
Dry crumbOverbakingCheck 3 minutes early
Heavy cakeOvermixingMix just until combined
Greasy frostingWarm butterChill briefly and rewhip
Flakes will not stickFrosting too dryAdd a thin layer of fresh frosting
Curdled batterCold ingredientsUse room temperature
Sunken middleOpening the oven earlyKeep the door closed

Substitutions and Variations

  • Dairy-free. Use plant butter and coconut cream for the frosting.
  • Gluten-free. Use a 1:1 gluten-free flour blend.
  • Lime coconut cake. Add lime zest to the batter and frosting.
  • Pineapple coconut. Layer with crushed pineapple.
  • Chocolate coconut. Add a chocolate ganache drizzle.
  • Cream of coconut. Brush layers with a little for extra moisture.
  • Cupcakes. Bake for 18 to 22 minutes.
  • Sheet cake. Bake in a 9×13-inch pan for 35 to 40 minutes.
  • Almond coconut. Add 1/2 teaspoon almond extract.

Make-Ahead, Storage and Freezing

Make ahead. Bake the layers up to 2 days ahead and wrap tightly. The frosting can be made a day early and refrigerated, then rewhipped.

Storage. Keep the cake covered in the refrigerator for up to 5 days. Serve at cool room temperature.

Freezing. Unfrosted layers freeze for 3 months. Slices can be frozen individually for 1 month.

Serving Suggestions

  • Serve with iced coffee or tropical fruit juice.
  • Garnish with fresh mango or passion fruit.
  • Add a scoop of vanilla or mango sorbet.
  • Dust with lime zest for brightness.
  • Use a hot, dry knife for clean slices.

Decoration Ideas

  • Coconut flake coating as pictured.
  • Toasted coconut chips on top.
  • Edible flowers for a tropical look.
  • Piped swirls with a large tip.
  • Fresh pineapple or mango on the side.

Nutrition Notes

A slice (1/12 of the cake) contains roughly 640 calories, 40 g fat, 66 g carbohydrates and 5 g protein. Values are approximate. Coconut contributes saturated fat, so enjoy it as an occasional treat.

Frequently Asked Questions

Can I use light coconut milk? Full-fat gives better texture and flavor.

Can I use sweetened coconut in the batter? Unsweetened is better to control the sweetness.

Why use egg whites only? They keep the crumb white and tender.

Can I make it without extract? Yes, but the flavor will be milder.

How do I toast coconut? Spread on a tray and bake at 325°F (160°C) for 5 to 7 minutes, stirring once.

Can I use fresh coconut? Yes, finely grate it and pat it dry.

Why is my frosting too soft? Chill it for 20 minutes and beat again.

Final Thoughts

This coconut layer cake is a love letter to the tropics: tender, creamy and full of real coconut flavor. With simple techniques and a few key ingredients, you can bake a cake that stands out at any gathering. Chill it well, slice it neatly and enjoy a taste of paradise.

Share your results in the comments and discover more of our Cakes collection.


Recipe Card Summary

Prep time35 minutes
Bake time30 minutes
Assembly35 minutes
Total timeAbout 2 hours 30 minutes including cooling
Servings12 slices
DifficultyEasy to intermediate
StorageRefrigerate up to 5 days
Written By

Reanna

Read full bio

Join the Inner Circle

Get exclusive DIY tips, free printables, and weekly inspiration delivered straight to your inbox. No spam, just love.

Your email address Subscribe
Unsubscribe at any time. * Replace this mock form with your preferred form plugin

Leave a Comment