Coconut Cake with Pineapple Filling and Coconut Cream Cheese Frosting Recipe

Introduction

This coconut cake is a tropical delight with moist layers infused with coconut milk and filled with a luscious pineapple filling. Topped with creamy coconut cream cheese frosting and shredded coconut, it’s perfect for any celebration or a special treat.

A slice of three-layer white cake rests on a white plate on a white marbled surface, with a silver fork partially cutting into the bottom layer. The cake has white fluffy frosting covering the top and sides, with shredded coconut sprinkled generously on the frosting and scattered on the plate. Inside, two layers of pale yellow custard or cream are sandwiched between the white cake layers, giving a moist, creamy look. The background shows another slice of cake out of focus and a striped cloth on the right side. Photo taken with an iphone --ar 4:5 --v 7

Ingredients

  • 2 cups all-purpose flour (250g)
  • 1 Tablespoon baking powder (12g)
  • 1 teaspoon salt (6g)
  • 1/2 cup unsalted butter (113g), room temperature
  • 2 cups granulated sugar (400g)
  • 13.5 ounces canned unsweetened coconut milk (400 ml), divided
  • 1 1/2 teaspoons coconut extract (7.5 ml)
  • 5 large egg whites
  • 20 ounce can crushed pineapple (567 g)
  • 2/3 cup granulated sugar (134g)
  • 2 Tablespoons cornstarch (16 g)
  • 1/2 cup butter (113g), room temperature
  • 8 ounces cream cheese (226g), room temperature
  • 4-5 cups powdered sugar (480g-600g)
  • 1-2 Tablespoons leftover coconut milk or regular milk (15-30 ml)
  • 1 cup shredded sweetened coconut (85g)

Instructions

  1. Step 1: Preheat the oven to 350°F. Line the bottoms of two 8-inch cake pans with parchment paper and lightly spray the bottom and sides with cooking spray.
  2. Step 2: In a mixing bowl, combine the flour, baking powder, and salt. Set this dry mixture aside.
  3. Step 3: In a separate bowl, beat the butter on medium speed with a mixer for 1 minute until light and fluffy. Add 2 cups granulated sugar and mix well. Then add 1 1/4 cups coconut milk and coconut extract, mixing to combine.
  4. Step 4: Gradually add the flour mixture to the wet ingredients and mix on medium speed for 2 minutes.
  5. Step 5: In another clean bowl, beat the egg whites until stiff peaks form. Gently fold the egg whites into the batter until well incorporated.
  6. Step 6: Divide the batter evenly between the prepared cake pans. Bake for 25-35 minutes, or until a toothpick inserted in the center comes out clean or with a few moist crumbs. Let the cakes cool in the pans for 5 minutes, then invert onto cooling racks to cool completely.
  7. Step 7: Once cooled, use a serrated knife to slice each cake layer horizontally in half, creating four thinner rounds.
  8. Step 8: For the pineapple filling, combine crushed pineapple, 2/3 cup sugar, and cornstarch in a medium saucepan over medium heat. Stir frequently until thickened and glossy, about 5-8 minutes. Transfer to a container, press plastic wrap directly on the surface, and refrigerate until ready to use, up to one week.
  9. Step 9: Make the coconut cream cheese frosting by beating the butter and cream cheese until smooth. Add powdered sugar and 1 tablespoon of remaining coconut milk and beat until fluffy, about 3 minutes. Adjust consistency by adding more milk to thin or more sugar to thicken. Stir in shredded coconut, reserving some for decorating.
  10. Step 10: Assemble the cake by placing one cake layer on a serving plate. Spread half the pineapple filling over it, then top with the second cake layer. Spread a layer of frosting on top. Add the third cake layer, spread the remaining pineapple filling, then place the final layer on top. Frost the entire cake with the remaining frosting and sprinkle shredded coconut on the sides and top as desired.
  11. Step 11: Refrigerate the assembled cake for at least 4 hours before serving. The flavor improves if made a day ahead.

Tips & Variations

  • Use fresh pineapple for the filling if canned is unavailable, but adjust the sugar to balance sweetness.
  • For a more intense coconut flavor, toast the shredded coconut before folding it into the frosting and for decoration.
  • Whisk egg whites just until stiff peaks form to keep the cake light and airy.

Storage

Store the cake covered in the refrigerator for up to 4 days. Keep it in an airtight container to maintain moisture. Before serving, bring it to room temperature for best texture and flavor. Leftover cake can be frozen wrapped tightly for up to 2 months; thaw in the refrigerator overnight.

How to Serve

A slice of soft white layered cake sits on a white plate, with three visible layers separated by creamy, pale yellow filling. The outside is covered in fluffy white frosting and topped with shredded white coconut, which also spills onto the plate around the cake. A fork rests cutting into the front bottom layer of the cake, showing the moist texture inside. The plate is set on a white marbled surface, and the background is softly blurred to keep the focus on the cake. photo taken with an iphone --ar 4:5 --v 7

Serve this delicious recipe with your favorite sides.

FAQs

Can I use regular milk instead of coconut milk?

Yes, regular milk can be used, but coconut milk adds a richer, more authentic coconut flavor to the cake.

How do I know when the cake is perfectly baked?

Insert a toothpick into the center of the cake; it should come out clean or with a few moist crumbs but no wet batter. Also, the cakes should spring back lightly when touched.

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Coconut Cake with Pineapple Filling and Coconut Cream Cheese Frosting Recipe


  • Author: Harry
  • Total Time: 55 minutes plus chilling time
  • Yield: 12 servings 1x

Description

This moist and flavorful Coconut Cake combines the tropical taste of coconut milk and shredded coconut with a luscious pineapple filling and creamy coconut cream cheese frosting. Layered with tender cake rounds and a glossy pineapple topping, this cake is perfect for summer gatherings or any celebration that calls for a delightful, tropical-inspired dessert.


Ingredients

Scale

Cake

  • 2 cups all-purpose flour (250g)
  • 1 Tablespoon baking powder (12g)
  • 1 teaspoon salt (6g)
  • 1/2 cup unsalted butter (113g), room temperature
  • 2 cups granulated sugar (400g)
  • 13.5 ounces canned unsweetened coconut milk (400 ml), divided
  • 1 1/2 teaspoons coconut extract (7.5 ml)
  • 5 large egg whites

Pineapple Filling

  • 20 ounce can crushed pineapple (567g)
  • 2/3 cup granulated sugar (134g)
  • 2 Tablespoons cornstarch (16g)

Coconut Cream Cheese Frosting

  • 1/2 cup unsalted butter (113g), room temperature
  • 8 ounces cream cheese (226g), room temperature
  • 45 cups powdered sugar (480g-600g)
  • 12 Tablespoons leftover coconut milk or regular milk (1530 ml)
  • 1 cup shredded sweetened coconut (85g)

Instructions

  1. Preheat and Prepare Pans: Preheat oven to 350°F (175°C). Line the bottom of two 8-inch cake pans with parchment paper and lightly spray the bottom and sides with cooking spray to prevent sticking.
  2. Mix Dry Ingredients: In a mixing bowl, whisk together the flour, baking powder, and salt. Set aside.
  3. Cream Butter and Sugar: In a separate large mixing bowl, beat the butter on medium speed with an electric mixer for 1 minute until light and fluffy. Add sugar and mix well until creamed together. Stir in 1 1/4 cups coconut milk and coconut extract until combined.
  4. Add Dry Ingredients: Gradually add the flour mixture to the wet ingredients, mixing on medium speed for 2 minutes until a smooth batter forms.
  5. Incorporate Egg Whites: In a clean bowl, beat the egg whites until stiff peaks form. Gently fold the beaten egg whites into the cake batter until fully incorporated, ensuring airiness in the batter.
  6. Bake the Cake: Divide the batter evenly between the prepared pans. Bake at 350°F for 25-35 minutes or until a toothpick inserted into the center comes out clean or with a few moist crumbs. Remove from oven and cool for 5 minutes before inverting cakes onto a wire rack to cool completely.
  7. Torte the Cakes: Once cooled, use a serrated knife to slice each cake horizontally into two thin layers, resulting in four total cake layers.
  8. Prepare Pineapple Filling: Combine crushed pineapple, granulated sugar, and cornstarch in a medium saucepan over medium heat. Stir frequently and cook for 5-8 minutes until the mixture thickens and becomes glossy. Transfer to a container, press plastic wrap onto the surface to prevent a skin from forming, cool, and refrigerate until ready to use for up to one week.
  9. Make Coconut Cream Cheese Frosting: Beat butter and cream cheese together until smooth. Gradually add powdered sugar and a splash of remaining coconut milk, beating for about 3 minutes until light and fluffy. Adjust consistency by adding more milk or powdered sugar as needed. Stir in shredded coconut, reserving some for decorating the cake.
  10. Assemble the Cake: Place one cake layer on a serving plate. Spread half the pineapple filling on top. Add the second cake layer and cover it with a layer of cream cheese frosting. Repeat layering with the third cake layer, remaining pineapple filling, and top with the fourth cake layer. Frost the entire cake with the remaining frosting and press the reserved shredded coconut onto the sides and top if desired.
  11. Chill and Serve: Refrigerate the assembled cake for at least 4 hours to set flavors, ideally overnight for best taste. Serve chilled.

Notes

  • Make sure to beat the egg whites until stiff peaks form to give the cake a light and airy texture.
  • Use room temperature butter and cream cheese for smoother frosting.
  • Press plastic wrap directly on pineapple filling to prevent a skin from forming while cooling.
  • This cake tastes even better the next day after chilling.
  • Store leftovers covered in the refrigerator for up to 4 days.
  • Prep Time: 25 minutes
  • Cook Time: 30 minutes
  • Category: Dessert
  • Method: Baking
  • Cuisine: American

Keywords: coconut cake, pineapple filling, cream cheese frosting, tropical cake, layered cake, coconut milk cake

Similar Posts

Leave a Reply

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

Recipe rating