Pineapple Coconut Chess Bars
These Pineapple Coconut Chess Bars are perfectly gooey with the delightful combination of crushed pineapple and shredded coconut. Serve them as a dessert for potlucks, picnics, the holidays or as an anytime dessert.

Easy Pineapple Coconut Chess Bars Recipe
What’s the difference between chess bars and gooey butter cake? In short, very little. The only variation of note is; often chess bars have a bit more mix-in ingredients in the cream cheese layer than a standard gooey butter cake.
Both gooey butter cakes and chess bars have been popular in the South for eons. Both are made with a cake mix foundation and transformed into a variety of flavor combinations and similar texture. This recipe for coconut pineapple butter cake bars make a delicious sweet treat for the holidays, potlucks, tea parties and casual gatherings. The tropical flavor in these coconut chess bars is addictive!
Key ingredients to make Pineapple Coconut Chess Bars: (Scroll down for full printable recipe card.)
- Cake Mix – One box of yellow cake mix. You can use any brand that you enjoy.
- Pineapple – Two cans of crushed pineapple.
- Sweet Coconut – Sweetened flaked coconut gives this bars a tropical flavor twist.
- Cream Cheese – Cream cheese stabilizes the filling.
- Butter – Melted unsalted butter for the cake mix layer and the coconut filling.
- Whole Eggs – Large eggs for the cake mix layer and the coconut pineapple filling.
- Sugar – Powdered sugar for sweetness.
- Flavoring – Vanilla extract balances the flavor.

How to Make the Best Pineapple Coconut Chess Bars Recipe
- Heat Oven and Prepare Pan – Preheat the oven to 350°F. Spritz a 13×9-inch baking pan with nonstick cooking spray.
- Make the Crust – In a large bowl, use a mixer to combine cake mix, melted butter and one egg. Press onto the bottom of the prepared pan. (The cake layer is stiff, it won’t form a classic cake batter.)
- Whip the Wet Ingredients – In the same mixing bowl beat together the cream cheese, powdered sugar. remaining butter and vanilla extract.
- Whole Eggs – Add reserved eggs. Whip the cream cheese mixture until creamy and fluffy.
- Combine – Fold in the crushed pineapple and shredded coconut by hand. Pour pineapple filling over the cake mix crust.
- Transfer to Oven – Bake per the recipe until the center is loosely set and the top is golden brown.
- Cool – Cool coconut pineapple butter cake chess bars in the pan on a wire rack.
Kitchen Equipment to Make Coconut Chess Bars
- Large mixing bowl.
- Stand mixer or hand mixer.
- Measuring cups and measuring spoons.
- Rubber spatula or offset icing spatula.
- 13×9-inch cake pan.
- Wire rack.

Recipe Variations, Tips and Substituions
- Flavoring Variations – You can add coconut extract for more coconut flavor or substitute pineapple extract in place of vanilla extract to amp up the pineapple flavor.
- Nuts – You could sprinkle the top with chopped pecans, macadamia nuts or almonds for texture and crunch.
- Cake Mix Substitutions – You could also use a pineapple cake mix or a butter cake mix in place of yellow cake mix. Regular cake flour or all purpose flour, isn’t going to work the same as a boxed mix for this recipe.
- Drain the Crushed Pineapple Well – It’s important to fully drain all of the pineapple juice from the crushed pineapple before adding it to the filling.
- Don’t Overbake – It’s important not to overbake chess bars. The center should still have a slight movement when the pan is gently shaken. This is one rare moment in baking where the toothpick method doesn’t work.
- How to Serve Coconut Pineapple Chess Bars – You can serve coconut pineapple bars with whipped cream, dusted with powdered sugar or slightly warm with vanilla ice cream. Another decadent option is to add a dollop of coconut cream cheese frosting on top.
Storage and Leftovers
- Leftovers: Store leftover pineapple coconut chess bars in an airtight container or covered with plastic wrap and foil chilled in the refrigerator for up to 5 days.
- Freezer Storage: Store coconut pineapple bars in an airtight container for up to 2 months. Separate layers with parchment paper or wax paper to prevent sticking together. Thaw in the refrigerator.

More Southern Gooey Butter Cake Recipes and Chess Bars to Make
Whether you call them chess bars or gooey butter coconut pineapple cake the end result is always delicious. More gooey butter cake recipes you may like to try:
- Pretty as a picture Strawberries and Cream Gooey Butter Cake
- Banana Pudding Gooey Butter Cake is a fusion of two all-time favorites.
- Mocha Molten Lava Gooey Butter Cake is made using Nutella for the filling.
- Caramel Chocolate Almond Gooey Butter Cake features dulce de leche in the filling.
- Orange Creamsicle Gooey Butter Cake is like a bite of sunshine.
- Cheesecake Chess Squares from Six Sisters Stuff.
Thanks for visiting come back soon!
Disclosure ~ If a purchase is made using one of the affiliate links on this website we may earn a small commission at no additional cost to you. Thank you!
Helpful Kitchen Items:
Pineapple Coconut Chess Bars
Ingredients
- 1 15.25 box yellow cake mix
- 1 cup unsalted butter (2 sticks, melted separately)
- 4 large eggs
- 1 8 oz block cream cheese softened
- 2 cup powdered sugar
- 1 tsp pure vanilla extract
- 2 8 oz cans crushed pineapple well drained
- 1 cup sweetened flaked coconut
Instructions
- Preheat the oven to 350°F. Spritz a 13×9-inch baking pan with cooking spray. Set aside. (You can also lightly grease with butter.)
- In a large bowl use an electric mixer to beat together the cake mix, 1/2 cup melted butter and 1 large egg on medium speed until fully moistened. Press cake mixture evenly onto the bottom of the prepared pan.
- In the same mixing bowl beat together the cream cheese, powdered sugar. remaining 1/2 cup of melted butter and vanilla extract.
- Add 3 large eggs. Continue to beat the cream cheese mixture for 2 minutes until creamy and fluffy and no lumps remain.
- Fold the crushed pineapple and flaked coconut by hand. Pour pineapple filling over the cake mix crust.
- Place into the oven. Bake for 40-45 minutes or until the center still has slight movement when gently shaken and the top is golden brown. Cool in the pan on a wire rack to room temperature before cutting into bars.
- Store leftovers chilled in an airtight container for up to 5 days.
Notes
- Flavoring Variations – You can add coconut extract for more coconut flavor or substitute pineapple extract in place of vanilla extract to amp up the pineapple flavor.
- Nuts – You could sprinkle the top with chopped pecans, macadamia nuts or almonds for texture and crunch.
- Cake Mix Substitutions – You could also use a pineapple cake mix or a butter cake mix in place of yellow cake mix. Regular cake flour or all purpose flour, isn’t going to work the same as a boxed mix for this recipe.
- Drain the Crushed Pineapple Well – It’s important to fully drain all of the pineapple juice from the crushed pineapple before adding it to the filling.
- Don’t Overbake – It’s important not to overbake chess bars. The center should still have a slight movement when the pan is gently shaken. This is one rare moment in baking where the toothpick method doesn’t work.





Made these last night for a small gathering and was hope it bring a few home. Nope, everyone had seconds. Made just how written. Thanks for the tasty recipe!!!
Bobby
That’s great to hear, thanks!
You didn’t say how much butter or eggs to. use.
From the recipe ingredients: 1 cup butter and 4 large eggs.
We really enjoyed this recipe!
Thank you!
As Tony the Tiger says, They are Greaaaaaaat!
Love it, thanks!
Would this recipe work with a gluten free cake mix?
I haven’t tested it. If you try it let us know how it goes.
Melissa I made this recipe and followed the directions with the exception of the pineapple as I used a 20 oz can. The cake did not rise like yours and it was very liquify.
I can only guess that the additional pineapple wasn’t dry enough. Otherwise, it should have held together without issue. Next time, use the correct amount and squeeze every drop of liquid out that’s possible.