Coconut Cake with Pineapple Filling

A from-scratch coconut cake with a fruity pineapple filling.

Prep Time:
25 mins
Cook Time:
30 mins
Additional Time:
35 mins
Total Time:
1 hr 30 mins
Servings:
10
Yield:
1 4 1/2x9-inch layer cake
Cook Mode (Keep screen awake)

Ingredients

Original recipe (1X) yields 10 servings

Cake:

  • 1 cup white sugar

  • ½ cup unsalted butter, softened

  • 2 large eggs

  • 2 teaspoons clear vanilla extract

  • 1 ½ cups all-purpose flour

  • 1 ¾ teaspoons baking powder

  • ½ cup coconut milk

Filling:

  • ¾ cup crushed pineapple with juice

  • 2 tablespoons cornstarch

Icing:

  • 3 ¾ cups confectioners' sugar

  • ¾ cup shortening

  • 1 teaspoon clear vanilla extract

  • cup coconut milk, or as needed

  • 1 ½ cups flaked coconut, or to taste

Directions

  1. Preheat the oven to 350 degrees F (175 degrees C). Grease and flour a 9-inch square pan.

  2. Cream butter and sugar together in a large bowl. Beat in eggs, one at a time; stir in vanilla extract.

  3. Combine flour and baking powder in a separate bowl; add to the creamed mixture and mix well. Mix in the coconut milk until batter is smooth. Scrape into the prepared pan and smooth the top flat.

  4. Bake in the preheated oven until the top springs back when lightly touched, 30 to 40 minutes. Cool on a wire rack for 5 minutes. Run a table knife around the edges to loosen. Invert carefully onto a cooling rack. Let cool, about 30 minutes.

  5. Meanwhile, combine crushed pineapple, juice, and cornstarch in a saucepan. Whisk until cornstarch is smooth. Heat over medium heat, stirring constantly, until filling has thickened and just barely starts to boil. Remove and set aside to cool.

  6. Cream confectioners' sugar and shortening together in a large bowl until light and fluffy. Beat in vanilla extract. Gradually add coconut milk, beating until smooth; you may need to use more or less milk depending on the desired thickness of the icing.

  7. Cut the cooled cake in half to form two 4 1/2x9-inch pieces. Spread pineapple filling on top of one half. Place the other half, top-side down, on top of the filling. Frost the sides and top with icing, then sprinkle coconut all over icing, pressing gently so it sticks.

Cook's Notes:

You can spike the pineapple filling with rum for a delicious adult version!

You may need to add additional sugar or lemon juice to the filling to adjust sweetness to your taste.

You may tint the coconut if desired, prior to putting it on the cake, by placing coconut in plastic bag and adding a drop or more of food coloring and shaking until all coconut is coated. Add more coloring until desired shade is reached.

Nutrition Facts (per serving)

669 Calories
33g Fat
92g Carbs
4g Protein
Nutrition Facts
Servings Per Recipe 10
Calories 669
% Daily Value *
Total Fat 33g 42%
Saturated Fat 17g 83%
Cholesterol 62mg 21%
Sodium 136mg 6%
Total Carbohydrate 92g 34%
Dietary Fiber 2g 7%
Total Sugars 73g
Protein 4g 8%
Vitamin C 2mg 2%
Calcium 66mg 5%
Iron 2mg 11%
Potassium 143mg 3%

* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

** Nutrient information is not available for all ingredients. Amount is based on available nutrient data.

(-) Information is not currently available for this nutrient. If you are following a medically restrictive diet, please consult your doctor or registered dietitian before preparing this recipe for personal consumption.