This Pineapple Coconut Cake is an easy egg-free, dairy-free 6-ingredient cake with fresh pineapple bites for a delicious tropical taste.
While the whole recipe is just below, don’t miss all my tips further down, including ingredient swaps, my cooking tips, and step-by-step shots!
Like This Recipe?
Leave a comment below or head to our Facebook page where I reply to (almost) all comments, our Instagram page for inspiration, or our Pinterest for saving recipes!

Pineapple Coconut Cake
Ingredients
- 1 ½ cups Self-Rising Flour - (note 1)
- 1 can (8 oz) Crushed Pineapple - (note 2)
- 1 cup Unrefined Sugar - (note 3)
- ⅓ cup Melted Coconut Oil - (note 4)
- ½ cup Canned Coconut Milk - (note 5)
- 1 cup Desiccated Coconut - (note 6)
Optional – recommended for flavor
- 2 teaspoons Vanilla Extract - or 1 teaspoon rum extract
Instructions
- Preheat the oven to 350°F (180°C). Line a 9-inch square cake pan with parchment paper. Oil the sides and bottom of the parchment paper and pan. Set aside.
- In a large mixing mixing bowl, whisk self-rising flour, and sugar.
- Fold in crushed pineapple, melted coconut oil, coconut milk, vanilla extract, and unsweetened desiccated coconut.
- Stir with a rubber spatula to incorporate.
- Pour the batter in the prepared pan.
- Bake the cake at 350°F (180°C) for 35-40 minutes. Check if the cake is ready by inserting a toothpick in the center of the cake. If it comes out clean, it's ready to remove from the oven. If not, bake longer, in 10-minute increments, until the crumb is set.
- Cool down on a cooling rack before at room temperature for 1 hour before serving.
Notes
Nutrition
Ingredients and Substitutions
You only need 6 ingredients to make the base of this cake.

- Self-Rising Flour – This provides the structure for the cake. You can also use all-purpose flour with baking powder. For a gluten-free option, use my gluten-free converter, but don’t forget the baking powder.
- Crushed Pineapple – This adds moisture and a tropical fruit flavor. Use it with its juice.
- Sugar – This sweetens the cake. Coconut sugar or unrefined cane sugar also work.
- Melted Coconut Oil – This adds moisture and richness. Any light-flavored oil you prefer also works.
- Canned Coconut Milk – This contributes to a fluffy crumb and adds coconut flavor. Oat milk, soy milk, or almond milk also work.
- Desiccated Coconut – This adds texture and coconut flavor. You can omit it if you prefer a cake without coconut pieces.
How to Make Pineapple Coconut Cake
This cake is really easy to whip up, here’s how in a few pictures.

Combine the base batter ingredients in a mixing bowl.

Stir the batter with a spatula until just combined.

Pour the batter in a square pan lined with parchment paper.

Bake the cake at 350 °F (180 °C) for 35-40 minutes.

Combine the frosting ingredients and spread it on the cake after cooling.

Add slices of pineapple and glace cherries on each slice.
Carine’s Baking Tips
Let me share a few more tips for a perfect cake.
- Frosting Enhancement – Top the cake with my dairy-free vanilla frosting or coconut frosting for extra flavor.
- Pina Colada Presentation – Serve cake slices with fresh pineapple pieces and glace cherries for a tropical look.
- Coconut Sprinkle – Sprinkle unsweetened desiccated coconut on the frosted cake for more coconut flavor.
- Rum Infusion – Add 1 teaspoon of rum extract to the cake batter for a delicious tropical note.






So easy to make . Lovely & moist
I made this and it was delish!
Definitely making it on repeat
Thank you !
Thank you!
Loved by everyone who tried this – will definitely make again
Thank you!
Hi Carine, the cake was absolutely delicious. I skipped the desiccated coconut because I didn’t have it on hand. The bottom of the cake was a bit sticky though probably because of the pectin in pineapple, making it harder to serve to guests. Any tips to help with that?
Ironic second question, Do you think I could probably add more pineapple? I absolutely loved the pineapple chunks in some bites but I would love to have more of it.
Thank you so much! I would flip the cake over on a cooling rack so the bottom of the cake become the top. It’s always the bottom that become stickier due to the pineapple flesh. I love the idea of adding more pineapple, which I would probably add in the frosting rather than the cake batter. It might turn the batter way too sticky and moist.
This cake is very delicious. I used gluten-free flour mix and added 3 teaspoons baking powder. It works very well. I used a 9 inch round pan and used less sugar. 150g. Still to sweet . Next time i try 100g . Thanks for this!
Thank you so much for sharing that, I can’t believe it work so well with gluten-free flour too!
Hi ya are your books just available on here or can they be bought from somewhere like Amazon for example
Thank you for taking time to read my comment
Sandra
I don’t have a cookbook yet, but you can access all my recipes for free on this website.
Out of oven but what did you use for the frosting?
I am using my dairy-free frosting recipe here. Enjoy!
Hi thanks for the recipe, are you able to use gf flour instead ?
I don’t think it will work well.
yum
I am glad you like the cake!
Has this been tried with almond flour for a more low carb version and a substitute sugar
I won’t hold with low-carb flour because the cake has no eggs.
beautiful a must try
Let me know how it goes when you make it!