30-MINUTE MEALS! Get the email series now
MrsRecipe

Soft & Fluffy Coconut Cloud Cake

5 from 1 vote
1 Comments
Clara Jennings
By: Clara JenningsUpdated: Dec 25, 2025
This post may contain affiliate links. Please read our disclosure policy.

A light, pillowy three-layer cake infused with coconut milk, layered with whipped coconut cream, and finished with a silky coconut buttercream — the perfect celebration cake.

Soft & Fluffy Coconut Cloud Cake

This Soft & Fluffy Coconut Cloud Cake has been my-showstopper dessert for summer gatherings and quiet Sunday celebrations for years. I first developed this version on a humid July afternoon when I wanted a cake that felt ethereal — airy layers, coconut-forward flavor, and a creamy filling that wasn’t too heavy. The result is a three-layer creation that combines tender crumb from a balanced cake batter with a whipped coconut cream filling and a silky coconut buttercream that sets beautifully for decorating. Every bite is moist and softly sweet, with the coconut milk giving a gentle richness and the shredded coconut adding a subtle chew that keeps the texture interesting.

I remember assembling this cake for a neighbor’s birthday and watching the guests' faces when it was sliced: surprised by how delicate the crumb was and how the flavors were clean and refreshing rather than cloying. The cake layers are sturdy enough to stack without sliding, yet soft enough that a fork glides through them. If you’re looking for something that reads elegant but feels approachable to make at home, this is the one to try. It’s ideal for birthdays, bridal showers, or any time you want a dessert that feels like a light celebration.

Why You'll Love This Recipe

  • Light, airy layers: uses whipped egg whites and buttermilk + coconut milk to deliver a tender crumb that stays moist for days when stored properly.
  • Balanced sweetness: powdered sugar in the filling and frosting keeps the coconut flavor front-and-center without overpowering the palate.
  • Simple technique: no specialty equipment required — a stand or hand mixer and three 8-inch pans produce bakery-quality results at home.
  • Make-ahead friendly: layers can be baked and frozen, filling whipped and stored, making assembly the day of a breeze — ready in about an hour of active time.
  • Pantry-friendly staples: uses canned full-fat coconut milk, shredded coconut, and common baking ingredients most home bakers already have on hand.
  • Crowd-pleaser: light enough for summer but comforting enough for cooler months, perfect for family gatherings and potlucks.

Personally, the most memorable moment with this cake was watching my kids sneak an extra slice before guests arrived — they couldn’t resist the whipped coconut filling. The combination of textures and that whisper of coconut extract always reminds me of seaside summers and simple celebrations, making it a repeat request in our home.

Ingredients

  • Cake flour (2 ½ cups): Use sifted cake flour for the softest crumb; brands like King Arthur or White Lily give a fine texture. Sifting removes lumps and aerates the flour, which helps the layers stay light.
  • Baking powder & baking soda: 2 ½ teaspoons baking powder and ½ teaspoon baking soda help the layers rise uniformly and keep the crumb tender. Use fresh leavening for best lift.
  • Unsalted butter (¾ cup + 1 cup for frosting): Softened at room temperature; European-style butter (82% fat) will add richness, but standard unsalted works well too.
  • Granulated sugar (1 ¾ cups): Provides structure and tenderness; for a more delicate flavor profile you can use fine granulated sugar.
  • Egg whites (4 large): Whipped into the batter to contribute loft without heaviness. Separate while eggs are cold for easier separation, then bring whites to room temperature before whipping.
  • Coconut milk (1 cup canned, full-fat): Gives authentic coconut flavor and adds moisture; shake the can before measuring to combine the cream and liquid.
  • Buttermilk (½ cup): Tenderizes the crumb and reacts with baking soda for a light rise; if you don’t have buttermilk, sour milk (1 tablespoon lemon juice or vinegar + milk) works in a pinch.
  • Vanilla & coconut extracts (1 tsp each): Use pure vanilla and a good-quality coconut extract (McCormick or Nielsen-Massey style) for an authentic, clean flavor.
  • Heavy whipping cream, powdered sugar & shredded coconut (filling): Cold heavy cream whips light and stabilizes when chilled; sweetened shredded coconut folded in gives chew and texture.
  • Powdered sugar for frosting (3 ½ cups): Sift if lumpy; adds sweetness and structure to the buttercream, with 2–3 tablespoons coconut milk used to adjust consistency.
  • Garnish (½ cup shredded coconut): Toast lightly for a nutty finish or use as-is to press onto the sides and base for a classic look.

Instructions

Prepare the cake pans and oven: Preheat the oven to 350°F (175°C). Grease and flour three 8-inch round pans, then line each bottom with parchment. This ensures even browning and a clean release. Position racks in the center third of the oven for even heat circulation. Mix dry ingredients: In a medium bowl, whisk together the sifted cake flour, 2 ½ teaspoons baking powder, ½ teaspoon baking soda, and ½ teaspoon salt. Whisking combines and aerates the dry mix so you don’t overwork the batter later. Cream butter and sugar: In a large bowl with a paddle attachment or using a hand mixer, beat ¾ cup softened unsalted butter with 1 ¾ cups granulated sugar on medium speed for 3–4 minutes until pale and fluffy. This step traps air that expands during baking and contributes to the cake’s tender, light texture. Add egg whites and extracts: Add the 4 egg whites one at a time, mixing well after each addition. Beat in 1 teaspoon vanilla and 1 teaspoon coconut extract. The egg whites provide structure while keeping the overall batter light. Alternate wet and dry: Add the dry mix in three additions, alternating with the coconut milk (1 cup) and buttermilk (½ cup), beginning and ending with the dry ingredients. Mix on low speed just until incorporated — a few small streaks are fine; overmixing develops gluten and will toughen the crumb. Divide and bake: Divide the batter evenly among the three prepared pans (use a kitchen scale for precision or spoon and level). Smooth the tops and bake 23–26 minutes, rotating pans halfway if your oven hotspots. The cakes are done when a toothpick comes out clean and the tops spring back when lightly pressed. Cool layers: Let the layers cool in the pans for 10 minutes, then run a thin knife around the edges and invert onto a wire rack to cool completely. Cooling fully prevents the filling and frosting from melting. Make the coconut cream filling: Chill a mixing bowl and beaters. Whip 1 cup cold heavy whipping cream with ¼ cup powdered sugar and ½ teaspoon vanilla until soft peaks form. Gently fold in ½ cup sweetened shredded coconut. Refrigerate the filling until assembling to help it hold shape between layers. Prepare the coconut buttercream: Beat 1 cup softened unsalted butter in a large bowl until smooth. Gradually add 3 ½ cups powdered sugar, starting on low and increasing to medium until fluffy. Add 1 teaspoon coconut extract and a pinch of salt. Add 2–3 tablespoons canned coconut milk, one tablespoon at a time, until you reach a spreadable consistency. Assemble the layers: Place one cooled layer on a cake stand. Spread half the coconut cream filling evenly. Top with the second layer and spread the remaining filling to the edges. Add the final layer, then apply a thin crumb coat of frosting to seal in crumbs. Chill the crumb-coated cake for 20 minutes before final frosting. Finish and decorate: Frost the chilled cake with the remaining buttercream, smoothing with an offset spatula. Press ½ cup shredded coconut onto the sides and base, or toast the coconut lightly in a dry skillet until golden for a nuttier flavor. Refrigerate for 30 minutes to set, then bring to room temperature 20 minutes before serving to soften the buttercream. Coconut Cloud Cake layers cooling on wire rack

You Must Know

  • This cake freezes well: wrap cooled baked layers tightly and freeze up to 2 months; thaw in the refrigerator overnight before assembling.
  • High in calories and fat due to butter and cream: a celebratory dessert best enjoyed in moderation.
  • Store in the refrigerator for up to 4 days; bring slices to room temperature before serving for best texture.
  • Shredded coconut retains texture in the filling; substitute unsweetened coconut if you want to reduce sugar slightly but expect a drier texture.
  • Perfect for making ahead: bake layers a day prior and prepare filling and frosting the morning of serving for stress-free finishing.

My favorite part of this cake is the contrast between the airy layers and the slightly chewy shredded coconut in the filling — it creates interest in every bite. Friends often tell me it tastes like a lighter, fresher twist on classic coconut layer cakes: elegant without being fussy, and reliably crowd-pleasing at family gatherings and neighborhood parties.

Finished Coconut Cloud Cake with shredded coconut garnish

Storage Tips

Store the cake in the refrigerator, covered, for up to 4 days. Use an airtight cake carrier or tent a cake dome loosely with plastic to avoid flattening the frosting. For longer storage, freeze individual slices wrapped tightly in plastic wrap then foil; they keep well for up to 2 months. Thaw in the refrigerator overnight, then bring to room temperature before serving. If storing unfrosted layers, wrap them well in plastic film and place in a freezer bag — this prevents freezer burn and preserves moisture.

Ingredient Substitutions

If you prefer a lighter dairy load, substitute part of the butter in the frosting with a neutral vegetable shortening (up to half) to help stabilize in warm climates, though this will slightly change flavor. For a less sweet filling, reduce powdered sugar in the whipped cream by 1–2 tablespoons. Use unsweetened shredded coconut to lower sugar but expect a drier texture — soak it in 1–2 tablespoons of coconut milk before folding into the filling to restore moisture. Gluten-free flour blends can replace cake flour 1:1 if they’re specifically formulated for cakes; expect a slightly different crumb.

Serving Suggestions

Serve slices with fresh berries or a passion fruit drizzle to cut the sweetness and add bright acidity. A scoop of coconut-lime sorbet pairs beautifully in summer, while a cup of roasted coffee or black tea complements this cake for afternoon tea. Garnish with toasted coconut, edible flowers, or thin lime zest to add color and contrast. For a party, slice into moderate portions — the cake is rich despite its light crumb.

Cultural Background

Coconut cakes are popular in the American South and in tropical cuisines, where coconut is a staple. This variation draws on classic Southern layer cakes but leans into the tropical influence of coconut milk and shredded coconut. Historically, coconut became widely used in Western baking in the 19th and 20th centuries as preserved forms like desiccated and shredded coconut became commercially available. The cake’s balance of airy texture and tropical flavor reflects both coastal traditions and modern baking techniques.

Seasonal Adaptations

In summer, brighten the filling with mashed mango or a thin layer of passion fruit curd under the whipped coconut for a lively tropical vibe. During cooler months, fold in finely chopped macadamia nuts or toasted pecans for warmth and crunch. For a holiday twist, add a tablespoon of rum to the frosting and replace some shredded coconut with candied ginger for a festive note.

Meal Prep Tips

Bake layers up to 2 days ahead and keep them wrapped at room temperature or refrigerated. Whip the filling and store in an airtight container for up to 24 hours. Prepare the buttercream the day before and let it chill; re-whip briefly before using to restore volume. Assemble a few hours before service and chill to allow layers to settle and flavors to meld. Use clear labels on wrapped layers to track dates if prepping multiple elements ahead.

Whether you’re celebrating or simply treating yourself, this coconut cloud cake is an approachable showstopper. It invites experimentation — try toasted coconut, fresh fruit, or a whisper of citrus — and it’s versatile enough to be at home at backyard gatherings or elegant tea parties. Enjoy the process, and don’t be afraid to make it your own.

Pro Tips

  • Separate egg whites while eggs are cold, then bring to room temperature before whipping for better volume.

  • Chill the mixing bowl and beaters when whipping cream to achieve firmer peaks and a more stable filling.

  • Use a kitchen scale to divide batter evenly between pans for uniform layer height.

  • If coconut milk is very thick, stir or shake the can before measuring to ensure consistent moisture.

  • Crumb-coat and chill the cake before the final frosting pass to prevent crumbs from showing on the finished exterior.

This nourishing soft & fluffy coconut cloud cake recipe is sure to be a staple in your kitchen. Enjoy every moist, high protein slice — it is perfect for breakfast or as a wholesome snack any time.

FAQs about Recipes

Can I make the cake layers ahead of time?

Yes — baked layers freeze well for up to 2 months if wrapped tightly. Thaw in the refrigerator overnight before assembling.

How do I toast shredded coconut?

To toast shredded coconut, use a dry skillet over medium heat and stir constantly until golden brown, about 3–5 minutes.

Tags

Desserts & BakingCakesDessertsCoconutThree-layer CakeSummer RecipesBaking
No ratings yet

Soft & Fluffy Coconut Cloud Cake

This Soft & Fluffy Coconut Cloud Cake recipe makes perfectly juicy, tender, and flavorful steak every time! Serve with potatoes and a side salad for an unforgettable dinner in under 30 minutes.

Servings: 12 steaks
Soft & Fluffy Coconut Cloud Cake
Prep:25 minutes
Cook:26 minutes
Rest Time:10 mins
Total:51 minutes

Ingredients

Cake layers

Coconut cream filling

Coconut frosting

Garnish

Instructions

1

Prepare pans and oven

Preheat oven to 350°F (175°C); grease and flour three 8-inch pans and line bottoms with parchment for even release.

2

Combine dry ingredients

Whisk sifted cake flour with baking powder, baking soda, and salt in a medium bowl to aerate and evenly distribute leaveners.

3

Cream butter and sugar

Beat softened butter with granulated sugar on medium speed for 3–4 minutes until light and pale; this traps air for lift.

4

Incorporate egg whites and extracts

Add egg whites one at a time, beating after each addition, then mix in vanilla and coconut extracts until combined.

5

Alternate dry and wet ingredients

Add dry mix in three parts, alternating with coconut milk and buttermilk, starting and ending with dry; mix on low until just combined.

6

Bake the layers

Divide batter evenly into prepared pans and bake 23–26 minutes, or until a toothpick comes out clean and tops spring back.

7

Cool layers

Let cakes cool in pans 10 minutes, then invert onto a rack to cool completely before assembling to prevent melting the filling.

8

Whip coconut cream filling

Chill bowl and beaters; whip heavy cream with powdered sugar and vanilla to soft peaks, then fold in shredded coconut and refrigerate.

9

Make the frosting

Beat butter until smooth, gradually add powdered sugar, then coconut extract and salt; add coconut milk 1 tablespoon at a time to reach spreadable texture.

10

Assemble and crumb coat

Layer cakes with filling between first and second layers, apply a thin crumb coat, chill 20 minutes to set before final frosting.

11

Finish and garnish

Frost the chilled cake, press shredded or toasted coconut onto sides and base if desired, chill briefly to set, then serve at room temperature.

Last Step: Please leave a rating and comment letting us know how you liked this recipe! This helps our business to thrive and continue providing free, high-quality recipes for you.

Nutrition

Calories: 580kcal | Carbohydrates: 82g | Protein:
5g | Fat: 29g | Saturated Fat: 9g |
Polyunsaturated Fat: 6g | Monounsaturated Fat:
12g | Trans Fat: 1g | Cholesterol: 253mg | Sodium:
0mg | Potassium: 953mg | Fiber: 0g | Sugar:
0g | Vitamin A: 577IU | Vitamin C: 3mg | Calcium:
47mg | Iron: 6mg

Did You Make This?

Leave a comment & rating below or tag
@mrsrecipe on social media!

Soft & Fluffy Coconut Cloud Cake

Categories:

Soft & Fluffy Coconut Cloud Cake

Did You Make This?

Leave a comment & rating below or tag @mrsrecipe on social media!

Rate This Recipe

Share This Recipe

Enjoyed this recipe? Share it with friends and family, and don't forget to leave a review!

Comments (1)

Leave a Comment

0/1000 characters
Food Lover
1 day ago

This recipe looks amazing! Can't wait to try it.

Rating:

Comments are stored locally in your browser. Server comments are displayed alongside your local comments.

Family Photo

Hi, I'm Clara!

Chef and recipe creator specializing in delicious Desserts & Baking cooking. Passionate about sharing easy-to-follow recipes that bring families together around the dinner table.

Get My 30-Minute Meals email series!

Quick and easy dinner ideas delivered to your inbox.