Apple And Coconut Cake Recipe: Tropical Layers With Buttery Streusel Hugs

This apple and coconut cake recipe delivers the perfect balance of tropical flavors and comforting textures—juicy apple layers, tender cake, and a buttery streusel hug that ties it all together. The secret lies in caramelizing the apples before baking, which infuses the cake with natural sweetness and moisture.

I developed this recipe after years of baking apple desserts, and the coconut adds a subtle richness that elevates it beyond your typical spice cake.

The cake itself is simple yet impressive, with a tender crumb that holds up beautifully to the caramelized apples and toasted coconut. What makes this recipe stand out is the streusel topping—it’s not too sweet, not too crumbly, but just right for creating those irresistible buttery pockets.

The combination of warm cinnamon, cool coconut, and fresh apples makes every bite feel like a little vacation in your mouth.

Baking this cake requires just a few key steps: prepping the apples, mixing the batter, layering everything carefully, and finishing with a golden-brown streusel. The result is a cake that’s rich enough to feel indulgent but light enough to enjoy as a dessert or even breakfast.

The coconut adds a tropical twist, while the apples keep it familiar and comforting.

For extra flair, top with toasted coconut flakes or a drizzle of caramel before serving—it’s the perfect finishing touch. This recipe is foolproof, with clear instructions and tips to ensure success every time.

Whether you’re baking for a special occasion or just craving something homemade, this apple and coconut cake will deliver.

Ingredients for apple and coconut cake

Tropical flavors meet classic comfort with these 13 simple yet transformative ingredients.

The apples are the heart of this cake, so pick Honeycrisp or Fuji—they stay juicy without turning mushy. Pre-shredded bags work, but freshly peeled and grated gives you that perfect texture. I always buy my apples from Whole Foods or the local farmers market in season. The coconut? Unsweetened shredded is key—sweetened versions throw off the balance. Toast your flakes in a dry pan for 3-5 minutes until golden; that nutty aroma takes it to the next level. For the butter, European-style brands like Plugrá melt beautifully without overpowering.

No vanilla extract? Vanilla bean paste or even a scraped vanilla bean works in a pinch. Running short on baking powder? Baking soda plus cream of tartar at half the amount mimics the lift. The caramel sauce can be store-bought—Smucker's or Trader Joe's are reliable—but homemade is worth the 10 minutes if you've got time. Subbing apples? Pears or peaches work beautifully, but adjust the sugar down to 1 cup. For a gluten-free twist, swap the flour for a 1:1 blend like Bob's Red Mill. The milk can be any kind, but whole milk gives the richest texture—don't skimp here.

Store the cake in an airtight container at room temperature for up to 3 days, or refrigerate for 5 days if you're prepping ahead. The streusel stays crisp for about 2 days before softening, so make it fresh if possible. Freeze the whole cake (unfrosted) for up to 3 months—thaw at room temperature before serving. I like to wrap individual slices in parchment and freeze them for quick treats. The caramel and coconut flakes are best added fresh before serving, but you can drizzle caramel ahead and store the flakes separately.

Step-by-step instructions for tropical apple and coconut cake

Here's how to create layers of moist cake, spiced apples, and buttery coconut streusel that hug every bite.

Preheat your oven to 350°F and grease two 9-inch round cake pans, lining the bottoms with parchment paper. In a large mixing bowl, combine the 3 cups all-purpose flour, 2 teaspoons baking powder, 1.5 teaspoons ground cinnamon, and 0.5 teaspoon salt. Sift this dry mixture together to eliminate any lumps and ensure even distribution throughout the batter.

In a separate bowl, cream together the 1 cup unsalted butter (softened but not melted) and 1.5 cups granulated sugar using an electric mixer on medium speed until light and fluffy, about 3-4 minutes. This step incorporates air, which creates those beautiful, tender layers. Add the 2 whole large eggs, one at a time, mixing well after each addition. Stir in the 1 tablespoon vanilla extract and 0.5 cup whole milk until just combined.

Gradually add the dry ingredients to the wet mixture, mixing on low speed just until incorporated. Be careful not to overmix—stop as soon as the batter comes together. Divide the batter evenly between the prepared pans, spreading it out smoothly. Bake for 25-30 minutes or until a toothpick inserted into the center comes out clean. Let the cakes cool in the pans for 10 minutes before transferring to a wire rack to cool completely.

While the cakes are baking, prepare the apple filling. In a medium bowl, combine the 3 cups shredded apples with 1 cup unsweetened shredded coconut. The apples should be firm but tender—Honeycrisp or Fuji varieties work best for this texture. Mix gently to distribute the coconut evenly, but avoid mashing the apples. This filling will add a burst of juicy sweetness between the cake layers.

For extra flavor, sprinkle the apple mixture with an additional 0.5 teaspoon ground cinnamon and a pinch of salt. This enhances the natural sweetness of the apples and balances the tropical coconut notes. Set the filling aside until ready to assemble the cake.

In a small bowl, cut the remaining 1 cup unsalted butter (yes, the full cup—this is the secret to a rich, flavorful streusel) into small cubes. Mix it with 0.5 cup granulated sugar, 0.5 cup unsweetened shredded coconut, and 1 teaspoon ground cinnamon until the mixture resembles coarse crumbs with some pea-sized butter pieces remaining. The texture should be slightly sandy but still hold together when pressed.

This streusel is what makes this cake special—it's buttery, slightly crunchy, and packed with coconut flavor. Press half of the streusel mixture evenly over the cooled cake layers, reserving the rest for the final topping. The streusel will soften slightly as it bakes, creating pockets of gooey butter that contrast beautifully with the tender cake.

Once the cakes have cooled completely, place one layer on a serving plate. Spread the apple-coconut filling evenly over the cake, leaving a ½-inch border around the edges. This prevents the filling from oozing out during baking. Place the second cake layer on top and gently press down to create a smooth surface. Spread the remaining streusel evenly over the top layer, pressing down lightly with your fingers to ensure it adheres well.

Bake the assembled cake at 350°F for 15-20 minutes, or until the streusel is golden brown and the cake is heated through. The edges should look crisp, and you should smell that delicious buttery coconut aroma filling your kitchen. Keep a close eye on it during the last few minutes to prevent overbrowning.

Remove the cake from the oven and let it cool for 10 minutes before drizzling the 0.5 cup caramel sauce over the top. Use a spoon or piping bag to create an even layer, allowing the caramel to drip down the sides for a beautiful presentation. While the caramel is still warm, sprinkle the 0.5 cup toasted coconut flakes evenly over the top. These will add a delightful crunch and enhance the tropical theme of the cake.

Let the cake cool completely before slicing. The layers should be moist but not soggy, with a perfect balance of spiced apples, tender cake, and buttery coconut streusel. Serve at room temperature for the best texture and flavor experience.

Dietary considerations for this dish

Gluten-Free Adaptations

For a gluten-free version, replace the 3 cups all-purpose flour with a 1:1 gluten-free flour blend like Bob’s Red Mill or King Arthur. These blends contain xanthan gum, which mimics gluten’s binding properties.

I’ve tested this substitution and found the texture remains tender when using 1 teaspoon extra vanilla extract to enhance moisture. For extra insurance, add 1 tablespoon ground flaxseed mixed with 3 tablespoons water to the batter—this acts as a binder. 🌾

Dairy-Free Options

Swap the 1 cup unsalted butter for 1 cup coconut oil (solid) or 1 cup dairy-free butter like Earth Balance. For the milk, use ½ cup coconut milk (full-fat) or ½ cup almond milk—both work well but coconut milk adds a subtle tropical depth.

The streusel can stay butter-free by using ½ cup coconut oil instead, though the texture will be slightly less crisp. Toast the coconut extra long (5-7 minutes) to compensate for the reduced butter.

Vegan Substitutions

Transform this into a vegan cake by replacing the 2 eggs with 2 flax eggs (2 tablespoons ground flaxseed + 6 tablespoons water, rested for 5 minutes). For the butter, use vegan butter or coconut oil.

The milk can be oat milk or soy milk—avoid almond milk as it can make the cake dry. The caramel sauce should be vegan (store-bought options like Trader Joe’s work perfectly), and ensure your vanilla extract is alcohol-free. The coconut flakes are naturally vegan, so no changes there!

Lower Sugar Swaps

Reduce the 1.5 cups granulated sugar to 1 cup and replace the remaining ½ cup with ½ cup coconut sugar or ½ cup mashed banana. For the streusel, cut the sugar to ¼ cup and add ½ teaspoon extra cinnamon to boost flavor.

The apples will still caramelize beautifully, and the coconut adds natural sweetness. If using bananas, add them to the cake batter along with the milk—this keeps the texture moist without extra fat. 🍎

Nut-Free Considerations

This recipe is naturally nut-free, but always double-check your unsweetened shredded coconut and toasted coconut flakes for cross-contamination warnings. For extra safety, use a dedicated toaster or toasting pan for the coconut flakes. The caramel sauce should also be nut-free—brands like Smucker’s or homemade versions are typically safe.

If you’re avoiding all coconut entirely, replace it with 1 cup finely chopped dried cranberries or 1 cup diced pear in the filling and streusel.

Frequently asked questions