Coconut & Pineapple Layer Cake

This layer cake uses coconut to the fullest and pairs it with bright pineapple

By

2 Minutes Read

Coconut & Pineapple Layer Cake with pineapple slices, cinnamon, coconut milk, and vanilla This cake uses pineapple and coconut to the max - Media Credit: Saloni Mehta

This pineapple layer cake is a tropical vegan dessert with coconut cake, pineapple compote, coconut buttercream, and dried pineapple slices on top. The cake layers use coconut water and shredded coconut, so the crumb has a clear coconut flavor. The pineapple compote adds a sweet fruit filling that cuts through the rich buttercream.

Saloni Mehta’s recipe from Vegan Baking Made Simple makes an impressive cake without using dairy or eggs. It uses both parts of a can of coconut milk, with the coconut water going into the cake and the cream going into the buttercream. That detail gives the dessert a strong coconut base from the sponge to the frosting.

Read more: Upside-Down Rhubarb Coconut Cake

Serve this cake for a birthday, summer gathering, barbecue, or celebration meal. The three layers make it look special, while the pineapple and coconut keep the flavor bright and fun. The dehydrated pineapple takes extra time, but it gives the cake a clean finish and a pretty topping. Store the cake in an airtight container for up to one week.

Reprinted with permission from Vegan Baking Made Simple by Saloni Mehta. Page Street Publishing Co. 2023. Photo credit: Saloni Mehta.

Make this coconut and pineapple layer cake

This vegan cake layers coconut sponge, pineapple compote, coconut buttercream, and dried pineapple slices. It serves eight to 10 and suits birthdays, summer parties, and gatherings.
Coconut & Pineapple Layer Cake with pineapple slices, cinnamon, coconut milk, and vanilla
No ratings yet
Servings8

Ingredients

Dehydrated Pineapple Slices
  • 1 cup pineapple slices fresh or canned without syrup
Pineapple Compote
  • 2 cups + 2 tbsp pineapple fresh or canned without syrup, finely chopped
  • cup granulated sugar
  • 2 tbsp + 1½ tsp cornstarch
  • cup + 1 tbsp water
  • 1 cinnamon stick
Coconut Cake
  • cups coconut water from a can of coconut milk (reserve the solid coconut cream for the buttercream)
  • 1 tsp white vinegar
  • 1 tsp vanilla extract
  • ½ cup + 1 tbsp vegan butter cut into cubes
  • 1 cup granulated sugar
  • 2 cups all-purpose flour
  • 1 tbsp baking powder
  • tsp salt
  • ¾ cup shredded coconut sweetened
Coconut Buttercream
  • ¼ cup + 1 tbsp coconut cream from the can of coconut milk
  • ½ cup vegan butter cold and cut into cubes
  • cups powdered sugar divided
  • 1 tsp vanilla extract

Instructions

  • For the dehydrated pineapple slices, you will need to prepare these 1 to 2 days ahead. Preheat the oven to 300°F (148°C). Take a cupcake tray, invert it and lightly grease it with oil. On a cutting board, cut the pineapple into ¼-inch (6-mm)-thick slices. Arrange the pineapple slices on the cupcake wells. Place the tray in the oven for 5 to 6 hours until it has fully dried out and takes the shape of the cupcake tray.
  • For the pineapple compote, combine the chopped pineapple, sugar, cornstarch, water and cinnamon stick in a medium-sized saucepan. Cook over medium-low heat, and stir continuously with a spatula. You want to cook this mixture until the pineapple is soft. It may come to a boil and that’s fine. Let it simmer for 15 to 20 minutes. Remove the saucepan from the heat, and transfer the pineapple compote into a heat-proof container. Wrap the container in plastic wrap, being sure to touch the surface of the compote with the plastic wrap. Chill it in the refrigerator for 5 to 6 hours.
  • For the coconut cake, preheat the oven to 350°F (177°C). Grease 3 (6-inch [15-cm]) cake pans with baking spray, and line them with baking paper. In a bowl, combine the coconut water, vinegar and vanilla extract. Allow it to sit for 10 minutes, until the coconut milk slightly curdles.
  • Next use a stand mixer with a paddle attachment or an electric whisk to combine the vegan butter and granulated sugar. Beat it on medium speed until the mixture is creamy, 3 to 4 minutes. Then combine the all-purpose flour, baking powder and salt in a separate bowl. Add a third of coconut water mixture to the butter and sugar mixture, followed by a third of the all-purpose flour mixture. Mix on a low speed. Alternate between adding the coconut water mixture and the flour mixture until everything is fully combined. Lastly, fold the shredded coconut into the batter.
  • Divide the cake batter equally into three cake pans. Bake for 30 to 35 minutes or longer, until a toothpick inserted in the center comes out clean. Remove the cake pans from the oven, and let them cool in the pan for a couple of minutes. Then remove the cakes from the pans, and let them cool completely on a cooling rack. Use a serrated knife to trim the tops flat.
  • For the coconut buttercream, use a heat-proof bowl to melt the coconut cream to liquid form in the microwave. Don’t allow the liquid to become hot or boiling. Use a stand mixer with a paddle attachment or an electric whisk. Combine the vegan butter and half the powdered sugar in the mixing bowl. Mix on low until the butter and powdered sugar is creamy and fluffy in texture. Scrape down the side using a spatula and continue to mix for 4 to 5 minutes. This step will ensure the buttercream is light and airy. Scrape down the sides of the bowl.
  • Add the remaining powdered sugar. Mix on low for 1 minute then increase the speed to medium, and continue to whip the buttercream for 4 to 5 minutes. Scrape down the sides of the bowl, and add the vanilla extract to the melted and cooled coconut cream. Mix again for 1 to 2 minutes. Use a spatula to smooth out the buttercream by hand. This step will help to knock out any excessive air pockets trapped in buttercream.
  • For cake assembly, start with one coconut cake neatly arranged on a plate or cake stand. Pipe the coconut buttercream using a piping bag around the edges of the coconut cake in a circle, and spread a thin layer on the top of the cake. Fill the middle of the cake with some of the pineapple compote, about ½ inch (1.3 cm) thick. Add another coconut cake on top, and pipe the coconut buttercream around the edges and a very thin layer on the base of the coconut cake. Then fill the middle with pineapple compote about ¼ inch (6 mm) thick. Add the last coconut cake on top.
  • Now it’s time to crumb coat the cake. Apply a thin layer of coconut buttercream all around the cake using an offset spatula. Scrape off the excess buttercream. Chill the cake for 30 minutes in the refrigerator, and then add a final layer of the coconut buttercream around and on top of the cake. Make the edges smooth with an offset spatula or a bench scraper. Chill the cake for 2 to 3 hours. Decorate the cake with the dehydrated pineapple slices, and serve slightly chilled. Store it in an airtight container for up to 1 week.
This recipe is focused around how to fully utilize a can of coconut milk. The ratio of solid coconut cream to coconut water in a can of coconut milk can vary depending on the brand. Adjust the quantity of the coconut water in the recipe if you are falling short by adding some coconut cream that you set aside for the coconut buttercream.

PBN runs a sponsored content model. To explore how you can get featured, please email [email protected] or visit everkinddigital.com

Become A Plant Based Chef with our 1000+ recipes! 🥦

We know it can be hard to keep cooking up tasty, exciting meals. So we thought of them for you! Browse our selection of vegan recipes below.

© 2026 Plant Based News is an award winning mission-led impact media platform covering all things health, environment & animals. | Plant Based News Ltd, 869 High Road, London, United Kingdom, N12 8QA, United Kingdom.

buttons/scroll-to-top/scroll-to-top-small-active