Gluten-Free Pineapple Coconut Cake
This easy gluten-free pineapple coconut cake is tender, tropical, and naturally sweetโperfect for busy families seeking a gluten-free sweet bread alternative!
If there’s one thing I’ve learned about baking a gluten-free pineapple coconut cake, it’s that tropical flavors are basically a shortcut to happiness. Every time I make this loaf, my kitchen fills with the most incredible aromaโbuttery, coconutty, fruity goodnessโand suddenly everyone wanders in wondering what magic I’m creating.
Here’s the beautiful truth: this gluten-free pineapple coconut cake is ridiculously simple to make, and it tastes like you spent way more effort than you actually did.
The crushed pineapple keeps the cake incredibly moist (no dry, crumbly texture here!), while the shredded coconut adds natural sweetness and texture that makes each bite feel indulgent.
You know what’s even better? It’s naturally nourishing and works beautifully as a gluten-free sweet bread for breakfast, an afternoon snack, or dessert.
Whether you’re new to gluten-free baking or you’ve been at it forever, this gluten-free loaf recipe is about to become a total favorite in your kitchen.
Table of Contents

Moist Gluten Free Pineapple Coconut Cake That Everyone Loves
Equipment
- Loaf pan
- Parchment paper
- Large mixing bowl
- Whisk
- Rubber spatula
- Cooling rack
- Toothpick
- Oven
Ingredients
Dry Ingredients
- 2 ยผ cups Gluten free flour blend All-purpose blend with xanthan gum recommended
- 1 ยฝ cups Unsweetened shredded coconut
- ยพ cup Granulated sugar
- 1 teaspoon Baking soda
- ยผ teaspoon Salt
Wet Ingredients
- 3 large Eggs Room temperature
- ยฝ cup Melted unsalted butter
- 1 cup Crushed pineapple With juice included
- ยผ cup Pineapple juice
- ยฝ cup Milk or non-dairy milk
Optional Icing
- 2 cups Powdered sugar
- 2-3 tablespoons Milk
Instructions
- Step 1: Preheat & Prepare โ Preheat your oven to 350ยฐF on the bake setting (not convectionโthat’s the secret to even baking!). Line a loaf pan with parchment paper so your gluten-free pineapple coconut cake releases beautifully. This step saves so much frustration, trust me on this one.
- Step 2: Mix Your Dry Ingredients โ In a large mixing bowl, combine the 2 ยผ cups gluten-free flour blend, 1 ยฝ cups unsweetened shredded coconut, ยพ cup sugar, 1 teaspoon baking soda, and ยผ teaspoon salt. Use a whisk to blend everything thoroughly, making sure there are no hidden pockets of baking soda. This ensures your gluten-free sweet bread will rise evenly.
- Step 3: Blend Your Wet Ingredients โ In another bowl, whisk together the ยฝ cup melted butter, 3 eggs, 1 cup crushed pineapple (yes, with all that gorgeous juice!), ยผ cup pineapple juice, and ยฝ cup milk. Mix until everything’s well combined and the eggs are fully incorporatedโyou want a smooth, cohesive mixture.
- Step 4: Combine Wet & Dry โ Pour the wet ingredients into the dry mixture and gently stir until everything just comes together. Here’s the golden rule: don’t overmix! Overmixing leads to a denser gluten-free loaf, and we want yours to be tender and light. Mix just until you don’t see dry flour anymore, then stop.
- Step 5: Pour Into Pan โ Pour the batter into your parchment-lined loaf pan and use a rubber spatula to smooth the surface evenly. Give the pan a gentle tap on the counter to release any air bubblesโthis helps your gluten-free pineapple coconut cake bake more evenly and prevents tunneling.
- Step 6: Bake Until Golden โ Place the pan in the center of your preheated 350ยฐF oven and bake for 40 to 45 minutes. The actual time depends on your oven and pan size, so start checking around the 38-minute mark. The top should turn a beautiful golden brown, and the cake should smell absolutely heavenlyโlike you’re standing in a tropical paradise.
- Step 7: Test for Doneness โ Insert a toothpick into the center of the cake; if it comes out clean or with just a few moist crumbs, it’s done. If you see wet batter, give it another 3โ5 minutes and test again. This gluten-free sweet bread is finished when that toothpick test gives you the green light.
- Step 8: Cool Properly โ Transfer the pan to a cooling rack immediately after removing it from the oven. Let the cake rest in the pan for 5 minutes, then gently use the parchment paper to lift it out onto the rack. This prevents cracking and helps your gluten-free pineapple coconut cake cool evenly without drying out.
- Step 9: Add the Icing (Optional) โ Once the cake is completely cooled (this is really important!), mix together 2 cups powdered sugar and 2โ3 tablespoons milk to create a simple drizzle. The consistency should be pourable but still coat the cake beautifully. Drizzle generously over the top, and prepare for compliments!
Notes
Gluten-Free Pineapple Coconut Cake Ingredients

| Dry Ingredients | Measurement |
|---|---|
| Gluten free flour blend | 2 ยผ cups |
| Unsweetened shredded coconut | 1 ยฝ cups |
| Granulated sugar | ยพ cup |
| Baking soda | 1 teaspoon |
| Salt | ยผ teaspoon |
| Wet Ingredients | Measurement |
|---|---|
| Large eggs | 3 |
| Melted unsalted butter | ยฝ cup |
| Crushed pineapple (with juice) | 1 cup |
| Pineapple juice | ยผ cup |
| Milk or non-dairy milk | ยฝ cup |
| Optional Icing | Measurement |
|---|---|
| Powdered sugar | 2 cups |
| Milk | 2โ3 tablespoons |
Gluten-Free Pineapple Coconut Cake Instructions
Step 1: Preheat & Prepare
Preheat your oven to 350ยฐF on the bake setting (not convectionโthat’s the secret to even baking!). Line a loaf pan with parchment paper so your gluten-free pineapple coconut cake releases beautifully. This step saves so much frustration, trust me on this one.
Step 2: Mix Your Dry Ingredients
In a large mixing bowl, combine the 2 ยผ cups gluten-free flour blend, 1 ยฝ cups unsweetened shredded coconut, ยพ cup sugar, 1 teaspoon baking soda, and ยผ teaspoon salt. Use a whisk to blend everything thoroughly, making sure there are no hidden pockets of baking soda. This ensures your gluten-free sweet bread will rise evenly.
Step 3: Blend Your Wet Ingredients
In another bowl, whisk together the ยฝ cup melted butter, 3 eggs, 1 cup crushed pineapple (yes, with all that gorgeous juice!), ยผ cup pineapple juice, and ยฝ cup milk. Mix until everything’s well combined and the eggs are fully incorporatedโyou want a smooth, cohesive mixture.
Step 4: Combine Wet & Dry
Pour the wet ingredients into the dry mixture and gently stir until everything just comes together. Here’s the golden rule: don’t overmix! Overmixing leads to a denser gluten-free loaf, and we want yours to be tender and light. Mix just until you don’t see dry flour anymore, then stop.
Step 5: Pour Into Pan

Pour the batter into your parchment-lined loaf pan and use a rubber spatula to smooth the surface evenly. Give the pan a gentle tap on the counter to release any air bubblesโthis helps your gluten-free pineapple coconut cake bake more evenly and prevents tunneling.
Step 6: Bake Until Golden
Place the pan in the center of your preheated 350ยฐF oven and bake for 40 to 45 minutes. The actual time depends on your oven and pan size, so start checking around the 38-minute mark. The top should turn a beautiful golden brown, and the cake should smell absolutely heavenlyโlike you’re standing in a tropical paradise.
Step 7: Test for Doneness
Insert a toothpick into the center of the cake; if it comes out clean or with just a few moist crumbs, it’s done. If you see wet batter, give it another 3โ5 minutes and test again. This gluten-free sweet bread is finished when that toothpick test gives you the green light.
Step 8: Cool Properly
Transfer the pan to a cooling rack immediately after removing it from the oven. Let the cake rest in the pan for 5 minutes, then gently use the parchment paper to lift it out onto the rack. This prevents cracking and helps your gluten-free pineapple coconut cake cool evenly without drying out.
Step 9: Add the Icing (Optional)
Once the cake is completely cooled (this is really important!), mix together 2 cups powdered sugar and 2โ3 tablespoons milk to create a simple drizzle. The consistency should be pourable but still coat the cake beautifully. Drizzle generously over the top, and prepare for compliments!
Why This Gluten-Free Pineapple Coconut Cake Works
This recipe succeeds because it combines the natural moisture of crushed pineapple with the structural support of a quality gluten-free flour blend, creating a cake that’s neither dense nor dry. The generous amount of shredded coconut adds fiber, flavor, and a tender crumb structure that keeps people coming back for second slices.
Man, oh man, I’ve tested so many versions before landing on this formula because I wanted a gluten-free loaf recipe that actually tasted like something specialโnot like a “health food” compromise. This pineapple coconut cake delivers tropical flavor in every bite while being naturally nourishing for busy families.
Substitutions & Variations

Switching Up Your Gluten Free Flour Blend
Any quality all-purpose gluten-free flour blend works beautifully in this gluten-free pineapple coconut cake. Just make sure your blend includes xanthan gum, or add ยฝ teaspoon separately. Some blends are more absorbent than others, so if your batter looks too thick, add an extra tablespoon of milk.
Dairy-Free Gluten Free Sweet Bread
Swap the melted butter for coconut oil or dairy-free butter, and use your favorite non-dairy milk (coconut, oat, or almond all work great). Your gluten-free loaf will have the same moist texture and tropical flavorโyou won’t notice the difference at all!
Lower-Sugar Version
Replace the granulated sugar with coconut sugar or reduce it to ยฝ cup if you prefer less sweetness. You can also use ยพ cup of a sugar substitute like allulose or erythritol, though you might need to add a tablespoon of extra pineapple juice to keep the gluten-free pineapple coconut cake moist.
Adding Extra Tropical Flavor
Stir ยผ teaspoon rum extract or ยฝ teaspoon vanilla extract into the wet ingredients for depth. You can also fold in ยฝ cup toasted coconut flakes instead of using all shredded coconut for a different texture.
Making Mini Loaves
Divide the batter between 4 mini loaf pans instead of one standard loaf. Bake at 350ยฐF for 25โ30 minutes until a toothpick comes out clean. These individual gluten-free sweet breads are perfect for gifting or freezing!
Troubleshooting Tips
Cake Is Too Dense or Heavy
This usually happens from overmixing. Next time, stir gently just until the dry flour disappears, then stop immediately. Dense gluten-free pineapple coconut cake also results from using flour blends that are too heavy, so switching to a lighter blend can help.
Cake Came Out Dry
Make sure you’re not overbakingโcheck for doneness starting at 38 minutes rather than waiting the full 45. Also, ensure you’re using the full amount of crushed pineapple with its juice; this keeps your gluten-free loaf incredibly moist.
Cake Sunk in the Middle
This usually means the oven temperature was too high or there’s too much baking soda. Use an oven thermometer to verify your temperature is truly 350ยฐF, and don’t exceed the 1 teaspoon baking soda called for in the gluten-free pineapple coconut cake recipe.
Toothpick Test Isn’t Working
Make sure you’re testing the very center of the cake, not the edges. If the center shows batter but the edges look done, lower your oven temperature 25 degrees and bake longerโyour oven might run hot, which would affect how this gluten-free sweet bread bakes.
Storage & Meal Prep Strategies
Room Temperature Storage
Keep your gluten-free pineapple coconut cake covered with foil or plastic wrap on the counter for up to 3 days. The pineapple keeps it naturally moist, so it stays tender throughout the week. This makes it perfect for grabbing a slice with your morning coffee!
Refrigerator Storage & Make-Ahead Tips
Wrap the cooled gluten-free loaf tightly and refrigerate for up to 5 days if you want to extend its shelf life. The cake actually tastes even more flavorful after a day or two as the flavors meld together. For busy families, bake this gluten-free sweet bread on Sunday and enjoy slices all week long.
Freezing for Later
Wrap individual slices or the whole cake in plastic wrap, then place in a freezer-safe container for up to 3 months. Thaw at room temperature for about 2 hours, and your gluten-free pineapple coconut cake tastes freshly baked. This is the ultimate make-ahead strategy for stress-free desserts!
Serving Suggestions & Pairings
Serve thick slices of this gluten-free pineapple coconut cake with a dollop of whipped cream or coconut whipped cream for a fancy dessert. It’s also absolutely delicious with a cup of morning coffee or tea, making it a perfect grab-and-go breakfast for busy families following gluten-free diets.
For a summer gathering, slice the gluten-free sweet bread and arrange it on a platter with fresh tropical fruit like mango and papaya. You can also crumble leftover cake and layer it with whipped coconut cream for a parfait-style dessert that feels restaurant-worthy. Well, this gluten-free loaf recipe also pairs beautifully alongside our creamy dairy-free oat milk pumpkin pie for a full gluten-free dessert spread.
Gluten-Free Pineapple Coconut Cake FAQs
Can I make this gluten free pineapple coconut cake without eggs?
Yes! Replace each egg with ยผ cup unsweetened applesauce or a commercial egg replacer. Your gluten-free loaf might be slightly denser, but it’ll still be moist and delicious thanks to all that pineapple juice.
How long does this gluten free sweet bread last?
Covered at room temperature, it stays fresh for up to 3 days. Refrigerated, it lasts about 5 days, and frozen, it keeps for up to 3 months. The pineapple’s natural moisture means it doesn’t dry out quickly.
What’s the best gluten-free flour blend for this recipe?
Any all-purpose blend with xanthan gum works well, but brands like Bob’s Red Mill 1-to-1 or Better Batter deliver consistently moist results for this gluten-free pineapple coconut cake.
Can I use fresh pineapple instead of canned?
Fresh pineapple works, but canned crushed pineapple is actually better because it keeps more juice, which is what keeps your gluten-free loaf so moist. If using fresh, chop it finely and add the ยผ cup pineapple juice as called for.
Why shouldn’t I slice the cake while it’s hot?
Hot cake hasn’t set yet, so slicing releases steam and causes crumbling. Letting your gluten-free pineapple coconut cake cool completely allows the crumb structure to set, giving you clean, beautiful slices.
Final Thoughts

This gluten-free pineapple coconut cake is proof that you don’t need complicated ingredients or advanced techniques to create something truly memorable. It’s tropical, moist, naturally sweet, and absolutely foolproofโeven for gluten-free baking beginners.
The best part? You’ll have this gorgeous gluten-free loaf ready in under an hour, and it tastes even better after a day of flavors melding together. You know what I love most about this gluten-free sweet bread? It brings people together in the kitchen while honoring dietary needs, and that’s real magic.
For more gluten-free inspiration, explore our complete gluten-free cookie collection or check out our gluten-free hot cocoa cookies for other treats your family will adore. Happy baking, friend!
For more about the benefits of gluten-free baking and ingredient science, check out this expert guide to gluten-free baking science and techniques to deepen your understanding of how this gluten-free pineapple coconut cake works so beautifully.
