This post may contain affiliate links. Please read our disclosure policy.

Pineapple coconut cake is a rich white cake full of pineapple flavor and just a hint of coconut, layered with a velvety smooth, indulgent coconut cream cheese frosting and sprinkled with toasted coconut. It’s the perfect dessert for coconut and pineapple lovers alike. 

Pineapple Cake with Coconut Frosting - traditional and gluten-free versions included - get the recipe at barefeetinthekitchen.com

Pineapple Coconut Cake

Handy canned pineapple and a splash of coconut milk make this special cake reminiscent of a Pina Colada. You already know how much I love a well-stocked pantry and these are two foods that you will always find in my kitchen.

This is not your average pineapple cake. The pineapple is pureed and mixed into the actual white cake batter so you get the tropical flavor in every bite. The resulting batter was so moist and pineapple-y that I could hardly believe it.

Coconut Frosting

In a nod of understanding to all of the people who can’t get past the texture of coconut, this is a smooth frosting flavored with creamy coconut milk. This gives the frosting a subtle coconut taste without the texture that some might find off-putting.

The higher fat content in canned coconut milk makes the frosting nice and creamy. Use the full fat variety of canned coconut milk rather than the lite or reduced-fat versions for the best results.

The coconut milk gets blended with cream cheese and powdered sugar to become a creamy sweet cake frosting that’s worth licking the spoon for. Please note that refrigerated coconut milk will not work in this recipe.

When making the easy coconut cake frosting, be sure to only beat the cream cheese in with the rest of ingredients until just combined. If you beat it for too long, the icing is prone to become runny no matter how much more powdered sugar you add.

Want to save this recipe?
Enter your email and we’ll send it to you – plus new recipes sent daily!
Fluffy Coconut Frosting - get the recipe at barefeetinthekitchen.com

You are welcome to add shredded coconut to the frosting, but I skipped it this time to create a coconut flavored frosting that the coconut-texture-avoidant members of my family would still love.

I like sprinkling toasted coconut flakes on top of this cake as a garnish and for a little extra crunch but again, only if I know everyone I’m serving it to is on board with the texture.

Pinapple Coconut Cake Recipe

The final addition to this pina colada inspired cake is the addition of a tiny bit of dark rum to the frosting. It adds a depth of flavor that I enjoyed combined with the pineapple and coconut flavors.

If you can’t or don’t want to use rum in the frosting, coconut extract is a perfect substitution or you can simply omit it altogether.

Because this Pineapple Coconut Cake is so moist, it keeps well in the refrigerator for 2-3 days and I especially love the way the cake tastes when it is cold. It’s an ideal summertime dessert that’ll make you think of sipping pina coladas (or Pineapple Mojitos) by the pool.

Tender Pineapple Cake with Fluffy Coconut Icing - get the recipe at barefeetinthekitchen.com

I’ve made this cake both the regular way and with gluten-free flour substitutions and it turned out well both ways. Check out all of the Gluten-Free Dessert Recipes on this website!

Coconut and Pineapple Cake

To make this delectable treat, you’ll need the following ingredients:

  • pineapple tidbits
  • eggs
  • sugar
  • canned coconut milk
  • butter
  • vanilla extract
  • flour
  • baking powder
  • teaspoon kosher salt
  • cream cheese
  • powdered sugar
  • Optional: dark rum or coconut extract, and sweetened coconut

Please remember that the coconut milk you buy from the refrigerated section of the grocery store will not work in this recipe. You need full-fat canned coconut milk.

Pineapple Cake with Fluffy Coconut Frosting - get the recipe at barefeetinthekitchen.com

Easy Pineapple Cake

Preheat the oven to 350°F. Grease and flour (2) 8-inch or 9-inch round pans.

Place the pineapple chunks in a blender or food processor and puree until completely smooth. In a large mixing bowl, beat the eggs and the sugar until smooth.

Stir in the coconut milk, melted butter, and vanilla. Add the flour, baking powder, and salt, stir to combine. Add 1 cup of the pureed pineapple and stir once more.

Divide the batter between the prepared pans. Bake for 35-38 minutes, or until a toothpick inserted in the center of the cake comes out clean.

Let the cakes cool in the pans for 15 minutes, before carefully inverting over a wire rack. Let the cakes cool completely.

Place the cream cheese in a large mixing bowl and beat with an electric mixer until smooth. Sprinkle in half of the powdered sugar and beat to combine.

Add the remaining sugar and beat again. Pour in the coconut milk and the vanilla, beat to combine and then taste the frosting. Adjust the sugar as desired, and add a tiny splash of rum, if you would like.

Place one layer of the cake on a plate, top with 1/3 of the frosting, smoothing it gently across the cake, almost to the edge. Gently place the second cake over the frosting layer.

I like to place the first cake upright and then flip the second cake over, so that the tops are facing in and the bottom is on top providing a nice flat layer. Scoop the remaining frosting onto the top cake and gently spread it across the cake.

Sprinkle with coconut, if desired, and chill in the refrigerator until ready to serve.

Baking Tips

Be careful to avoid overbeating the cream cheese for the frosting. Stop beating it as soon as it is smooth.

If it is beaten for too long, it will become runny and all the sugar in the world won’t thicken it again. I really like the hint of rum in the frosting, but it is delicious both with and without it. 

This cake can also be made in a 9×13 pan. Allow the cake to cool before icing it in the pan or turn the cooled cake out onto a platter and frost completely.

To toast the coconut, preheat the oven to broil. Spread the coconut across a baking pan and place it in the oven.

Do not walk away. Watch the coconut as it begins to brown, it will only take about a minute to toast and it will burn lightning fast if you aren’t paying attention.

Pineapple Cake with Coconut Cream Cheese Frosting - traditional and gluten-free versions included - get the recipe at barefeetinthekitchen.com

Recipes with Pineapple and Coconut

Like I mentioned earlier, I love cooking and baking with canned pineapple. I also can’t get enough fresh pineapple.

If you try and love this cake as much as my family did, you’re also likely to love my Mango Pineapple Ice Cream.

Bring on the pineapple and coconut for breakfast, too! Try out our Pineapple Coconut Baked Oatmeal and Hawaiian Banana Bread with Pineapple and Coconut.

For more coconut and pineapple dessert goodness, you should also have Pineapple Coconut Bars on your radar. They are everything that’s delicious about this cake in bar form with a crispy shortbread crust and coconut flakes.

And how could I forget to mention Pina Colada Ice Cream and Coconut Pineapple Smoothie Ice Cream? The names speak for themselves.

5 from 5 votes

Pineapple Cake with Coconut Frosting

Avatar photoMary Younkin
A rich white cake full of pineapple flavor and a hint of coconut.
Prep Time: 25 minutes
Cook Time: 38 minutes
2 hours
Total Time: 3 hours 3 minutes
Servings: 10 -12 servings
Save this recipe!
Get this sent to your inbox, plus get new recipes from us every week!

Ingredients 

Pineapple Cake

  • 14 ounce can pineapple tidbits drained
  • 4 eggs
  • 2 cups sugar
  • ¼ cup canned coconut milk
  • ½ cup butter melted
  • 1 teaspoon vanilla extract
  • cups all-purpose flour*
  • teaspoons baking powder
  • ½ teaspoon kosher salt

*Gluten-Free Alternative

  • cups brown rice flour
  • cup potato starch
  • cup tapioca starch
  • 1 teaspoon xanthan gum

Coconut Frosting

  • 16 ounces cream cheese room temperature
  • 3 cups powdered sugar
  • ½ cup canned coconut milk
  • 1 teaspoon vanilla extract
  • 1 tablespoon dark rum optional or 1/2 teaspoon coconut extract (optional)
  • 1 cup sweetened coconut for topping (toasted, if desired)

Instructions 

  • Preheat the oven to 350°F. Grease and flour (2) 8-inch or 9-inch round pans. Place the pineapple chunks in a blender or food processor and puree until smooth, without any chunks. In a large mixing bowl, beat the eggs and the sugar until smooth. Stir in the coconut milk, melted butter, and vanilla. Add the flour, baking powder, and salt, stir to combine. Add 1 cup of the pureed pineapple and stir once more.
  • Divide the batter between the prepared pans. Bake 35-38 minutes, until a toothpick inserted in the center of the cake comes out clean. Let cool in the pans for 15 minutes, before inverting the cakes over a wire rack. Let the cakes cool completely.
  • Place the cream cheese in a large mixing bowl and beat with an electric mixer until smooth. Add half the powdered sugar and beat to combine. Add the remaining sugar and beat again. Add the coconut milk and the vanilla, beat to combine and then taste the frosting. Adjust the sugar as desired, and add a tiny splash of rum, if you would like.
  • Place one layer of the cake on a plate, top with 1/3 of the frosting, smoothing it gently across the cake, almost to the edge. Gently place the second cake over the frosting layer. (I like to place the first cake upright and then flip the second cake over, so that the tops are facing in and the bottom is on top providing a nice flat layer.) Scoop the remaining frosting onto the top cake and gently spread it across the cake. Sprinkle with coconut, if desired, and chill in the refrigerator until ready to serve. Enjoy!

Notes

Be careful to avoid overbeating the cream cheese for the frosting. Stop beating it as soon as it is smooth. If it is beaten for too long, it will become runny and all the sugar in the world won’t thicken it again. I really like the hint of rum in the frosting, but it is delicious both with and without it. This cake can also be made in a 9×13 pan. Allow the cake to cool before icing it in the pan or turn the cooled cake out onto a platter and frost completely.
To toast the coconut, preheat the oven to broil. Spread the coconut across a baking pan and place it in the oven. Do not walk away. Watch the coconut as it begins to brown, it will only take about a minute to toast and it will burn lightning fast if you aren’t paying attention.

Nutrition

Calories: 760 kcal | Carbohydrates: 108 g | Protein: 9 g | Fat: 34 g | Saturated Fat: 22 g | Polyunsaturated Fat: 2 g | Monounsaturated Fat: 7 g | Trans Fat: 1 g | Cholesterol: 136 mg | Sodium: 386 mg | Potassium: 302 mg | Fiber: 2 g | Sugar: 81 g | Vitamin A: 988 IU | Vitamin C: 1 mg | Calcium: 109 mg | Iron: 2 mg

Nutrition information is automatically calculated, so should only be used as an approximation.

{originally published 8/13/15 – recipe notes and photos updated 1/22/25}

Tender Pineapple Cake with Fluffy Coconut Frosting! get the recipe at barefeetinthekitchen.com

You May Also Like

Leave a comment

Your email address will not be published. Required fields are marked *

Rating




30 Comments

  1. Erin @ Simple, Sweet & Savory says:

    WOW! This cake looks so incredibly moist and delicious! Is there a better combo than coconut and pineapple? YUM! Pinning to try this because my family would go crazy over it! And so would I… 🙂

  2. Anonymous says:

    Can't wait to make this next Tuesday night for our church's women's fellowship. I know they'll love it. Thanks for sharing.

  3. Tiara says:

    Hi Mary! I just wanted to share that your cake was another hit at work. I made cupcakes and it was eaten so fast. It was even nominated to be a contender in our annual Christmas dessert contest. The Cinnamon Toast Bars was another recipe that everyone loves. Thanks again!
    5 stars

  4. Joan Hayes says:

    Mary, this might be the most incredible pineapple coconut cake I've ever seen! It looks so moist and fluffy, and I'm loving that cream cheese icing! I really can't wait to give this a try, looks so, SO good!

  5. cinco says:

    When is the remainder of the pineapple puree added? I couldn't find where it is. Instructions say to add a cup of puree, no where is adding the remainder indicated.?

    1. Mary says:

      Any remaining puree will not be added in. Depending on the brand of pineapple, you should have just about 1 cup of puree from the entire can of drained pineapple tidbits. However, I tested this using a couple different brands of pineapple and one of them resulted in about 1 1/4 cup puree. So, I listed it in the recipe as 1 cup puree to avoid any accidents with too much puree in the batter. I hope that helps!

  6. Fira Vimartrhani says:

    Hi Mary! In my area, there are plenty of fresh pineapple and non canned. Can I use fresh one?

  7. plasterer bristol says:

    Oh boy we made this yesterday. turned out great and tasted delicious. Thanks for this.

    Simon5 stars

  8. Mary A Ford says:

    I have pure coconut extract. Do you think I could use this in combination with the vanilla extract as flavoring in the cake and frosting in lieu of the coconut milk, subtituting regular milk?

    1. Mary says:

      That should work. Happy baking!

  9. Teress says:

    When pureeing the pineapple chuck do I drain it or leave the liquid in it?

    1. Mary says:

      Drain the liquid from the pineapple chunks and then puree the pineapple chunks.

  10. Digna Cruz says:

    Waoo lo voy hacer el bizcocho de piña y coco me encantan las dos cosas5 stars

  11. Danna says:

    Does this pineapple cake taste better with gf all purpose flour or by using all the separate flours you listed or does it taste and do just as well doing it the easy way using one flour? Thank you for a reply
    Danna Boltom

  12. grosser says:

    Warum werden die Mengen nicht wie in D üblich in Gramm angegeben.Gibt auch nicht sehr versierte Intetessenten

  13. Amber says:

    Can you make the frosting with something else besides cream cheese? My husband does not like cream cheese.

    1. Mary says:

      I can’t really say, Amber. I haven’t tried making this with anything other than cream cheese.

  14. Jan says:

    Could this mix be made into cup cakes instead of the one cake?

    1. Mary Younkin says:

      This should work fine as cupcakes, Jan.

  15. Debbie says:

    I make a similar cake once a year. I have used the pinapple juice from the can and used it place of water in the cake mix. I after poke holes in the cake and pour maraschino cherry juice in and then top the cake with the cherries and pinapple from the can. I have also added macadamia nuts with the toasted coconut love your idea of coconut milk and rum taking it from a pinapple to a pinacolada. Cant wait to try it

    1. Mary Younkin says:

      I hope you love it, Debbie!

  16. dee says:

    why can i not see the receipt for pineapple cake with coconut frosting ..my family loves this cake

    1. Mary Younkin says:

      Hi Dee! You can click the “jump to recipe” link at the top of the post or scroll to the bottom of the post for the recipe.

  17. Linda Schiefer says:

    I love pineapple, & coconut. I can’t wait to make this. I know once my family comes over and try this, it will be gone. I will make sure to get mine before hand.
    Going to make one the run too ,thank you for the recipes.

    1. Mary Younkin says:

      I hope that you love the cake, Linda!

  18. Baisden says:

    Why not use drained crushed pineapple instead of using chunks? It’s the same result.5 stars

    1. Mary Younkin says:

      Feel free to use whichever one you like. The recipe is written in the way that I make it.

  19. pat says:

    awesome site thanks5 stars

    1. Mary Younkin says:

      You are welcome. Enjoy the pineapple cake!