Pineapple Coconut Cake

This gorgeous tiered pineapple coconut cake is layered with homemade pineapple curd between a tender crumbed coconut cake, then topped with cream cheese frosting and toasted coconut flakes.

  • Total 1 hour 15 minutes
  • Serves 12 servings
  • Dessert
  • American
Jump to the recipe
Pineapple Coconut Cake on a cake stand with a slice being removed

This gorgeous tiered pineapple coconut cake is layered with homemade pineapple curd between a tender crumbed coconut cake, then topped with cream cheese frosting and toasted coconut flakes.

Pineapple Coconut Cake on a cake stand more

Why this recipe works

Each bite of pineapple coconut cake is bursting with sweet tropical flavor between the pineapple curd and soft coconut cake. Smother it in smooth homemade cream cheese frosting to really tie all the flavors together!

This pineapple coconut cake is a show-stopper and makes an excellent dessert for summer and spring celebrations. It’s moist, sweet, and has a delicate crumb. Neither the coconut nor pineapple take precedence in this cake, it’s a lovely mix of both flavors that complement each other well.

Slice of Pineapple Coconut Cake on a plate

Ingredients you will need

Get all measurements, ingredients, and instructions in the printable version at the end of this post.

Ingredients for Pineapple Coconut Cake

Ingredient Info and Substitution Suggestions

COCONUT – The cream of coconut in the cake batter adds a huge punch of coconut flavor and moisture. It also add sweetness. If you omit this ingredient, it will throw off the balance of flavors and texture, which have been adjusted for this cake. Cream of coconut can be found in most grocery stores – it is usually canned, but I’ve also found it in a squeeze bottle. It is NOT the same as coconut milk or coconut cream. Coco Lopez is the most well-known brand of cream of coconut.

FROSTING – Homemade cream cheese frosting adds an extra special touch. The frosting will yield you enough to frost the entire outside of the cake, plus extra for piping on a few decorations.

GARNISH – To toast coconut, spread it in a single layer on a baking sheet and bake for 3-5 minutes in a 350°F oven until golden brown. Remove from hot baking sheet immediately. Flaked or shredded coconut, sweetened or unsweetened, can be used.

How to Make Pineapple Coconut Cake

These step by step photos and instructions are here to help you visualize how to make this recipe. You can Jump to Recipe to get the printable version of this recipe, complete with measurements and instructions at the bottom.

Making the Cake

  1. Preheat the oven to 350°F. Spray three 7” round cake pans with non-stick baking spray and line the bottoms with parchment paper.
  2. In a large mixing bowl, beat butter and sugar until light and creamy with either a hand mixer or standing mixer. Add one egg at a time, beating well after each addition.butter and sugar in a mixing bowladding egg to butter and sugar mixture
  3. Add vanilla extract, coconut extract, and cream of coconut and beat well.adding vanilla extract, coconut extract, and cream of coconut to cake mixture
  4. In a separate bowl, mix together the flour, baking powder, and salt.
  5. Add half of the flour mixture to the butter mixture and begin to beat. Add half of the milk, then the remaining flour mixture, then the rest of the milk. Beat just until fully combined.adding dry ingredients to wet ingredients for cake in a bowladding wet ingredients to dry ingredients in bowl
  6. Divide the batter between the three prepared cake pans.coconut cake batter in round cake pans
  7. Bake for 30-35 minutes, until a toothpick inserted into the center comes out with just a few crumbs.baked coconut cakes in round pans
  8. Cool cakes on a cooling rack for 10-15 minutes, then turn out from the pans and cool the rest of the way.
  9. To make assembly of the cake easier, wrap cooled cakes in plastic wrap and place in the freezer until firm.

Pineapple Curd Instructions

  1. To make the curd, whisk together eggs, egg yolks, crushed pineapple, sugar, and lemon juice in a cold saucepan.ingredients for pineapple curd in a sauce pan
  2. Heat over medium-low, whisking continuously, for 7-10 minutes. When the curd becomes foamy throughout and then pales and thickens, it is done. Do not turn the heat above medium at any time, as this will overcook the eggs.whisking pineapple curd in a saucepan
  3. Remove the curd from the heat and whisk in the butter until melted and fully combined.adding butter to pineapple curd
  4. Transfer curd to a bowl and press a sheet of plastic wrap over it. Cool to room temperature and then chill in the refrigerator until thickened and cold.pineapple curd covered in a bowl

Cream Cheese Frosting Instructions

  1. In the bowl of a standing mixer, beat together cream cheese and butter until light and creamy.mixed cream cheese and butter in a bowl
  2. Add powdered sugar and vanilla and beat to combine.adding powdered sugar and vanilla to cream cheese frosting
  3. Add in heavy cream 1 tablespoon at a time while beating on medium-high speed until desired consistency is reached.pouring heavy cream into cream cheese frostingcream cheese frosting on a spatula
  4. Keep frosting chilled (and covered with plastic wrap) until ready to use.

Assembly

  1. Level the tops of the cakes as needed. On the first layer, pipe a ring of cream cheese frosting around the top edge to contain the pineapple curd.frosting cake layers
  2. Fill the ring with about 1⁄2 cup of pineapple curd.
  3. Gently press the second layer on top of the filling and add another ring of frosting and fill with pineapple curd.
  4. Top with the final layer of cake. Frost with cream cheese frosting. spreading frosting on cakepiped cream cheese frosting on top of frosted cake
  5. Decorate with toasted coconut.toasted coconut added on top of frosted pineapple coconut cake

Frequently Asked Questions & Expert Tips

Can I use coconut milk or coconut cream instead of cream of coconut?

I highly suggest sticking to cream of coconut for this recipe. Cream of coconut is a sweetened version of coconut cream, I would not suggest substituting the two. Coconut milk does not have the same consistency or texture as cream of coconut, and it will yield different results. Cream of coconut can be found in most grocery stores – it is usually canned, but I’ve also found it in a squeeze bottle.

How do I store pineapple coconut cake?

Store the pineapple coconut cake, covered, in the refrigerator for up to 5 days. I suggest using a cake carrier for storing. The cake can also be stored without a covering, but once it has been cut into, it should be covered with at least plastic wrap.

Can I freeze it?

Yes, you can freeze the individual layers of unfrosted cake once fully cooled. To do so, wrap the layers individually in Press N Seal or in a couple of layers of plastic wrap. Follow that up with a layer of aluminum foil. Place the wrapped layers in either a large ziptop bag or an air-tight container and freeze for up to 3 months. Thaw in the refrigerator overnight with the wrapping still on. It’s truly best to wait until you are ready to serve to frost the cake (or the night before) so you don’t end up cracking or smooshing the frosting you decorated on top. You may freeze leftover frosted slices of cake following the same method above, so long as you are okay with potentially messing up the frosting a bit.

Partially eaten slice of Pineapple Coconut Cake on a plate with a fork

Serving Suggestions

Decorate your pineapple coconut cake with pipes of cream cheese frosting on top and garnish with toasted coconut around the perimeter and sprinkled on top. Enjoy at room temperature or chilled optionally with a scoop of ice cream on the side.

Use your leftover pineapple curd to fill cupcakes, to drizzle on top of ice cream, as a garnish for cheesecake, or to mix into yogurt.

More Related Recipes

I love to bake and cook and share my kitchen experience with all of you! Remembering to come back each day can be tough, that’s why I offer a convenient newsletter every time a new recipe posts. Simply subscribe and start receiving your free daily recipes!