Pineapple Cake Coconut Frosting

Category: Sweet Treats to Satisfy Any Craving

Bursting with sweet pineapple and topped with silky coconut frosting, this cake delivers irresistible tropical flavor. Soft, moist layers are made with pureed pineapple, sugar, and coconut milk for a tender crumb, while the creamy frosting blends cream cheese, coconut milk, and a hint of vanilla. A flurry of toasted coconut completes the look and adds texture. Whether using classic or gluten-free flour, each step ensures a luscious dessert. Simple instructions guide you from mixing to layering and frosting, delivering a crowd-pleasing treat that feels both festive and fresh.

Barbara Chef
Updated on Sun, 18 May 2025 15:06:46 GMT
A cake with coconut on top. Pin
A cake with coconut on top. | cookwithcarla.com

Pineapple Cake with Coconut Frosting is the dessert that makes any occasion feel like a celebration It has moist layers packed with juicy pineapple and a pillow of creamy coconut frosting on top Nothing brings my family to the table faster and it is the recipe I bake to remind us all of vacations in the tropics

The first time I made this was for my mom’s birthday and she still calls it her all time favorite birthday cake The combination of sweet pineapple and rich coconut is pure sunshine on a plate

Ingredients

  • Canned pineapple tidbits: use good quality brands packed in juice for best flavor the pineapple brings natural sweetness and keeps the cake moist
  • Eggs: fresh eggs ensure a fluffy rise and add richness to the cake
  • Sugar: gives sweetness and helps the cake brown beautifully look for fine granulated sugar
  • Canned coconut milk: full fat coconut milk makes every bite creamy and deeply flavorful always shake the can before using
  • Butter: melted and cooled slightly choose unsalted for better control over flavor it adds richness and moistness
  • Vanilla extract: real vanilla deepens all the tropical notes
  • All purpose flour: go for unbleached and sift for a tender crumb
  • Baking powder: makes the cake rise evenly and stay light
  • Kosher salt: balances sweetness and sharpens all other flavors
  • Gluten free alternative: brown rice flour potato starch tapioca starch and xanthan gum create a GF version with texture close to classic
  • For the Frosting
  • Cream cheese: at room temperature allows the frosting to whip up super smooth try to use full fat for best texture
  • Powdered sugar: sift before measuring to avoid lumps in your frosting
  • Canned coconut milk: adds a hint of coconut to every bite again full fat is best
  • Vanilla extract: real vanilla brings warmth and complexity
  • Dark rum or coconut extract: both optional but bring a grown up twist or boost coconut flavor
  • Sweetened coconut flakes: for topping choose flaked or shredded and try to toast them for crunch

Step by Step Instructions

Prepare the Pans:
Grease and flour two eight or nine inch round cake pans Make sure you get into the edges to prevent sticking
Puree the Pineapple:
Drain the canned pineapple and blend until smooth with no chunks left Pureeing ensures there are no chewy bits and the moisture is right
Mix Wet Ingredients:
In a large bowl beat the eggs and sugar until pale and smooth this helps dissolve the sugar and whip some air in Add the coconut milk melted butter and vanilla and stir gently until even
Combine Dry Ingredients:
Add flour baking powder and salt to the wet mixture and stir just until combined Do not over mix if you want the cake to stay tender
Add Pineapple:
Mix in one cup of the pureed pineapple Fold gently to keep the batter light
Bake the Cakes:
Divide the batter between your pans and smooth the tops Bake in a preheated three fifty degree oven until a toothpick in the center comes out clean about thirty five to thirty eight minutes Let the cakes cool in the pans for about fifteen minutes then invert them onto a rack and cool completely
Make the Frosting:
Beat cream cheese in a large bowl with an electric mixer until super smooth Add powdered sugar in two parts whipping thoroughly after each addition Pour in coconut milk and vanilla beat until creamy Taste and if you want more flavor add a splash of rum or coconut extract
Assemble the Cake:
Lay one cake layer on your plate and spread a third of the frosting almost to the edge Stack the second layer upside down for a flat top Cover with the rest of the frosting making swoops with your spatula Sprinkle coconut flakes on top Press gently so they cling well Chill before serving to let everything set
A slice of cake with coconut on top. Pin
A slice of cake with coconut on top. | cookwithcarla.com

My favorite part of this recipe is always toasting the coconut for the topping That warm nutty smell instantly fills the kitchen and has everyone peeking around the oven waiting for a taste This cake became our family’s Easter tradition and every year someone tries to sneak a bit of frosting from the bowl

Storage Tips

This cake keeps beautifully in the fridge for two to three days Just cover tightly with plastic wrap to keep it from drying out The flavors deepen as it sits so leftovers are a treat The frosted cake freezes well too just thaw overnight in the fridge before serving

Ingredient Substitutions

If you cannot find pineapple tidbits crushed pineapple also works just make sure to drain it well You can use gluten free flour blend if you want less fuss or swap the butter with neutral oil for a dairy free version but the flavor will change Almond extract is a fun substitute for vanilla if you are feeling creative

Serving Suggestions

Serve this cake cold for the firmest frosting slice or let it warm a little for extra creaminess Fresh berries on the side look beautiful or scoop vanilla ice cream for a real celebration With coffee or tropical tea this cake makes any get together feel special

A cake with coconut on top. Pin
A cake with coconut on top. | cookwithcarla.com

A Slice of Sunshine

This cake brings together classic Southern pineapple sheet cakes and coconut sweets you find in the Caribbean It is nostalgic and a little exotic at the same time My grandmother would always say It tastes like vacation Besides being a showstopper for birthdays it is the kind of dessert that starts conversations and ends dinners with smiles

Recipe Questions & Answers

→ How do I achieve a moist pineapple cake?

Puree the pineapple tidbits until smooth, and use both coconut milk and melted butter in the batter. This combination ensures tender, moist layers with rich tropical flavor.

→ Can I make this cake gluten-free?

Yes, you can substitute the all-purpose flour with a blend of brown rice flour, potato starch, tapioca starch, and xanthan gum to create a gluten-free version with equally delicious results.

→ Is toasting the coconut for topping necessary?

Toasting the coconut is optional, but it adds a pleasant crunch and deeper flavor. Simply toast the shredded coconut in a dry skillet over medium heat until golden.

→ Should the cake be refrigerated after frosting?

Yes, due to the cream cheese in the coconut frosting, it's best to refrigerate the cake until ready to serve. Allow slices to come to room temperature for best texture.

→ Can I use fresh pineapple instead of canned?

Fresh pineapple can be used if chopped and pureed thoroughly, but the result may be slightly less sweet than with canned pineapple tidbits.

→ Is dark rum in the frosting necessary?

Adding dark rum is optional and can be swapped for coconut extract. It lends a hint of depth to the frosting but can be omitted for an alcohol-free version.

Pineapple Cake Coconut Frosting

Tropical flavors of pineapple and coconut come together in a melt-in-your-mouth layered dessert.

Preparation Time
25 mins
Cook Time
38 mins
Total Time
63 mins

Category: Desserts

Difficulty Level: Intermediate

Cuisine Type: American

Yield: 12 Servings

Dietary Preferences: Vegetarian

What You'll Need

→ Pineapple Cake

01 14 ounces pineapple tidbits, drained
02 4 eggs
03 2 cups sugar
04 1/4 cup canned coconut milk
05 1/2 cup butter, melted
06 1 teaspoon vanilla extract
07 2 1/2 cups all-purpose flour
08 2 1/2 teaspoons baking powder
09 1/2 teaspoon kosher salt

→ Gluten-Free Alternative

10 1 1/2 cups brown rice flour
11 2/3 cup potato starch
12 1/3 cup tapioca starch
13 1 teaspoon xanthan gum

→ Coconut Frosting

14 16 ounces cream cheese, room temperature
15 3 cups powdered sugar
16 1/2 cup canned coconut milk
17 1 teaspoon vanilla extract
18 1 tablespoon dark rum (optional, or 1/2 teaspoon coconut extract)
19 1 cup sweetened coconut, toasted if desired

Steps to Follow

Step 01

Preheat the oven to 350°F. Grease and flour two 8-inch or 9-inch round pans. Place the pineapple chunks in a blender or food processor and puree until smooth without chunks. In a large mixing bowl, beat the eggs and sugar until smooth. Stir in the coconut milk, melted butter, and vanilla. Add the flour, baking powder, and salt. Mix until combined. Add 1 cup of the pureed pineapple and stir again.

Step 02

Divide the batter evenly between the prepared pans. Bake for 35-38 minutes, or until a toothpick inserted into the center comes out clean. Let the cakes cool in the pans for 15 minutes before transferring to a wire rack to cool completely.

Step 03

Place the cream cheese in a large mixing bowl and beat with an electric mixer until smooth. Add half the powdered sugar and mix until combined. Add the remaining powdered sugar, along with the coconut milk and vanilla. Mix again. Taste the frosting and adjust sweetness if needed. Optionally, add a splash of rum or coconut extract.

Step 04

Place one cake layer on a serving plate. Spread 1/3 of the frosting evenly on top. Place the second cake layer inverted on top for a flat surface. Spread the remaining frosting over the top and sides. Sprinkle with toasted coconut, if desired. Refrigerate until ready to serve.

Tools You'll Need

  • Blender or food processor
  • Mixing bowls
  • Electric mixer
  • 8-inch or 9-inch round pans
  • Wire rack

Allergy Information

Check every ingredient for potential allergens. Consult a healthcare professional for concerns.
  • Dairy (cream cheese, butter)
  • Gluten (all-purpose flour, unless using a gluten-free alternative)
  • Eggs

Nutrition Info (Per Serving)

These details are for informational purposes and don’t replace medical advice.
  • Calories: 460
  • Fats: 20.5 g
  • Carbohydrates: 55.8 g
  • Proteins: 5.9 g