If you love soft coffee cake with bright fruit flavor, this Pineapple Coconut Coffee Cake is a recipe you’ll want to make again and again.
Every bite is moist, buttery, and filled with juicy pineapple and sweet coconut.
It’s simple enough for a weekend bake but special enough to share with family and friends.
Why I Love This Recipe
The first time I made this cake, I was looking for something that felt like summer but was still cozy enough to enjoy with a cup of coffee. I had a can of crushed pineapple sitting in the pantry and some shredded coconut left from another recipe. Mixing them into a simple coffee cake turned out to be one of the best baking surprises I’ve had.
The pineapple keeps every slice soft and moist, while the coconut adds a gentle sweetness and a little texture. It smells amazing while it bakes, and somehow it tastes even better the next day.
Here’s why I keep coming back to this recipe:
- The cake stays soft and moist for days.
- Pineapple and coconut make a perfect tropical pair.
- The ingredients are easy to find.
- It’s great for breakfast, brunch, dessert, or an afternoon snack.
- The crunchy coconut topping makes every bite even better.
Recipe Overview
Prep Time: 20 minutes
Cook Time: 35 minutes
Total Time: 55 minutes
Servings: 12 slices
What You’ll Need
For the Cake
- 2 cups all-purpose flour
- 1 cup granulated sugar
- ½ cup unsalted butter, softened
- 3 large eggs, room temperature
- ½ cup whole milk
- 1 cup crushed pineapple, well drained
- ½ cup unsweetened shredded coconut
- 1 tablespoon baking powder
- 1 teaspoon vanilla extract
- ½ teaspoon salt
For the Topping
- ½ cup unsweetened shredded coconut
- ¼ cup brown sugar
- ¼ cup chopped pecans (optional)
Tools
- Large mixing bowl
- Medium mixing bowl
- Electric hand mixer or stand mixer
- Rubber spatula
- Whisk
- Measuring cups
- Measuring spoons
- 9×13-inch baking pan
- Wire cooling rack
Substitutions & Variations
- Replace the butter with coconut oil for a dairy-free option.
- Use almond milk or oat milk instead of whole milk.
- Add ½ teaspoon ground cinnamon for a warm flavor.
- Stir in ½ cup chopped walnuts instead of pecans.
- Use sweetened shredded coconut if that’s what you have, but reduce the sugar slightly to balance the sweetness.
- Add a little lime zest for a fresh tropical twist.
Make-Ahead Tips
- Bake the cake one day ahead for even better flavor.
- Keep it tightly covered at room temperature for up to 24 hours before serving.
- You can also prepare the topping ahead and store it in an airtight container until you’re ready to bake.
- Measure the dry ingredients the night before to make baking even quicker.
Step 1: Preheat the Oven
Preheat your oven to 350°F (175°C). Grease a 9×13-inch baking pan with butter or nonstick baking spray, making sure to coat the bottom and sides evenly. Set the pan aside while you prepare the batter.
Step 2: Cream the Butter and Sugar
In a large mixing bowl, combine ½ cup softened unsalted butter and 1 cup granulated sugar. Beat with an electric mixer on medium speed for 3 to 4 minutes until the mixture becomes pale, light, and fluffy. This step adds air to the batter for a soft cake.
Step 3: Add the Eggs and Vanilla
Add 3 large eggs, one at a time, beating well after each addition. Mix in 1 teaspoon vanilla extract until the batter is smooth and creamy.
Step 4: Mix the Dry Ingredients
In a separate medium bowl, whisk together 2 cups all-purpose flour, 1 tablespoon baking powder, and ½ teaspoon salt until evenly combined.
Step 5: Combine the Batter
Gradually add the flour mixture to the butter mixture in three additions, alternating with ½ cup whole milk. Begin and end with the flour mixture. Mix on low speed just until no dry flour remains. Do not overmix.
Step 6: Fold in the Pineapple and Coconut
Using a rubber spatula, gently fold in 1 cup well-drained crushed pineapple and ½ cup unsweetened shredded coconut until evenly distributed throughout the batter.
Step 7: Prepare the Cake for Baking
Spread the finished batter evenly into the prepared 9×13-inch baking pan. In a small bowl, stir together ½ cup unsweetened shredded coconut, ¼ cup brown sugar, and ¼ cup chopped pecans (optional). Sprinkle the topping evenly over the batter.
Step 8: Bake
Bake for 30 to 35 minutes, or until the top is golden brown and a toothpick inserted into the center comes out clean or with just a few moist crumbs.
Step 9: Cool and Serve
Let the cake cool in the pan for 10 minutes, then transfer it to a wire rack to cool completely. Slice into 12 pieces and serve on a white round plate.
Pro Tips
- Drain the crushed pineapple well to keep the cake from becoming too wet.
- Make sure the butter is softened, not melted, for the fluffiest texture.
- Mix the batter only until combined to keep the crumb light and tender.
- Toast the coconut before using it in the topping if you want a deeper coconut flavor.
- Let the cake cool for at least 20 minutes before slicing for cleaner pieces.
Why This Recipe Works (Quick Science)
Baking powder creates tiny air bubbles that help the cake rise into a soft, fluffy texture. Creaming the butter and sugar traps even more air, making the crumb lighter. The drained crushed pineapple adds moisture without making the batter too wet, while shredded coconut absorbs a little moisture as the cake bakes, helping every slice stay tender.
Common Mistakes
- Forgetting to drain the pineapple thoroughly.
- Overmixing the batter after adding the flour.
- Using cold butter instead of softened butter.
- Opening the oven door too early while baking.
- Cutting the cake before it has cooled enough.
Leftovers & Storage
- Store covered at room temperature for up to 2 days.
- Refrigerate in an airtight container for up to 5 days.
- Freeze individual slices for up to 3 months.
- Thaw overnight in the refrigerator or for about 1 hour at room temperature.
- Warm slices in the microwave for 10–15 seconds before serving.
Macros Information
Per Serving (1 of 12 slices)
- Calories: 250
- Protein: 3g
- Carbohydrates: 36g
- Fat: 10g
- Saturated Fat: 6g
- Fiber: 1g
- Sugar: 15g
- Sodium: 150mg
- Cholesterol: 40mg
What to Serve With
- Freshly brewed coffee
- Hot tea
- Vanilla ice cream
- Fresh pineapple slices
- Tropical fruit salad
- Whipped cream
- Coconut latte
FAQ
Can I use fresh pineapple?
Yes. Finely chop fresh pineapple and drain it well before adding it to the batter.
Can I make this cake ahead of time?
Yes. The flavor becomes even better after sitting overnight in a covered container.
Can I freeze it?
Absolutely. Wrap individual slices tightly and freeze for up to 3 months.
Can I use sweetened shredded coconut?
Yes, but the cake will be sweeter. You can slightly reduce the granulated sugar if preferred.
How do I know when it’s done?
Insert a toothpick into the center. If it comes out clean or with a few moist crumbs, the cake is ready.
Final Thoughts
This Pineapple Coconut Coffee Cake is simple to make, incredibly moist, and packed with tropical flavor in every bite. The sweet pineapple, tender cake, and crunchy coconut topping come together for a dessert that’s perfect any time of year. Whether you’re sharing it with guests or enjoying a quiet slice with your morning coffee, this recipe is one you’ll be happy to make again. If you give it a try, leave a comment and share how it turned out. I’d love to hear about your favorite variations too.
