America's Test Kitchen LogoCook's Country LogoCook's Illustrated LogoAmerica's Test Kitchen LogoCook's Country LogoCook's Illustrated Logo

Toasted Coconut Layer Cake

By Kelly Song

Published on June 8, 2025

Time

1¾ hours, plus 2 hours cooling

Yield

Serves 12 to 16

Toasted Coconut Layer Cake

Ingredients

SOAK

⅔ cup canned coconut milk 3 tablespoons confectioners' sugar

CAKE

2¼ cups (11¼ ounces/319 grams) all-purpose flour 1½ cups (4½ ounces/129 grams) sweetened shredded coconut 2 teaspoons baking powder ¾ teaspoon table salt 1 cup buttermilk ½ cup vegetable oil 12 tablespoons unsalted butter, softened1¾ cups (12¼ ounces/347 grams) granulated sugar 4 large eggs

FROSTING

1 cup heavy cream, room temperature¾ cup canned coconut milk, room temperature2½ teaspoons coconut extract 30 tablespoons (3¾ sticks) unsalted butter, cut into 30 pieces and softened1 teaspoon table salt 3¾ cups (15 ounces/425 grams) confectioners' sugar 2 cups (6 ounces/170 grams) sweetened shredded coconut, toasted

Before You Begin

One 14-ounce can of coconut milk is enough for this recipe; shake the can well before opening. To toast the sweetened shredded coconut for the frosting, spread it on a rimmed baking sheet and bake it for about 15 minutes in a 325-degree oven, stirring often, until it’s golden brown. Be sure all the ingredients for the frosting are at room temperature (65 to 70 degrees). We developed this recipe using light-colored cake pans; the cakes will bake more quickly in dark pans.

Instructions

    for the soak

  1. Whisk 2/3 cup canned coconut milk and 3 tablespoons confectioners’ sugar in small bowl until sugar is dissolved; set aside.
  2. for the cake

  3. Adjust oven rack to middle position and heat oven to 350 degrees. Grease three 8-inch round cake pans, line with parchment paper, and grease parchment. Whisk 2¼ cups (11¼ ounces/319 grams) all-purpose flour, 1½ cups (4½ ounces/129 grams) sweetened shredded coconut, 2 teaspoons baking powder, and ¾ teaspoon table salt together in bowl. Whisk 1 cup buttermilk and ½ cup vegetable oil together in liquid measuring cup.
  4. Using stand mixer fitted with paddle attachment, beat 12 tablespoons softened unsalted butter and 1¾ cups (12¼ ounces/347 grams) granulated sugar on low speed until smooth, about 1 minute. Increase speed to medium-high and beat until pale and fluffy, 1 to 2 minutes. With mixer running, add 4 large eggs, one at a time, and beat until combined. Continue to beat until mixture is pale, thick, and smooth, 1 to 2 minutes longer, scraping down bowl as needed.
  5. Turn off mixer. Add half of flour mixture and mix on low speed until just incorporated, about 30 seconds. With mixer running, stream in buttermilk mixture and mix until just incorporated, about 30 seconds. Add remaining flour mixture and mix until just incorporated, about 30 seconds. Divide batter evenly among prepared pans and smooth tops with silicone spatula. Tap pans firmly on counter to release any large air bubbles.
  6. Bake until cakes are golden and toothpick inserted in centers comes out clean, 18 to 22 minutes, rotating pans halfway through baking. Let cakes cool in pans on wire racks for 15 minutes. Invert cakes onto racks, discarding parchment. Using pastry brush, gently dab soak onto layers until evenly moistened, about ¼ cup per layer. Let layers cool completely on racks, about 2 hours.
  7. for the frosting

  8. Combine 1 cup room temperature heavy cream, ¾ cup room-temperature canned coconut milk, and 2½ teaspoons coconut extract in clean liquid measuring cup. In clean stand mixer fitted with whisk attachment, beat 30 tablespoons (3¾ sticks) cut and softened unsalted butter and 1 teaspoon table salt on medium-high speed until smooth, about 1 minute. Add 3¾ cups (15 ounces/425 grams) confectioners’ sugar and beat on low speed until incorporated, about 1 minute. Increase speed to medium-high and whip until mixture is light, fluffy, and nearly doubled in volume, 4 to 5 minutes, scraping down bowl as needed.
  9. With mixer running on medium-low speed, slowly stream in cream mixture until fully incorporated, about 2 minutes, scraping down bowl halfway through streaming (mixture will appear curdled; this is OK).
  10. Turn off mixer and scrape down bowl. Whip mixture on medium-high speed until frosting is fluffy and creamy, about 2 minutes. Remove bowl from mixer. Using silicone spatula, gently fold frosting to smooth any large air bubbles or lumps. (Frosting can be refrigerated for up to 4 days; let soften at room temperature, about 1 hour, then rewhip on medium speed until smooth and fluffy, about 1 minute.)
  11. To assemble cake, place 1 cake layer on cake platter, soaked side up. Spread 1¼ cups frosting evenly over top, to edges of cake. Repeat with remaining layers, spreading 1¼ cups frosting evenly over each. Using offset spatula and bench scraper, smooth remaining frosting evenly over sides of cake, then smooth top. Gently press 2 cups (6 ounces/170 grams) toasted sweetened shredded coconut onto sides and top of cake. Serve. (Cake can be refrigerated for up to 2 days; let cake come to room temperature before serving.)
Toasted Coconut Layer Cake
Styling by Christine Tobin.

Toasted Coconut Layer Cake

Headshot of Kelly Song
By Kelly Song

Published on June 8, 2025

Save

Time

1¾ hours, plus 2 hours cooling

Yield

Serves 12 to 16

Ingredients

SOAK

⅔ cup canned coconut milk
3 tablespoons confectioners' sugar

CAKE

2¼ cups (11¼ ounces/319 grams) all-purpose flour
1½ cups (4½ ounces/129 grams) sweetened shredded coconut
2 teaspoons baking powder
¾ teaspoon table salt
1 cup buttermilk
½ cup vegetable oil
12 tablespoons unsalted butter, softened
1¾ cups (12¼ ounces/347 grams) granulated sugar
4 large eggs

FROSTING

1 cup heavy cream, room temperature
¾ cup canned coconut milk, room temperature
2½ teaspoons coconut extract
30 tablespoons (3¾ sticks) unsalted butter, cut into 30 pieces and softened
1 teaspoon table salt
3¾ cups (15 ounces/425 grams) confectioners' sugar
2 cups (6 ounces/170 grams) sweetened shredded coconut, toasted

Test Kitchen Techniques

Ingredients

SOAK

⅔ cup canned coconut milk
3 tablespoons confectioners' sugar

CAKE

2¼ cups (11¼ ounces/319 grams) all-purpose flour
1½ cups (4½ ounces/129 grams) sweetened shredded coconut
2 teaspoons baking powder
¾ teaspoon table salt
1 cup buttermilk
½ cup vegetable oil
12 tablespoons unsalted butter, softened
1¾ cups (12¼ ounces/347 grams) granulated sugar
4 large eggs

FROSTING

1 cup heavy cream, room temperature
¾ cup canned coconut milk, room temperature
2½ teaspoons coconut extract
30 tablespoons (3¾ sticks) unsalted butter, cut into 30 pieces and softened
1 teaspoon table salt
3¾ cups (15 ounces/425 grams) confectioners' sugar
2 cups (6 ounces/170 grams) sweetened shredded coconut, toasted

Test Kitchen Techniques

Ingredients

SOAK

⅔ cup canned coconut milk
3 tablespoons confectioners' sugar

CAKE

2¼ cups (11¼ ounces/319 grams) all-purpose flour
1½ cups (4½ ounces/129 grams) sweetened shredded coconut
2 teaspoons baking powder
¾ teaspoon table salt
1 cup buttermilk
½ cup vegetable oil
12 tablespoons unsalted butter, softened
1¾ cups (12¼ ounces/347 grams) granulated sugar
4 large eggs

FROSTING

1 cup heavy cream, room temperature
¾ cup canned coconut milk, room temperature
2½ teaspoons coconut extract
30 tablespoons (3¾ sticks) unsalted butter, cut into 30 pieces and softened
1 teaspoon table salt
3¾ cups (15 ounces/425 grams) confectioners' sugar
2 cups (6 ounces/170 grams) sweetened shredded coconut, toasted

Test Kitchen Techniques

Why This Recipe Works

This luxurious triple-layer coconut cake is as flavorful as it is visually stunning—which is fitting, since it's inspired by the “cocoanut layer cake” served up at the lavish Cocoanut Grove nightclub on Wilshire Boulevard during Hollywood's golden age. The plush, fluffy cake layers are delicate, tender, and studded throughout with sweetened shredded coconut. We used a combination of butter and oil for decadent flavor and ample moisture, along with buttermilk for a tang that amplified the savory coconut. We combined the best of both rich buttercream and airy whipped cream by beating butter and confectioners’ sugar and then streaming in a generous amount of coconut milk and heavy cream (the coconut milk provided fresh coconut flavor and a satiny sheen while the heavy cream added a silky lightness). The result was a glossy, satiny frosting that added a cloud-like plushness to each bite. In the frosting, we also added coconut extract and salt to offset sweetness and enhance flavor. We slathered generous amounts of frosting onto each layer and covered the entire cake with toasted coconut, which added a nutty crunch and an effortlessly flawless look.

Before You Begin

One 14-ounce can of coconut milk is enough for this recipe; shake the can well before opening. To toast the sweetened shredded coconut for the frosting, spread it on a rimmed baking sheet and bake it for about 15 minutes in a 325-degree oven, stirring often, until it’s golden brown. Be sure all the ingredients for the frosting are at room temperature (65 to 70 degrees). We developed this recipe using light-colored cake pans; the cakes will bake more quickly in dark pans.

Instructions

    for the soak

  1. Whisk 2/3 cup canned coconut milk and 3 tablespoons confectioners’ sugar in small bowl until sugar is dissolved; set aside.
  2. for the cake

  3. Adjust oven rack to middle position and heat oven to 350 degrees. Grease three 8-inch round cake pans, line with parchment paper, and grease parchment. Whisk 2¼ cups (11¼ ounces/319 grams) all-purpose flour, 1½ cups (4½ ounces/129 grams) sweetened shredded coconut, 2 teaspoons baking powder, and ¾ teaspoon table salt together in bowl. Whisk 1 cup buttermilk and ½ cup vegetable oil together in liquid measuring cup.
  4. Using stand mixer fitted with paddle attachment, beat 12 tablespoons softened unsalted butter and 1¾ cups (12¼ ounces/347 grams) granulated sugar on low speed until smooth, about 1 minute. Increase speed to medium-high and beat until pale and fluffy, 1 to 2 minutes. With mixer running, add 4 large eggs, one at a time, and beat until combined. Continue to beat until mixture is pale, thick, and smooth, 1 to 2 minutes longer, scraping down bowl as needed.
  5. Turn off mixer. Add half of flour mixture and mix on low speed until just incorporated, about 30 seconds. With mixer running, stream in buttermilk mixture and mix until just incorporated, about 30 seconds. Add remaining flour mixture and mix until just incorporated, about 30 seconds. Divide batter evenly among prepared pans and smooth tops with silicone spatula. Tap pans firmly on counter to release any large air bubbles.
  6. Bake until cakes are golden and toothpick inserted in centers comes out clean, 18 to 22 minutes, rotating pans halfway through baking. Let cakes cool in pans on wire racks for 15 minutes. Invert cakes onto racks, discarding parchment. Using pastry brush, gently dab soak onto layers until evenly moistened, about ¼ cup per layer. Let layers cool completely on racks, about 2 hours.
  7. for the frosting

  8. Combine 1 cup room temperature heavy cream, ¾ cup room-temperature canned coconut milk, and 2½ teaspoons coconut extract in clean liquid measuring cup. In clean stand mixer fitted with whisk attachment, beat 30 tablespoons (3¾ sticks) cut and softened unsalted butter and 1 teaspoon table salt on medium-high speed until smooth, about 1 minute. Add 3¾ cups (15 ounces/425 grams) confectioners’ sugar and beat on low speed until incorporated, about 1 minute. Increase speed to medium-high and whip until mixture is light, fluffy, and nearly doubled in volume, 4 to 5 minutes, scraping down bowl as needed.
  9. With mixer running on medium-low speed, slowly stream in cream mixture until fully incorporated, about 2 minutes, scraping down bowl halfway through streaming (mixture will appear curdled; this is OK).
  10. Turn off mixer and scrape down bowl. Whip mixture on medium-high speed until frosting is fluffy and creamy, about 2 minutes. Remove bowl from mixer. Using silicone spatula, gently fold frosting to smooth any large air bubbles or lumps. (Frosting can be refrigerated for up to 4 days; let soften at room temperature, about 1 hour, then rewhip on medium speed until smooth and fluffy, about 1 minute.)
  11. To assemble cake, place 1 cake layer on cake platter, soaked side up. Spread 1¼ cups frosting evenly over top, to edges of cake. Repeat with remaining layers, spreading 1¼ cups frosting evenly over each. Using offset spatula and bench scraper, smooth remaining frosting evenly over sides of cake, then smooth top. Gently press 2 cups (6 ounces/170 grams) toasted sweetened shredded coconut onto sides and top of cake. Serve. (Cake can be refrigerated for up to 2 days; let cake come to room temperature before serving.)

Gift This Recipe

Enjoyed this dish? Let others know by sharing it as a gift recipe.

This is a members' feature.