Pineapple Coconut Coffee Cake Recipe

Introduction

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.

Four square pieces of light yellow cake are arranged on a white plate on a white marbled surface. Each cake piece has a crumbly golden brown top layer sprinkled with thin white coconut flakes and adorned with three shiny brown pecan halves placed near the center. The middle layer shows small chunks of yellow fruit embedded within the soft, airy cake. The bottom layer has a slightly darker brown crust. The texture looks soft and moist with the crumb topping adding crunch. photo taken with an iphone --ar 4:5 --v 7

Ingredients

  • 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
  • ½ cup unsweetened shredded coconut (for topping)
  • ¼ cup brown sugar (for topping)
  • ¼ cup chopped pecans (optional, for topping)

Instructions

  1. Step 1: Preheat your oven to 350°F (175°C). Grease a 9×13-inch baking pan with butter or nonstick baking spray, coating the bottom and sides evenly. Set aside.
  2. Step 2: In a large mixing bowl, beat ½ cup softened unsalted butter and 1 cup granulated sugar with an electric mixer on medium speed for 3 to 4 minutes until pale and fluffy.
  3. Step 3: Add 3 large eggs one at a time, beating well after each addition. Mix in 1 teaspoon vanilla extract until smooth and creamy.
  4. Step 4: In a separate medium bowl, whisk together 2 cups all-purpose flour, 1 tablespoon baking powder, and ½ teaspoon salt until combined.
  5. Step 5: Gradually add the flour mixture to the butter mixture in three parts, alternating with ½ cup whole milk. Begin and end with the flour mixture. Mix on low speed just until combined—do not overmix.
  6. Step 6: Gently fold in 1 cup well-drained crushed pineapple and ½ cup unsweetened shredded coconut with a rubber spatula until evenly distributed.
  7. Step 7: Spread the batter evenly in the prepared baking pan. In a small bowl, mix ½ cup unsweetened shredded coconut, ¼ cup brown sugar, and ¼ cup chopped pecans (if using). Sprinkle this topping evenly over the batter.
  8. Step 8: Bake for 30 to 35 minutes, or until the top is golden brown and a toothpick inserted in the center comes out clean or with a few moist crumbs.
  9. Step 9: Allow the cake to cool in the pan for 10 minutes, then transfer to a wire rack to cool completely. Slice into 12 pieces and serve.

Tips & Variations

  • Drain the crushed pineapple well to prevent the cake from becoming too wet.
  • Replace 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.
  • Toast the coconut before using it in the topping for a deeper flavor.
  • Add a little lime zest for a fresh tropical twist.
  • Stir in ½ cup chopped walnuts instead of pecans if preferred.
  • If using sweetened shredded coconut, reduce granulated sugar slightly to balance sweetness.

Storage

Store the cake covered at room temperature for up to 2 days or refrigerate in an airtight container for up to 5 days. You can also 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 to refresh.

How to Serve

Four square pieces of yellow cake with visible chunks of pineapple inside sit on a white plate, each topped with a crumbly brown streusel layer, shredded white coconut, and whole pecan halves arranged near the center. The cake has a moist texture and a light golden brown crust at the bottom, while the streusel topping adds a rough, crumbly texture contrasting with the smooth cake beneath. The plate is placed on a white marbled surface with subtle gold veining. photo taken with an iphone --ar 4:5 --v 7

Serve this delicious recipe with your favorite sides.

FAQs

Can I use fresh pineapple?

Yes. Finely chop fresh pineapple and drain it well before adding it to the batter to avoid excess moisture.

Can I make this cake ahead of time?

Absolutely. Baking the cake a day ahead enhances the flavor. Keep it covered at room temperature for up to 24 hours before serving.

Print

Pineapple Coconut Coffee Cake Recipe

This Pineapple Coconut Coffee Cake is a moist, buttery cake bursting with juicy crushed pineapple and sweet shredded coconut. Perfectly balanced with a crunchy coconut and pecan topping, it offers a tropical twist on the classic coffee cake. Easy to prepare and ideal for breakfast, brunch, dessert, or an afternoon snack, it stays soft for days and pairs perfectly with a cup of coffee or tea.

  • Author: Maya
  • Prep Time: 20 minutes
  • Cook Time: 35 minutes
  • Total Time: 55 minutes
  • Yield: 12 slices 1x
  • Category: Dessert
  • Method: Baking
  • Cuisine: American
  • Diet: Vegetarian

Ingredients

Scale

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)

Instructions

  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, coating the bottom and sides evenly. Set aside.
  2. Cream the Butter and Sugar: In a large mixing bowl, beat ½ cup softened unsalted butter with 1 cup granulated sugar on medium speed for 3 to 4 minutes until pale, light, and fluffy to aerate the batter for a soft cake.
  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.
  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.
  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 to avoid overmixing.
  6. Fold in Pineapple and Coconut: Using a rubber spatula, gently fold in 1 cup well-drained crushed pineapple and ½ cup unsweetened shredded coconut until evenly incorporated.
  7. Prepare the Cake for Baking: Spread the batter evenly into the prepared pan. In a small bowl, mix ½ cup unsweetened shredded coconut, ¼ cup brown sugar, and ¼ cup chopped pecans (if using). Sprinkle this topping evenly over the batter.
  8. Bake: Bake for 30 to 35 minutes, or until the top is golden and a toothpick inserted in the center comes out clean or with a few moist crumbs.
  9. Cool and Serve: Cool the cake in the pan for 10 minutes, then transfer to a wire rack to cool completely. Slice into 12 pieces and serve.

Notes

  • Drain crushed pineapple thoroughly to prevent a soggy cake.
  • Use softened butter (not melted) for the best texture.
  • Mix batter just until combined to keep the cake tender.
  • Toast shredded coconut before sprinkling on top for a more intense flavor.
  • Cool cake at least 20 minutes before slicing to achieve clean cuts.
  • Can substitute coconut oil for butter to make it dairy-free.
  • Almond or oat milk can be used instead of whole milk.

Keywords: pineapple coffee cake, coconut coffee cake, tropical coffee cake, moist coffee cake, breakfast cake, pineapple dessert, coconut dessert

Did you make this recipe?

Share a photo and tag us — we can’t wait to see what you’ve made!

Similar Posts

Leave a Reply

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

Recipe rating