No Bake Coconut Cloud Cake Recipe with Shredded Coconut
This post may contain affiliate links. As an affiliate, we may earn a small commission from qualifying purchases — at no extra cost to you.
One hot summer day, I found myself craving something light and refreshing, and that’s when I stumbled upon the idea for this Coconut Cloud Cake. With no need for baking, this dreamy dessert quickly became my go-to for gatherings, as it’s a crowd-pleaser packed with shredded coconut that brings a tropical vibe right to your table.
What sets this Coconut Cloud Cake apart from the countless recipes out there is its smooth texture and the perfect balance of sweetness and coconut flavor. It’s airy, yet satisfying, making it the ultimate treat for warm weather or any occasion when you want something special without the fuss of baking.
Why You'll Love It
Ingredient Notes
What You'll Need
- 1 cup all-purpose floursifted for a lighter texture, which is key for the airy feel of the Coconut Cloud Cake.
- 1 cup granulated sugarprovides sweetness and helps the cake rise beautifully.
- 1 tbsp baking powderthis leavening agent gives the cake its fluffy texture, so don’t skip it.
- 1/2 tsp saltbalances the sweetness and enhances the overall flavor.
- 1/2 cup unsweetened shredded coconutadds a tropical flavor; make sure it’s unsweetened to control the sweetness level.
- 1/2 cup coconut milkcanned coconut milk gives richness and moisture; choose full-fat for best results.
- 1/2 cup whole milkhelps to create a tender crumb; you can use low-fat if necessary, but the texture may be different.
- 1/2 cup vegetable oiladds moisture to the cake, making it soft and delicious.
- 2 large eggsroom temperature eggs help to incorporate air for a fluffier cake.
- 1 tsp vanilla extractadds a lovely aroma and flavor that complements the coconut.
- 1/2 cup whipped creamfor topping, it adds a light and airy finish; store-bought or homemade works fine.
- 1 tbsp toasted coconut flakesfor garnish, these give a crunchy texture and boost coconut flavor.
When shopping for ingredients for this Coconut Cloud Cake, opt for high-quality coconut milk, as it significantly influences the cake's richness. I often use Thai Kitchen or Aroy-D brands. Sifting the flour not only helps achieve a light texture but also ensures no lumps, which is essential for a fluffy outcome.
Easy Substitutions
- Dairy-free: swap whole milk with almond milk — you’ll get a lighter flavor and a slightly different texture, but it works well overall.
- Gluten-free: swap all-purpose flour for a gluten-free blend — the cake may be denser, so look for a blend that contains xanthan gum to help with structure.
- Lower calorie: swap granulated sugar for a sugar substitute like Stevia — you’ll lose some of the classic sweetness and moisture, but you’ll save on calories.
How to Make This Recipe
Prep & Mix
Preheat your oven to 350°F (175°C) and grease an 8-inch round cake pan. This ensures your cake slides out easily after baking, giving you that perfect, clean edge.
In a large bowl, whisk together the flour, sugar, baking powder, and salt until well combined. This step is crucial for even distribution of the leavening agent, which helps the cake rise beautifully.
Add the shredded coconut, coconut milk, whole milk, vegetable oil, eggs, and vanilla extract to the dry ingredients. Mix until just combined; avoid overmixing to keep the cake tender and moist. It should look like thick pancake batter.
Pour the batter into the prepared cake pan, spreading it evenly. This helps ensure uniform baking, so every slice is just as fluffy as the last.
Bake
Bake in the preheated oven for 25-30 minutes, or until a toothpick inserted into the center comes out clean. The tops should be lightly golden, which means they’re ready for cooling.
Remove the cake from the oven and let it cool in the pan for 10 minutes. This resting time helps the cake firm up, making it easier to turn out without breaking.
Turn the cake out onto a wire rack to cool completely. This step is essential for preventing a soggy bottom; you want all sides to breathe and cool evenly.
Cool & Serve
Once cooled, top the cake with whipped cream and garnish with toasted coconut flakes. The light, airy whipped cream pairs perfectly with the moist cake, creating a pleasureful texture.
Slice and serve the Coconut Cloud Cake at room temperature. Each bite should feel like you’re floating on a delicious cloud of coconut goodness.
Pro Tips
Nothing beats the freshness of a real coconut! When I use fresh coconut, the cake has a more intense flavor and moist texture. Just be sure to finely grate it for even distribution throughout the batter.
For a cloud-like texture, try whipping your egg whites before folding them into the batter. This adds airiness and lifts the cake, making it incredibly light. Just be gentle when combining them to maintain that fluffy texture.
If you’re incorporating coconut flour, sift it before adding to the mix. This prevents clumping and ensures a smooth batter. I learned this the hard way the first time—clumps can ruin the texture of your Coconut Cloud Cake!
Let the cake cool completely and then chill it in the fridge for about an hour. This will firm it up, making frosting much easier and preventing sliding. Trust me, a chilled cake holds its shape beautifully!
Variations & Customizations
Flavor Twists
Mango Coconut Cloud Cake
Swap the coconut milk for ½ cup of pureed fresh mango, and add 1 tsp of mango extract. The result is a tropical delight with a vibrant orange hue, delivering a smooth, fruity aroma and a moist cake that melts in your mouth, full of juicy mango flavor.
Chocolate Coconut Cloud Cake
Fold in ½ cup of mini dark chocolate chips after mixing the batter. The chocolate adds a rich, velvety contrast to the cake, creating delightful pockets of melted chocolate that balance the sweetness of the coconut beautifully. You’ll end up with a decadent treat that’s perfect for chocolate lovers.
Seasonal Versions
Pumpkin Spice Coconut Cloud Cake
Incorporate ½ cup of pumpkin puree and 1 tsp of pumpkin pie spice into the batter. This variation transforms the cake into a warm, spiced confection, with a lovely orange color and a soft, moist texture that’s perfect for fall gatherings. The pumpkin adds a subtle earthiness that complements the coconut perfectly.
Storage & Meal Prep
How to Store
Room Temperature
Your Coconut Cloud Cake can be stored at room temperature for up to two days. Just place it in an airtight container to keep it fresh. Avoid stacking layers while still warm; they'll get soggy on the bottom!
Refrigerator
If you want to keep it longer, pop it in the fridge for up to five days. Make sure it cools completely first, then wrap it tightly in plastic wrap or store it in a sealed container to prevent it from drying out.
Freezer
You can freeze your cake for up to three months. For the best results, flash freeze slices on a sheet pan before wrapping them individually in plastic wrap and aluminum foil. When you're ready to enjoy, let them thaw in the fridge overnight.
Meal Prep
I recommend doubling the recipe if you're entertaining or just want leftovers. Preparing it the night before works perfectly, allowing the flavors to meld. Store slices in an airtight container, and they'll stay fresh for about five days in the fridge. For reheating, pop a slice in the microwave for about 15-20 seconds to bring back that lovely cloud-like texture.
Equipment You'll Need
Essential
8-inch round cake pan: A sturdy, non-stick cake pan is crucial for even baking. If you use a glass pan, your cake might bake too quickly on the outside while remaining raw in the center. I prefer a metal pan for better heat conduction, which helps achieve that perfect golden crust.
Wire rack: Cooling your cake on a wire rack allows air to circulate around it, preventing sogginess. If you leave it in the pan too long, the steam gets trapped, making the bottom a bit mushy. Trust me, a good wire rack is worth it!
Nice to Have
Stand mixer: While you can mix by hand, a stand mixer saves time and effort. It ensures everything is blended uniformly, giving you that light, fluffy texture. But if you enjoy the process, a hand whisk will do just fine—just keep an eye on the mixing to avoid overdoing it.
Frequently Asked Questions
Can I use shredded coconut instead of coconut milk?
You can use shredded coconut, but it won’t provide the same moisture and richness as coconut milk. If you do substitute, consider adding a bit of coconut extract to enhance the flavor.
Why did my Coconut Cloud Cake come out flat?
A flat cake often results from overmixing or not incorporating enough air during the mixing process. Make sure to mix just until combined and check that your baking powder is fresh for the best rise.
How can I make this cake gluten-free?
To make a gluten-free Coconut Cloud Cake, substitute all-purpose flour with a gluten-free 1:1 baking flour. This keeps the texture similar while accommodating dietary needs.
What can I serve with Coconut Cloud Cake?
This cake pairs beautifully with fresh fruit, like mango or berries, and a dollop of whipped cream. A coconut glaze can also add an extra layer of flavor if you want to impress!
Can I make this cake ahead of time?
Absolutely! You can bake the cake a day in advance and store it wrapped in plastic wrap at room temperature. Just frost it on the day you plan to serve for the freshest taste.
This Coconut Cloud Cake has a light and airy texture that makes it feel like a slice of paradise on your plate. For an extra tropical twist, consider adding a drizzle of coconut cream on top just before serving.
I'd love to see how your cake turns out, so make sure to leave a comment or share your creation on Pinterest!
Coconut Cloud Cake
by fantasticrecipe
Indulge in this light and fluffy no-bake Coconut Cloud Cake that's perfect for any occasion!
Save this recipe!
Enter your email and we'll send it straight to your inbox.
Ingredients
Makes 8 servings
Ingredients
- 1 cup all-purpose flour
- 1 cup granulated sugar
- 1 tbsp baking powder
- 1/2 tsp salt
- 1/2 cup unsweetened shredded coconut
- 1/2 cup coconut milk
- 1/2 cup whole milk
- 1/2 cup vegetable oil
- 2 large eggs
- 1 tsp vanilla extract
- 1/2 cup whipped cream
- 1 tbsp toasted coconut flakes
Instructions
Method
- 1
Preheat oven to 350°F and grease an 8-inch round cake pan.
- 2
In a large bowl, whisk together the flour, sugar, baking powder, and salt.
- 3
Add the shredded coconut, coconut milk, whole milk, vegetable oil, eggs, and vanilla extract to the dry ingredients.
- 4
Mix until just combined, being careful not to overmix.
- 5
Pour the batter into the prepared cake pan and spread evenly.
- 6
Bake in the preheated oven for 25-30 minutes, or until a toothpick inserted into the center comes out clean.
- 7
Remove from oven and let the cake cool in the pan for 10 minutes.
- 8
Turn the cake out onto a wire rack to cool completely.
- 9
Once cooled, top the cake with whipped cream and garnish with toasted coconut flakes.
- 10
Slice and serve the Coconut Cloud Cake at room temperature.
Nutrition (per serving)
If you enjoyed this recipe, please consider leaving a ⭐ star rating and let me know how it went in the comments below.
Ratings & Reviews
Be the first to review this recipe!



