Pineapple Cake with Coconut Frosting is a rich white cake full of pineapple flavor and just a hint of coconut, layered with creamy coconut cream cheese frosting and sprinkled with toasted coconut. It’s the perfect dessert for coconut and pineapple lovers alike.
I’m partnering with Alberston’s and Safeway today to create a new recipe for the “Cans Get You Cooking” project.
I’m playing with pineapple (my all-time favorite canned fruit!) and a splash of coconut milk for a hint of classic Pina Colada flavor in this Pineapple Cake with Coconut Frosting. You already know how much I love a well-stocked pantry and these are two foods that you will always find in my kitchen.
Pineapple Cake
I played with several ideas for a pina colada style cake over the past year and I am so happy with this final cake. While I love Pineapple Upside Down Cake and make it often, for this cake I wanted something a little different.
The pineapple is pureed and mixed into the actual white cake batter so you get pineapple flavor in every bite. The resulting batter was so moist and pineapple-y that I could hardly believe it.
Coconut Frosting
My boys gave the cake two thumbs up and my youngest asked if I could please make more coconut desserts. It appears that I have a solid coconut fan on my side now!
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.
(Please note the can in the photograph, because a carton of coconut milk from the refrigerated section at the grocery store will not work the same way!)
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.
When making the 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.
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.
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 delicious 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.
Pineapple Recipes
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 Pineapple Mojito Fruit Salad (which, like Pineapple Coconut Cake, was inspired by my enjoyment of pineapple flavored drinks) and Mango Pineapple Ice Cream.
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.
This non-alcoholic Pina Colada Smoothie also sounds like a fantastic (and healthy) way to get your pineapple fix.
And how could I forget to mention Pina Colada Ice Cream? The name speaks for itself.
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!
Pineapple Cake with Coconut Frosting
- 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 ⅓ 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!
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 Frosting
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
- 2½ cups all-purpose flour*
- 2½ teaspoons baking powder
- ½ teaspoon kosher salt
*Gluten-Free Alternative
- 1½ 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 ½ 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 ⅓ 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
Nutrition
Disclosure: I’ve partnered with Albertsons & Safeway to share this recipe with you. Thank you for supporting the brands that make Barefeet In The Kitchen possible. As always, all thoughts are my own.
{originally published 8/13/15 – recipe notes and photos updated 6/17/22}
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… 🙂
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.
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!

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!
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.?
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!
Fira Vimartrhani says
Hi Mary! In my area, there are plenty of fresh pineapple and non canned. Can I use fresh one?
plasterer bristol says
Oh boy we made this yesterday. turned out great and tasted delicious. Thanks for this.
Simon
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?
Mary says
That should work. Happy baking!
Teress says
When pureeing the pineapple chuck do I drain it or leave the liquid in it?
Mary says
Drain the liquid from the pineapple chunks and then puree the pineapple chunks.
Digna Cruz says
Waoo lo voy hacer el bizcocho de piña y coco me encantan las dos cosas
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
grosser says
Warum werden die Mengen nicht wie in D üblich in Gramm angegeben.Gibt auch nicht sehr versierte Intetessenten
Amber says
Can you make the frosting with something else besides cream cheese? My husband does not like cream cheese.
Mary says
I can’t really say, Amber. I haven’t tried making this with anything other than cream cheese.
Jan says
Could this mix be made into cup cakes instead of the one cake?
Mary Younkin says
This should work fine as cupcakes, Jan.
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
Mary Younkin says
I hope you love it, Debbie!
dee says
why can i not see the receipt for pineapple cake with coconut frosting ..my family loves this cake
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.
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.
Mary Younkin says
I hope that you love the cake, Linda!
Baisden says
Why not use drained crushed pineapple instead of using chunks? It’s the same result.
Mary Younkin says
Feel free to use whichever one you like. The recipe is written in the way that I make it.
pat says
awesome site thanks
Mary Younkin says
You are welcome. Enjoy the pineapple cake!