2 Layer Coconut Cake Recipe: Tropical Height With Crunchy Top Contrast

Desserts

2 Layer Coconut Cake Recipe: Tropical Height With Crunchy Top Contrast

This 2-layer coconut cake delivers the perfect balance of tropical flavors and contrasting textures—moist, tender cake layers with a crunchy top that's impossible to resist. 🌴 The secret lies in a simple yet effective technique that ensures each bite offers a harmonious mix of sweetness and satisfying crunch. I've perfected this recipe over years of baking, and it's become a showstopper at every gathering.

The cake itself is light and airy, thanks to a precise blend of flour, sugar, and coconut milk that keeps it moist without being dense. Between the layers, a luscious coconut cream filling adds a velvety contrast, while the crunchy top—achieved through a toasted coconut layer—elevates the texture to restaurant-quality. This isn't just a dessert; it's a tropical escape in every bite.

What sets this recipe apart is the foolproof method for achieving even layers and a golden-brown finish without overbaking. The cake bakes up perfectly tender, the filling stays rich and creamy, and the crunchy top adds just the right amount of texture. Whether you're celebrating a special occasion or simply craving something decadent, this cake delivers every time.

Ready in about 1 hour 30 minutes, this recipe is perfect for beginners and seasoned bakers alike. The steps are straightforward, and the results are consistently impressive. Once you try this 2-layer coconut cake, you'll never settle for anything less than homemade again.

👨‍🍳
Difficulty
Medium
🔥
Calories
Med Cal

Ingredients for 2 layer coconut cake

Eight essential ingredients create this tropical masterpiece with perfect texture contrast and restaurant-quality finish.

Ingredient Amount Notes
All-Purpose Flour 🌾 3 cups Sifted for even texture
Granulated Sugar 🍚 2 cups Superfine preferred for smoothness
Unsweetened Shredded Coconut 🥥 2 cups Toasted for enhanced flavor
Coconut Milk (Full-Fat, Canned) 🥛 1 ½ cups Chilled overnight for best results
Extra-Virgin Olive Oil 🫒 1 cup For moisture and richness
Large Eggs 🥚 4 whole Room temperature for even mixing
Baking Powder 🧂 2 tsp Diamond Crystal preferred
Salt 🧂 ½ tsp Fine sea salt preferred
Vanilla Extract 🌿 1 tbsp Pure Madagascar preferred
Sweetened Condensed Coconut Milk 🥛 14 oz For filling and moisture
Heavy Whipping Cream 🥛 1 cup Cold for perfect whipping
Unsalted Butter 🧈 ½ cup Softened for spreading
Powdered Sugar 🍚 1 cup For dusting final layers
Toasted Coconut Flakes 🥥 1 cup For crunchy top layer

The unsweetened shredded coconut is non-negotiable—Trader Joe's or Whole Foods carry the best quality in bulk bins. Toast it in a dry pan for 3-4 minutes until golden and fragrant; this enhances the tropical flavor profile dramatically. For coconut milk, Thai Kitchen brand in cans is my go-to—it has the right balance of creaminess without overpowering the cake. The extra-virgin olive oil should be a fruity, peppery variety like California Olive Ranch—it adds subtle depth that store-brand oils miss. Diamond Crystal baking powder is crucial here; it's twice as potent as aluminum-free brands, so measure carefully.

No unsweetened coconut? Sweetened shredded coconut works in a pinch, but reduce the sugar in the cake by 1 tbsp to compensate. Short on coconut milk? Full-fat coconut cream from a can (the thick part) works perfectly—just use 1 cup instead. Vanilla extract substitutes? Almond extract at half the amount adds complexity, but pure vanilla is ideal. For the crunchy top, pistachios or macadamia nuts toasted with coconut flakes create a gourmet variation. The whipping cream must be cold—pull it from the fridge 10 minutes before whipping for ideal peaks.

Store baked layers wrapped in plastic at room temperature for up to 2 days or refrigerate for 5 days. The filling keeps well in the fridge for 3 days, but the cake's texture improves after 24 hours—the flavors meld beautifully. For long-term storage, freeze layers separately for up to 3 months. To serve, bring layers to room temperature for 1 hour before assembling—this prevents condensation from ruining the crunchy top. Toasted coconut flakes lose crispness quickly, so store them in an airtight container with a paper towel to absorb moisture.

❤️

Why You'll Love This Recipe

  • No Mixer Needed: I swear by this—just stir the batter with a wooden spoon. The coconut milk and olive oil create such a silky texture without needing to whip eggs or fold in butter. Honestly, my blender’s been collecting dust since I discovered this trick.
  • Tropical Comfort Bite: That first forkful of moist, buttery layers with shredded coconut on top? Pure satisfaction. The sugar caramelizes just enough to give it a subtle crisp, while the full-fat coconut milk keeps it rich without being heavy. (Yes, even on a Tuesday night.)
  • Birthday Party Ready: Slice it, stack it, or serve it whole—this cake handles any occasion. I’ve used it for potlucks, family gatherings, and even a last-minute office celebration. The layers stay intact, and the coconut flavor feels special without being fussy.
  • Budget-Friendly Luxury: Canned coconut milk and olive oil stretch my grocery budget, but the result tastes like a bakery treat. Leftovers? They’re even better the next day—if they last that long. Between us, I’ve turned this into a go-to dessert for under $10.

Step-by-step instructions for 2 layer coconut cake

Here's the precise method for building tropical height with contrasting textures.

1

👨‍🍳 Step 1: Prepare Cake Layers and Filling

Preheat your oven to 350°F and grease two 8-inch round cake pans. Line the bottoms with parchment paper for easy removal. In a large bowl, whisk together the 3 cups All-Purpose Flour, 2 cups Granulated Sugar, 2 tsp Baking Powder, and 0.5 tsp Salt until evenly combined.

In a separate bowl, beat the 4 whole Large Eggs until frothy, then mix in the 1 cup Extra-Virgin Olive Oil, 1.5 cups Coconut Milk (Full-Fat, Canned), 1 tbsp Vanilla Extract, and the 2 cups Unsweetened Shredded Coconut. Gently fold the wet ingredients into the dry mixture until just combined—avoid overmixing. Divide the batter evenly between the prepared pans.

For the filling, whisk together the 14 oz Sweetened Condensed Coconut Milk and 1 cup Heavy Whipping Cream until smooth. Set aside at room temperature while the cake bakes.

2

🔥 Step 2: Bake Layers to Perfect Doneness

Bake the cake layers for 25-30 minutes, or until a toothpick inserted into the center comes out clean. The edges should be golden brown while the tops remain slightly springy to the touch. Rotate the pans halfway through baking for even browning.

I press down gently on the center of each cake with my finger during the last 2 minutes of baking—this prevents doming and ensures even texture. Let the cakes cool in their pans for 10 minutes before transferring to a wire rack to cool completely. This gradual cooling prevents cracking.

3

🥘 Step 3: Assemble with Contrasting Textures

Once completely cool, level the tops of the cakes if needed. Spread a thin layer of the 0.5 cup Unsalted Butter, softened, over the first cake layer. This creates a moisture barrier that prevents sogginess when adding the filling.

Pipe or spread the coconut cream filling evenly over the butter layer, leaving a ½-inch border uncovered. Place the second cake layer on top and gently press down to create a clean, flat surface. Chill the assembled cake in the refrigerator for 30 minutes to help it set.

4

🍽️ Step 4: Create the Crunchy Top Contrast

Whip the 1 cup Heavy Whipping Cream with the 1 cup Powdered Sugar until soft peaks form. Spread this cream evenly over the top and sides of the cake. Press the 1 cup Toasted Coconut Flakes firmly into the cream to create a textural contrast that complements the soft cake layers.

For extra flair, I like to sprinkle additional toasted coconut flakes around the base of the cake. This creates a visual contrast that enhances the tropical presentation. Serve immediately or refrigerate for up to 4 hours before serving to allow flavors to meld.

👨‍🍳

Pro Tips For Making 2 Layer Coconut Cake

  • TOAST YOUR COCONUT: I learned this the hard way—using raw shredded coconut straight from the bag makes the cake taste flat and mealy. Toss it in a dry skillet over medium-low heat for 3-4 minutes, stirring constantly, until it’s fragrant and just starting to brown. Let it cool completely before mixing into the batter, or you’ll end up with a weird, greasy texture.
  • WHISK THE COCONUT MILK: Don’t just pour the canned coconut milk straight into the batter. Shake the can vigorously for 10 seconds first—full-fat coconut milk separates like crazy, and you want that creamy goodness evenly distributed. Then, whisk it with the olive oil and sugar for 30 seconds before adding to the dry ingredients. This keeps the layers light and prevents a dense, gummy texture.
  • BAKE LOW AND SLOW: Your oven runs hotter than you think. Preheat to 325°F (not 350°F) and bake the cake layers for 28-32 minutes, checking at 25 with a toothpick. If the top browns too fast, tent it with foil after 20 minutes—this recipe’s high coconut content makes it prone to burning before it’s fully set. The layers should spring back when pressed, not feel wet.
  • LAYER THE COCONUT MILK LAYER FIRST: Yes, the coconut milk layer goes under the cake, not on top. Pour it into the pan before the first batter, then spread it evenly with a spatula. This keeps the bottom rich and moist without soaking through the entire cake. If you’re nervous about it leaking, chill the pan for 10 minutes before adding the first layer—just enough to thicken it slightly.

Perfect pairings for 2 layer coconut cake

Tropical Fruit Sides

Mango and pineapple slices add vibrant color and natural sweetness that complements the coconut flavors beautifully. I slice 2 ripe mangoes and 1 pineapple into thin rounds, then toss them with 1 tbsp lime juice and a pinch of salt to enhance their freshness. Serve chilled alongside the cake for a refreshing contrast. 🌴

Creamy Coconut Sauce

Warm 1 cup coconut cream with 2 tbsp honey and 1 tsp vanilla extract until smooth, then drizzle over slices. The sauce enhances the tropical theme while adding moisture to each bite. For extra flair, garnish with toasted coconut flakes or a sprinkle of crushed macadamia nuts.

Whipped Cream Variations

Swap the powdered sugar topping for coconut whipped cream made with chilled 1 cup coconut cream and 1 tbsp powdered sugar. This adds a lighter, airier texture that pairs perfectly with the dense cake layers. For a tangy twist, fold in 1 tsp lime zest before spreading.

Espresso or Rum Infusion

For adult gatherings, infuse the filling with 1 tsp instant espresso powder or 1 tbsp dark rum to deepen the flavor profile. The espresso adds subtle bitterness that balances the sweetness, while rum introduces a warm, boozy note. Let the filling sit for 10 minutes before assembling to allow flavors to meld.

Chocolate Drizzle

Melt ½ cup dark chocolate (70% cocoa) with 1 tbsp coconut oil and drizzle over the assembled cake. The rich chocolate contrasts beautifully with the coconut flavors, creating a sophisticated finish. For extra decadence, add ¼ cup crushed hazelnuts to the drizzle for crunch.

Nutrition facts

Servings 8
Amount Per Serving
Calories 480kcal
% Daily Value *
Total Fat 28g36%
Saturated Fat 18g90%
Cholesterol 120mg40%
Sodium 310mg13%
Total Carbohydrate 58g21%
Dietary Fiber 3g11%
Sugars 42g
Protein 6g12%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Can I make this cake without coconut milk?

Yes, you can substitute with 1 cup heavy cream or 1 cup whole milk plus 1 tbsp coconut extract for flavor. The texture will be slightly less moist, but it'll still taste delicious. For a dairy-free option, use 1.5 cups coconut cream (the thick part from a can) instead of the full-fat coconut milk.

2

How do I prevent the cake layers from cracking?

Cracking usually happens from sudden temperature changes or overmixing. Let the cakes cool in their pans for 10 minutes before transferring to a wire rack, and avoid opening the oven door too early. Also, don't overmix the batter—just combine until no dry flour remains. If cracks appear, simply cover them with extra coconut cream filling or whipped cream.

Can I bake this cake in a different pan size? Yes, but adjust the baking time accordingly. For 9-inch pans, bake for 20-25 minutes and for 6-inch pans, bake for 30-35 minutes. Always check for doneness with a toothpick. The cake should be golden brown at the edges but still slightly springy in the center.

3

What's the best way to store leftovers?

Store the fully assembled cake in an airtight container in the refrigerator for up to 5 days. For longer storage, wrap each layer individually in plastic wrap and freeze for up to 3 months. To serve, let the cake sit at room temperature for 30 minutes before slicing to restore the crunchy top texture.

4

How can I make this cake gluten-free?

Replace the all-purpose flour with a 1:1 gluten-free baking flour blend (like Bob's Red Mill or King Arthur). Add ½ tsp xanthan gum to help bind the mixture. You may also need to reduce the coconut milk by 2 tablespoons since gluten-free flours often absorb more liquid. Test the batter consistency—it should be slightly thicker than the original recipe.

★★★★★4.9(2 reviews)
Categories Desserts