The most AMAZING Coconut Cake with layers of soft coconut cake, pineapple filling, and topped with coconut cream cheese frosting. The assembled cake is somewhat of a masterpiece, and could be one of my favorite cakes of all time!
I’ve reached food nerd status by how happy this Coconut Cake makes me. It’s incredible! Dare I say it–it’s on the same level as my Mom’s ridiculously amazing German Chocolate Cake. It’s that good.
The cake is incredibly moist (I hate that word, but it must be used here), and not overly sweet, which I really love because it blends so well with the flavors from the pineapple filling and frosting, without any one element being too sweet. Also, you can make the cake, filling and frosting in advance.
The recipe was inspired by this coconut cake from A Bountiful Kitchen. I added cream cheese buttercream frosting with a splash of coconut milk for extra creaminess and hints of coconut flavor.
How to make Coconut Cake:
- Mix Dry ingredients: flour, baking powder and salt in a bowl. Set aside.
- Cream butter and sugar: In a separate mixing bowl, beat the butter on medium speed with electric mixers until light and fluffy. Add sugar and mix 1 minute.
- Add coconut extract and 1 ¼ cups of the coconut milk.
- Gradually add flour mixture and mix on medium speed for 2 minutes.
- In another bowl, beat egg whites until stiff peaks form. Fold the egg whites into the batter until incorporated.
- Line bottom of 8” cake pans with parchment paper and spray bottom and sides of pan lightly with non-stick cooking spray. Divide batter evenly between the pans.
- Bake at 350 degrees F 25-35 minutes, or until a toothpick inserted in the center of the cake comes out clean.
- Remove the pans from the oven and allow to cool for 5 minutes before inverting them onto a cooling rack to cool completely.
- Once cakes have cooled, use a sharp serrated knife cut each cake round in half horizontally, so that you end up with four thin cake rounds.
- Meanwhile, make the pineapple filling and coconut cream cheese frosting, and then you’re ready to assemble the cake.
Assemble cake:
Place one cake layer on a serving plate and spread half of the pineapple filling over it. Top with second cake layer, and smooth some of the coconut cream cheese frosting on top.
Top with third layer of cake. Spread remaining pineapple filling on top. Top with the last later of cake. Frost the sides and top of the cake. Sprinkle with shredded coconut flakes, if desired.
For best results, refrigerate the cake for a few hours before serving.
Make Ahead and Freezing Instructions:
This is one of those cakes that really tastes better after it’s been in the fridge for at least 4 hours, and I think it tastes even better on day two!
I like to prepare the cake, pineapple filling, and coconut cream cheese frosting a few days in advance, so each element is ready for whenever I choose to assemble it. Bake the cakes, and allow to cool completely. Torte in half, then wrap each layer really well in plastic wrap and place in a ziplock freezer bag. Freeze for up to one month. Frozen cakes are easier to work with, and to frost.
The pineapple filling and coconut frosting can be made up to a week in advance, or frozen for several weeks. Allow the coconut frosting to come to room temperature before using.
More Popular Cake Recipes:
- Tres Leches Cake
- German Chocolate Cake
- Chocolate Cake with Chocolate Mousse Filling
- Berry Cake with Lemon Cream Mousse
FOLLOW ME on FACEBOOK, TWITTER, INSTAGRAM and PINTEREST for more great recipes!
Recipe
Coconut Cake
Ingredients
For the Coconut Cake:
- 2 cups all-purpose flour
- 1 Tablespoon baking powder
- 1 teaspoon salt
- 1/2 cup unsalted butter , room temperature
- 2 cups granulated sugar
- 13.5 ounces canned unsweetened coconut milk , divided
- 1 1/2 teaspoons coconut extract
- 5 large egg whites
For the Pineapple Filling:
- 20 ounce can crushed pineapple
- 2/3 cup granulated sugar
- 2 Tablespoons cornstarch
For the Coconut Cream Cheese Frosting:
- 1/2 cup butter , room temperature
- 8 ounces cream cheese , room temperature
- 4-5 cups powdered sugar
- 1 – 2 Tablespoons leftover coconut milk , regular milk
- 1 cup shredded sweetened coconut
Instructions
Coconut Cake:
- Preheat oven to 350 degrees F. Line the bottom of two 8 inch cake pans with parchment paper and spray the bottom and sides of the pan lightly with cooking spray.
- In mixing bowl, whisk together flour, baking powder and salt. Set aside.
- In a separate mixing bowl, beat the butter on medium speed with an electric hand mixer or stand mixer for 1 minute, until light and fluffy. Add sugar and mix 1 minute.
- Add 1 ¼ cups coconut milk and coconut extract and mix.
- Gradually add flour mixture and mix on medium speed for 2 minutes.
- In another bowl, beat egg whites until stiff peaks form. Fold the egg whites into the batter until incorporated.
- Divide cake batter evenly between prepared cake pans. Bake at 350 degrees F for 25-35 minutes, or until a toothpick inserted in the center of the cake comes out clean, or with few moist crumbs.
- Remove the pans from the oven andย allow to cool for 5 minutes before inverting them onto a cooling rack to cool completely.
- Once cakes have cooled, use a sharp serrated knife to torte/cut each cake round in half horizontally, so that you end up with four thin cake rounds.
Pineapple Filling:
- Add all ingredients to medium saucepan over medium heat. Stir well to combine. Cook,ย stirring frequently, until mixture thickens and looks "glossy", about 5-8 minutes.
- Pour filling into a container and place a piece of plastic wrap directly on the surface of the filling. Once cooled, cover container and refrigerate until ready to use, up to one week.
Coconut Cream Cheese Frosting:
- Beat butter and cream cheese together until smooth. Add powdered sugar and a splash of the remaining coconut milk and mix until smooth and fluffy, about 3 minutes.
- Add a little more milk, to thin, or powdered sugar to stiffen, if needed, until you reach your desired frosting consistency.
- Stir in coconut flakes, saving some for sprinkling on the sides and top of the cake, if desired.
Assemble:
- Place one cake layer on serving plate. Spread half of the pineapple filling over it. Top with another cake layer, and smooth a layer of cream cheese frosting over it.
- Top with third cake layer. Spread remaining half of the pineapple filling over it. Top with last (4th) cake layer. Frost the sides and top of the cake with coconut cream cheese frosting. Sprinkle outsides of cake with shredded coconut, if desired.
- Refrigerate for at least 4 hours, before serving. (Tastes even better the next day!)
Notes
Nutrition
Did You Make This Recipe?
Tag @TastesBetterFromScratch on Instagram with #TastesBetterFromScratch!
Have you tried this recipe?!
RATE this recipe and COMMENT below! I would love to hear your experience.
I originally shared this recipe February 2018. Updated March 2021 with process photos and more concise instructions.
Some process photos by Nikole from The Travel Palate
Delicious. I made this for my husbands birthday and he loved it. Thank you. The hardest part was cutting the cakes in half, so I think I will make the cake twice and follow the instructions for frosting. Thank you,
Made this cake for a friend does it have to be refrigerated if not eaten the same day
For Pineapple filling can I Make frozen pineapple?
Can you use frozen pineapple? Yes that would work fine.
Coconut pineapple cake was heavenly.Been cooking for 60 years..My son in laws grandmother made this cake for one of their bridal showers,29 years ago.When she passed,the recipe was lost,been trying for many years to make it like hers.EUREKA!!!!I I think it must have been the coconut milk..THANK YOU SO MUCH.MERRY CHRISTMAS!!
This recipe was a hit! Moist and flavourful, I made this for my friends birthday as coconut and pineapple are her favourite flavours.
Excellent instructions can not wait to make it for the holidays
Came out scrumptious!
i use low fat cream cheese instead of regular and everyone loves it. Thank you for such a quick easy recipe.