This pineapple coconut cake includes pineapple chunks, coconut, coconut milk, plus homemade pineapple curd and cream cheese frosting. Each bite is packed with moist texture and irresistible flavor. Review the recipe notes before beginning. To save time, feel free to make the pineapple curd first. It must cool completely before you use it in the cake’s assembly.
- 2 and 1/2 cups (285g) cake flour (spoon & leveled)
- 2 teaspoons baking powder
- 1/2 teaspoon baking soda
- 1 teaspoon salt
- 3/4 cup (1.5 sticks; 170g) unsalted butter, softened to room temperature
- 1 and 1/2 cups (300g) granulated sugar
- 4 large egg whites, at room temperature
- 1/2 cup (120g) sour cream, at room temperature
- 2 teaspoons pure vanilla extract
- 1 teaspoon coconut extract
- 3/4 cup (180ml) canned coconut milk, at room temperature*
- 2 Tablespoons (30ml) pineapple juice (canned or fresh)
- 1 cup (80g) sweetened shredded coconut
- 1 cup (225g) pineapple chunks (canned and drained or use fresh), plus extra for garnish
- 1 large egg
- 2 large egg yolks
- 1/3 cup (65g) granulated sugar
- 1 and 1/2 teaspoons cornstarch
- 1/3 cup (80ml) canned pineapple juice (must be canned)
- 1/8 teaspoon salt
- 1/4 cup (4 Tablespoons; 60g) unsalted butter, softened to room temperature and cut into 4 pieces
- 8 ounces (224g) full-fat block cream cheese, softened to room temperature
- 1/2 cup (115g) unsalted butter, softened to room temperature
- 3 cups (360g) confectioners’ sugar, plus an extra 1/4 cup (30g) if needed
- 2 Tablespoons canned coconut milk or pineapple juice (your choice)
- 1/2 teaspoon pure vanilla extract
- 1/8 teaspoon salt
- optional for garnish: fresh or canned pineapple chunks and/or 1 cup (80g) sweetened shredded coconut
- Preheat oven to 350°F (177°C). Grease three 8-inch cake pans, line with parchment paper, then grease the parchment paper. Parchment paper helps the cakes seamlessly release from the pans.
- Make the cake: Whisk the cake flour, baking powder, baking soda, and salt together. Set aside. (Note that the video shows sifting the flour, but you do not have to.)
- Using a handheld or stand mixer fitted with a paddle or whisk attachment, beat the butter and sugar together on medium-high speed until smooth and creamy, about 2 minutes. Scrape down the sides and up the bottom of the bowl with a rubber spatula as needed. Beat in the egg whites until combined, then add the sour cream, vanilla extract, and coconut extract. Beat until combined. Mixture will look curdled as a result of the varying textures and solid butter combining. Scrape down the sides and up the bottom of the bowl as needed. With the mixer on low speed, slowly add the dry ingredients, coconut milk, and pineapple juice. Beat on low speed until combined, then beat in the shredded coconut and pineapple chunks just until combined. Whisk it all by hand to make sure there are no butter lumps at the bottom of the bowl. The batter will be slightly thick.
- Pour batter evenly into cake pans. Bake for around 22-24 minutes or until the cakes are baked through. To test for doneness, insert a toothpick into the center of the cake. If it comes out clean, it’s done. Allow cakes to cool completely in the pans set on a wire rack. (Make the curd as the cakes cool.) The cakes must be completely cool before frosting and assembling.
- Make the pineapple curd: Fill the bottom pot of a double boiler with 1-2 inches of water. (Or use the DIY double boiler method listed in the notes.) Place on high heat. Once the water begins to boil, reduce to low heat to keep the water at a simmer. Whisk the egg, egg yolks, granulated sugar, cornstarch, pineapple juice, and salt together the top pot of your double boiler. Continue to whisk as the curd cooks because constant whisking prevents the egg yolks from curdling. Whisk and cook until the mixture becomes slightly thick, resembling the texture of hollandaise sauce, about 10 minutes. If curd isn’t thickening, turn up the heat and keep whisking. Remove pan from heat. Whisk in the butter. The butter will melt from the heat of the curd. Pour curd into a jar or bowl and place a piece of plastic wrap directly on top so it is touching the top of the curd. (This prevents a skin from forming on top.) Cool completely. The curd will continue to thicken as it cools. Once cool, the plastic wrap can be removed. Makes 1 cup. You will have leftover curd after using in the cake. Cover and refrigerate leftovers for up to 1 week. (Great on sourdough, biscuits, or toast!)
- Make the frosting: In a large bowl using a hand-held mixer or stand mixer fitted with a whisk or paddle attachment, beat the cream cheese and butter together on medium speed until creamy and smooth, about 2 minutes. Add confectioners’ sugar, coconut milk or pineapple juice, vanilla extract, and salt with the mixer running on low. Beat on low speed for 30 seconds, then switch to high speed and beat for 2 minutes. If you want the frosting a little thicker, add the extra 1/4 cup of confectioners sugar (I usually add it).
- Assemble and decorate: If your cakes are domed on top, use a large serrated knife to slice a thin layer off the tops to create a flat surface. Discard (or crumble over ice cream!). Place 1 cake layer on your cake stand, cake turntable, or serving plate. I use and recommend an icing spatula to apply the frosting & curd. Evenly spread a scant 1/2 cup of frosting on top. Spread 1/4 cup of pineapple curd on top of the frosting. Top with 2nd cake layer and evenly cover the top with 1/2 cup of frosting, then 1/4 cup of curd. Carefully place the third cake layer on top. The cake is very slippery due to the frosting and curd, so be careful with it. I highly recommend a crumb coat for this cake, so spread a very very thin layer of frosting on top and all around the exterior of the cake. A bench scraper is helpful to smooth the sides. Refrigerate crumb-coated cake for 30-60 minutes– again, this is a slippery cake so refrigeration is very helpful. Remove cake from the refrigerator and spread the remaining frosting all over the cake. (Which should only be a small amount at this point.) Decorate with pineapple chunks on top of the cake and/or press coconut gently into the sides of the cake.
- Refrigerate cake for at least 20 minutes before slicing. This helps the cake hold its shape when cutting, though it’s still a pretty fluffy cake.
- Cover leftover cake tightly and store in the refrigerator for up to 5 days.
- Make Ahead & Freezing Instructions: You can make the pineapple curd ahead of time. After it cools completely, cover tightly and refrigerate for up to 1 week. The cake layers can be baked, cooled, and covered tightly at room temperature overnight. Likewise, the frosting can be prepared then covered and refrigerated overnight. When ready to decorate, let the frosting sit at room temperature to slightly soften for 15 minutes, then give it one more mix with the mixer on medium speed for about 1 minute before frosting cake. Frosted cake or unfrosted cake layers can be frozen up to 2-3 months. Thaw overnight in the refrigerator and bring to room temperature before decorating/serving.
- Cake Flour: For the best results, I strongly recommend cake flour. You can find cake flour in the baking aisle and I have many more recipes using it. If you’re in a pinch, you can use a DIY cake flour substitute but the cake won’t taste as light and soft.
- Egg Whites: Egg whites (no yolks) are KEY to the cake’s fluffy texture. Save 2 egg yolks for the pineapple curd.
- Canned Coconut Milk: With some reviews that this cake is too wet, we have re-tested and changed the amount of coconut milk to 3/4 cup (180ml) instead of the original 1 cup (240ml). Canned coconut milk is a cooking ingredient, not a beverage. It is usually unsweetened, so make sure you’re using unsweetened. It’s usually found near the Thai food products. Do not use refrigerated carton coconut milk. You need 3/4 cup for the cake, not the entire can. You can use 2 more Tablespoons in the frosting if desired. There will be a little leftover in the can. Coconut milk separates, so make sure you either shake up the can before opening or, after opening the can, whisk the liquid and coconut cream together to yield the thick coconut milk you need in this recipe.
- Sweetened Shredded Coconut: I recommend using sweetened shredded coconut. It’s moister than unsweetened coconut and that makes a big difference in the cake’s texture. If desired, pulse the coconut shreds in a food processor or chop them up so they aren’t as long inside and outside of the cake. Chopping the coconut is optional.
- Pineapple Chunks: If using canned pineapple chunks, purchase a can labeled with “chunks” or “tidbits.” You can save the liquid you drain to use in the cake. (There likely won’t be enough for the curd though.) Do not use crushed pineapple, which is too liquid and thin. If using fresh pineapple, cut chunks into bite-size pieces.
- Double Boiler Alternative for Curd: If you do not own a double boiler, you can simply place a small heatproof glass bowl over a saucepan– you will cook the curd in the top pot/bowl.
- Pineapple Juice: You can use fresh or canned pineapple juice in the cake batter and frosting recipes. However, in order for the pineapple curd to thicken, you must use canned juice in the curd. See blog post above for details. Since you need canned juice for the curd, it may just be easiest to use canned juice in the batter and frosting, too.
- Cream Cheese: Use block cream cheese, not cream cheese spread. If desired, you can use this vanilla buttercream instead of cream cheese frosting. If you follow that frosting recipe, you can use canned coconut milk instead of the whole milk/heavy cream OR 3 Tablespoons pineapple juice and 2 Tablespoons coconut milk instead of whole milk/heavy cream.
- Amount of Cake Batter: This recipe yields nearly 8 cups of batter, which is helpful if you need it for different Cake Pan Sizes & Conversions. See box above the recipe for different cake pan options.
Keywords: pineapple coconut cake