A dreamy, fluffy slice of heaven—the Coconut Cloud Cake is exactly what it sounds like. Light as air, with a melt-in-your-mouth sponge and a billowy topping of whipped cream and toasted coconut, this dessert feels like biting into a tropical cloud. Whether you’re celebrating something special or just need a little sweet sunshine in your day, this cake delivers.
What makes this cake truly special is its texture: soft, tender crumb with a moist center, balanced by the sweet crunch of toasted coconut on top. It’s the kind of treat that impresses without feeling heavy or overly rich, and it’s surprisingly easy to whip up with pantry staples.
What Kind of Cake Base Works Best for Coconut Cloud Cake?
For the perfect Coconut Cloud Cake, a light yellow or white cake base works best. You want a base that’s airy and fluffy but still sturdy enough to hold a luscious whipped topping. You can use a boxed mix as a shortcut or bake it from scratch for extra freshness. Either way, be sure not to overmix the batter—this is key to keeping the cake cloud-soft.

Ingredients for the Coconut Cloud Cake
Yellow Cake Mix or Homemade Yellow Cake Base
Provides the soft and fluffy foundation of the cake. You can opt for a mix or make it from scratch depending on your preference.
Coconut Cream or Cream of Coconut
Adds rich coconut flavor and moisture. It’s poured into the baked cake to soak through every bite.
Sweetened Condensed Milk
Combines with the coconut cream to create a sweet and moist texture.
Whipped Topping (like Cool Whip or homemade whipped cream)
This is the “cloud” element! It gives the cake its dreamy, fluffy top.
Toasted Shredded Coconut
Sprinkled generously on top for texture and a burst of real coconut flavor.
Vanilla Extract (optional)
For a warm, aromatic undertone that pairs beautifully with coconut.
How To Make the Coconut Cloud Cake
Step 1: Bake the Cake Base
Prepare your yellow or white cake according to the package instructions or your favorite homemade recipe. Bake it in a 9×13-inch pan until golden and a toothpick comes out clean. Let the cake cool for about 10 minutes.
Step 2: Poke and Soak
Using the handle of a wooden spoon, poke holes all over the cake. In a bowl, mix together coconut cream and sweetened condensed milk. Slowly pour the mixture evenly over the warm cake, allowing it to soak into the holes. Let the cake cool completely.
Step 3: Chill the Cake
Once the cake has cooled, cover it and refrigerate for at least 2 hours, or overnight for the best flavor and texture.
Step 4: Top with Whipped Topping
Spread a generous layer of whipped topping (store-bought or homemade) over the chilled cake, smoothing it out to the edges.
Step 5: Add the Finishing Touch
Sprinkle the top with toasted shredded coconut. To toast your coconut, bake it at 350°F for 5-7 minutes, stirring halfway through, until golden brown.
How to Serve and Store Coconut Cloud Cake
This cake is best served cold, straight from the refrigerator. The chilled layers make each bite cool and creamy, perfect for warm days or as a refreshing finish to any meal. Garnish with extra toasted coconut or even a few fresh pineapple chunks for a tropical twist.
To store, cover the cake tightly and refrigerate. It keeps well for up to 4 days. If you’re planning ahead, the cake base can be baked and soaked a day before topping it with whipped cream and coconut.
Frequently Asked Questions
Can I use a white cake mix instead of yellow?
Yes! A white cake mix works just as well and gives the cake a lighter color and a slightly more neutral flavor that lets the coconut shine.
Is there a substitute for cream of coconut?
You can use full-fat coconut milk, but the texture may be slightly thinner. Cream of coconut (like Coco López) adds sweetness and richness that really enhances the cake.
How do I keep the whipped topping from getting watery?
If using store-bought whipped topping, keep the cake well chilled. For homemade whipped cream, stabilize it with a bit of powdered sugar or cornstarch to help it hold.
Can I make this cake ahead of time?
Absolutely. In fact, the flavors improve overnight. Just wait to add the whipped topping and coconut until a few hours before serving.
Is this cake freezer-friendly?
You can freeze the soaked cake base (without the topping) for up to 2 months. Thaw in the fridge overnight, then top before serving.
Want More Cake Ideas with a Tropical Twist?
If this Coconut Cloud Cake stole your heart, you might also love these sweet creations:
- Pineapple Upside Down Cake Fudge: a chewy, candy-style take on a classic island dessert.
- Strawberry Cheesecake Banana Pudding: fruity layers and creamy filling in every bite.
- Strawberry Crunch Cheesecake Salad: perfect for potlucks and BBQs.
- No-Bake Easy Cherry Chocolate Chip Pie: a chill-and-serve favorite with bursts of chocolate and cherry.
- Strawberry Cheesecake Cupcakes: perfect for serving up individual sweets.
Save This Pin + Share Your Results
📌 Save this recipe to your Pinterest dessert board so you can come back to it any time.
And let me know in the comments how yours turned out! Did you use real whipped cream or go for the classic Cool Whip? Maybe you sprinkled a little white chocolate on top?
I love seeing your delicious spins on my recipes. Questions and tips are always welcome—let’s bake smarter together!
👉 For more dreamy desserts, follow me on Pinterest @LifeWithNinaRecipes.

Coconut Cloud Cake
- Prep Time: 15 minutes
- Cook Time: 30 minutes
- Total Time: 2 hours 45 minutes
- Yield: 12 servings 1x
- Category: Dessert
- Method: Baked, refrigerated
- Cuisine: American
- Diet: Vegetarian
Description
This Coconut Cloud Cake is a tropical dream—light, fluffy yellow cake soaked in creamy coconut milk and sweetened condensed milk, then topped with a thick layer of whipped cream and toasted shredded coconut. It’s chilled to perfection and served cold for the ultimate refreshing dessert. Ideal for warm weather, potlucks, or any day that needs a taste of sunshine.
Ingredients
1 box yellow cake mix (or homemade equivalent)
1 can (15 oz) coconut cream or cream of coconut
1 can (14 oz) sweetened condensed milk
1 container (8 oz) whipped topping or 3 cups homemade whipped cream
1 cup toasted shredded coconut
1 teaspoon vanilla extract (optional)
Instructions
1. Prepare the cake batter according to package directions or your favorite homemade recipe. Bake in a 9×13-inch pan until golden and a toothpick inserted comes out clean. Let cool for 10 minutes.
2. Using the handle of a wooden spoon, poke holes all over the surface of the cake.
3. In a bowl, stir together coconut cream and sweetened condensed milk until well combined. Pour evenly over the warm cake, letting the mixture soak into the holes.
4. Allow the cake to cool completely, then cover and refrigerate for at least 2 hours or overnight.
5. Once chilled, spread the whipped topping evenly over the surface of the cake.
6. Toast shredded coconut at 350°F for 5–7 minutes, stirring halfway through. Let cool, then sprinkle over the cake.
7. Serve cold, and enjoy every creamy, coconutty bite!
Notes
Chill the cake overnight for best flavor—every layer gets time to soak and set beautifully.
For an extra coconut punch, add ½ teaspoon coconut extract to the soaking mixture.
Homemade whipped cream? Stabilize it with a tablespoon of powdered sugar to keep it firm and fluffy.
Nutrition
- Serving Size: 1 slice
- Calories: 360
- Sugar: 29g
- Sodium: 240mg
- Fat: 16g
- Saturated Fat: 13g
- Unsaturated Fat: 2g
- Trans Fat: 0g
- Carbohydrates: 48g
- Fiber: 1g
- Protein: 4g
- Cholesterol: 35mg
Keywords: coconut cake, poke cake, tropical dessert


