Baked Goodies Bliss: Sweet and Juicy Pineapple Coffee Cake

Hey there coffee lovers,

Welcome to my kitchen! Today, we are going to whip up a mouthwatering treat that will satisfy your cravings for both coffee and cake. I am talking about the one and only Pineapple Coffee Cake Recipe.

This recipe is a game-changer because it delivers an irresistible twist on the classic crumb cake. With every bite, you will get the satisfying crunch of pecans, the sweet punch of juicy pineapple chunks, and the delicious aroma of freshly brewed coffee.

What makes this cake special is not only its tropical-inspired flavors but also its tender and moist texture. These characteristics make it a great breakfast option, afternoon snack or dessert recipe.

But wait, there’s more! This recipe is perfect for those who want to explore vegan-friendly or substitutions options. You can easily swap out some ingredients and make it even healthier without sacrificing taste.

So, whether you have an upcoming family gathering or just crave a sweet indulgence, this Pineapple Coffee Cake Recipe is guaranteed to hit the spot. It’s easy to make, versatile and tastes equally amazing fresh out of the oven or reheated.

Are you ready to take your baking skills to the next level? Let’s do this!

Why You’ll Love This Recipe

Pineapple Coffee Cake
Pineapple Coffee Cake

Are you a fan of coffee cake? What about pineapple? If you answered yes to both of these questions, then you must try this delicious pineapple coffee cake recipe. Trust me when I say that it’s the perfect combination of sweet and tangy flavors that will leave your taste buds begging for more.

But what makes this recipe so special? First off, using crushed pineapple and pineapple chunks in the cake batter makes it incredibly moist and adds an extra layer of flavor you’ll love. The streusel topping also adds a nice crunch to the overall texture.

And if you’re health-conscious, don’t worry! This recipe can easily be made vegan by substituting the egg with a flax egg, using non-dairy yogurt, and omitting any toppings that don’t fit your dietary restrictions.

One thing I particularly love about this recipe is how versatile it is. You can swap out ingredients like pecans for other nuts or add in coconut flakes to make it even more tropical. It’s even perfect for those with a whole wheat flour preference, as the recipe includes whole wheat pastry flour as an option.

Whether you’re looking for a new breakfast favorite or a dessert to impress your friends and family, this pineapple coffee cake is sure to be a hit. Give it a try and experience the mouthwatering flavors for yourself.

Ingredient List

 Start your day with a tropical kick!
Start your day with a tropical kick!

Ingredients for the Pineapple Coffee Cake Recipe

  • 1 cup sugar
  • 1/2 cup brown sugar
  • 1/2 cup canola oil
  • 1 egg
  • 1/2 cup nonfat plain yogurt
  • 1 teaspoon vanilla extract
  • 2 cups all-purpose flour
  • 1 cup whole wheat pastry flour
  • 2 teaspoons baking powder
  • 1 teaspoon baking soda
  • 1/4 teaspoon salt
  • 8 ounces crushed pineapple, drained

Streusel Topping Ingredients

  • 1/4 cup all-purpose flour
  • 1/4 cup + 2 tablespoons granulated sugar
  • 2 tablespoons canola oil
  • 1 teaspoon ground cinnamon
  • 1/3 cup chopped pecans

Pineapple Rings Ingredients


  • 7 pineapple rings or 2 cups fresh pineapple chunks, cut into bite-size pieces

Substitutions and Variations

For a vegan option, replace the egg with 1/4 cup unsweetened applesauce.

If you don’t have whole wheat pastry flour on hand, you can use all-purpose flour instead.

If you don’t have crushed pineapple, you can substitute it for pineapple chunks, drained.

For a pineapple coconut version, substitute coconut oil for canola oil and mix in 1/4 cup of shredded coconut to the streusel topping.

These ingredients are readily available and perfect for baking this delicious Pineapple Coffee Cake at home. The best part about this recipe is that it is customizable. Therefore, you can choose to add or replace any of the ingredients depending on your preference. Additionally, there are substitutions listed above in case any ingredient is not available.

The Recipe How-To

 Pineapple + coffee is the perfect flavor duo.
Pineapple + coffee is the perfect flavor duo.

Preheat your oven to 350 degrees Fahrenheit. Grease a nine-inch round baking pan.

In a large bowl, combine 2 cups of all-purpose flour, 2 teaspoons of baking powder, and 1/4 teaspoon of salt. In another bowl, whisk together 1 cup of sugar, 1 egg, 1/4 cup of canola oil, 1 tablespoon of vanilla extract, and 1 cup of nonfat plain yogurt until the mixture is creamy and smooth.

Add the flour mixture to the wet ingredients and mix thoroughly. Fold in one can (about 8 ounces) of crushed pineapple chunks, with its juices. The pineapple not only adds natural sweetness to the pineapple coffee cake but also makes it very moist. For texture contrast and crunchiness, add one cup of pecans.

Pour the pineapple coffee cake batter into the greased baking pan. Prepare the crumb topping by stirring together ½ cup of all-purpose flour, ½ cup of brown sugar, 1 teaspoon of cinnamon, and ¼ cup (half stick) of melted unsalted butter in a small bowl until it forms crumbs. Sprinkle the crumb topping evenly over the top.

Bake for about 45 minutes or until a toothpick inserted in the center comes out clean.

Let cool on a wire rack for at least ten minutes before slicing and serving your freshly baked pineapple coffee cake with a drizzle of pure maple syrup or honey on top. Enjoy!

Substitutions and Variations

 Sweet, tangy, and oh so delicious!
Sweet, tangy, and oh so delicious!

One of the great things about cooking is that you can experiment with different ingredients to suit your taste preferences. This pineapple coffee cake recipe is no exception, and there are several substitutions and variations you can try to make this cake your own.

First, if you’re looking for a healthier option, you can substitute some of the all-purpose flour with whole wheat pastry flour. The whole wheat pastry flour adds more fiber and nutrients to the cake without sacrificing its texture or flavor. You can also swap out the canola oil with coconut oil or another healthy oil of your choice.

For those who have dietary restrictions, you can make this cake vegan by using non-dairy yogurt and egg replacer instead of yogurt and eggs. You can also use gluten-free all-purpose flour to make this recipe gluten-free.

If you want to change up the flavor profile, try using diced fresh pineapple instead of canned pineapple chunks. Another fun variation is to add pecans or coconut flakes to the crumb topping for some extra crunch and flavor.

Finally, if you want a chocolatey twist on this pineapple coffee cake recipe, stir in some chocolate chips into the vanilla cake batter before baking. The sweetness from the pineapple and brown sugar in the crumb cake pairs perfectly with rich chocolate.

Have some fun with these substitutions and variations, and don’t be afraid to experiment until you find your perfect version of this delicious Pineapple Coffee Cake Recipe!

Serving and Pairing

 Get ready to make your taste buds dance.
Get ready to make your taste buds dance.

When it comes to serving the delicious and moist pineapple coffee cake, there are a few options you can explore. You can slice it into squares or wedges and serve with a cup of hot coffee or tea. The combination of sweet pineapple chunks, pecans and cinnamon in the cake pairs perfectly with a strong cup of coffee for a delightful morning treat.

If you plan on serving this for brunch or as dessert, feel free to add a dollop of whipped cream or vanilla ice cream to complement the flavors in the cake. For an extra kick of freshness and tanginess, try topping your cake with fresh pineapple rings or a drizzle of pineapple juice.

This recipe is versatile and adaptable to different dietary needs. If you prefer vegan options, simply substitute nonfat plain yogurt with sour cream or vegan yogurt. Additionally, almond milk can be used instead of regular milk in the recipe.

Whether you’re hosting a casual dinner party or enjoying it as an afternoon snack, this pineapple coffee cake is sure to wow your guests with its unique flavor profile and moist texture. This pairing will have your taste buds begging for more!

Make-Ahead, Storing and Reheating

 A slice of this cake is like a vacation in your mouth.
A slice of this cake is like a vacation in your mouth.

If you’re planning to serve this Pineapple Coffee Cake for breakfast or brunch, you may want to prepare it ahead of time to save time in the morning. The good news is that this cake can be easily made ahead and even stored for a few days. To make this Pineapple Coffee Cake ahead of time, simply follow the recipe directions but do not add the streusel topping until you are ready to bake it. Once the cake is baked and cooled, wrap it tightly with plastic wrap and store it at room temperature for up to 3 days.

If you have leftover Pineapple Coffee Cake, you can also store it in an airtight container in the refrigerator for up to 5 days. To reheat the cake and bring back its freshness, slice it and lightly toast it in the oven or toaster oven until warmed through. You could even enjoy a slice cold, straight out of the fridge.

If you plan on freezing your Pineapple Coffee Cake, make sure to wrap it well first to prevent freezer burn. Wrap each individual slice in plastic wrap and then place them all into an airtight container or freezer-safe bag before storing them in the freezer for up to 3 months. When ready to enjoy again, let the slices thaw completely at room temperature before reheating them as described above.

No matter how you choose to store and reheat your Pineapple Coffee Cake, you’ll still get to savor its delicious flavors of tropical pineapple chunks with hints of nutty pecans and warm cinnamon spice.

Tips for Perfect Results

 Say aloha to your new favorite breakfast treat.
Say aloha to your new favorite breakfast treat.

To achieve the perfect pineapple coffee cake, it’s important to pay attention to the details during the baking process. Here are some useful tips for ensuring your coffee cake turns out just right:

1. Use fresh ingredients: It’s always best to use fresh ingredients when baking, especially when it comes to dairy products and eggs. Fresh eggs and nonfat plain yogurt will make the cake moist while enhancing its flavors.

2. Sift the flour: Sifting the flour can help eliminate lumps, which not only affect the presentation of your coffee cake but also its texture.

3. Don’t overmix the batter: Overmixing the batter can result in a tough coffee cake. Mix until everything is well combined, then stop.

4. Adjust oven temperature and baking times: It’s vital to follow the recipe’s baking temperature and time closely for even cooking. If you want a shorter baking time at a higher temperature, make adjustments gradually and keep an eye on it.

5. Play with spices: You could use different spices such as cinnamon or cardamom to give your coffee cake a new flavor profile.

6. Experiment with substitutions: Feel free to make healthy substitutions that work for you, like switching all-purpose flour for whole wheat pastry flour or substituting canola oil with coconut oil.

7. Be patient before cutting into it: Allow your pineapple coffee cake to cool for at least ten minutes before slicing it so that it stays intact.

8. Sprinkle pecans on top: Adding pecans on top will add some crunchiness and nutty flavor to your pineapple coffee cake, making it more interesting.

With these pointers in mind, baking the perfect pineapple coffee cake couldn’t be easier!


Now that you are familiar with the ingredients, recipe how-to, and tips for a perfect result in making the Pineapple Coffee Cake dessert recipe, you might have some questions that need answering. Do not worry; we have provided some frequently asked questions along with their answers to enable you to prepare an excellent pineapple crumb cake without any hitch. Read on for more information.

What makes coffee cake different from cake?

What distinguishes coffee cakes from other types of cakes is their streusel topping and lack of frosting. They may have a light glaze but are typically not heavily frosted. Variations of coffee cake include those with swirls of streusel and those with added fillings like fruit, nuts, or chocolate.

What makes a coffee cake a coffee cake?

A delectable treat known as coffee cake is a type of cake that is typically topped with a crumbly streusel topping, but interestingly, it does not contain coffee in its batter. It is meant to be consumed with coffee as it perfectly complements the flavors of the brew.

What does adding coffee to cake mix do?

When you add brewed coffee to cake batter, it produces an incredible texture that is moist and dense. This combination of coffee and chocolate is a match made in heaven, and it results in a delectable cake that is reminiscent of a mocha latte. Trust me, this is a truly indulgent and decadent dessert that you won’t regret giving a try.

What is pineapple upside down cake made of?

The delectable pineapple upside down cake features a luscious blend of caramelized pineapple, butter, and brown sugar arranged as a topping before being baked. The cake batter is then poured over the mixture, and once baked, the entire cake is flipped onto a plate with the caramelized pineapple layer on top, resulting in a mouth-watering dessert.

How do you increase the flavor of coffee in a cake?

As a skilled barista, I’ve found ways to enhance the flavor of our coffee drinks by incorporating actual coffee in unique and delicious ways. By swapping out some of the liquid in certain recipes, such as in a latte or mocha, you can add a richer coffee taste that enhances the overall experience. Mixing coffee with cream or icing is another way to infuse that bold, delightful flavor. And don’t forget the final touch – a coffee glaze or drizzle on top of your dessert or pastry can be the perfect finishing touch to surprise and delight your taste buds. However, one tip to always keep in mind is to use high-quality coffee beans to ensure the best possible taste.

Bottom Line

Now that you have the perfect recipe for a delicious Pineapple Coffee Cake, it’s time to get in the kitchen and start making something incredible! Trust me; once you try this recipe, your taste buds will thank you.

This pineapple coffee cake is not only keto-friendly but also incredibly flavorsome, health-conscious, and easy to make. The recipe can be tweaked and varied to suit different tastes and preferences or swapped by substituting different ingredients. If you’re feeling adventurous, try experimenting with some of my substitutions and variations ideas.

In conclusion, there’s no better way to enjoy coffee than with a freshly-brewed cup of pineapple coffee cake to go alongside it. So why settle for an ordinary crumb cake when you can indulge in this delicious and irresistible dessert recipe? I hope that this recipe has inspired you to get creative in the kitchen and try out different baking techniques with the ingredients you already have at home. Let us know how it turns out!

Pineapple Coffee Cake

Pineapple Coffee Cake Recipe

Nonfat plain yogurt replaces sour cream adding moisture, and tenderness to this lighened up coffee cake.. Cooking time does not include cooling time..
No ratings yet
Prep Time 15 mins
Cook Time 55 mins
Course Dessert
Cuisine American
Servings 1 cake
Calories 296.5 kcal


  • 1 cup whole wheat pastry flour
  • 1 cup all-purpose flour
  • 1/2 cup plus 2 tablespoons sugar, divided
  • 1 tablespoon baking powder
  • 1 teaspoon baking soda
  • 1/4 teaspoon salt
  • 1 large egg
  • 1 cup nonfat plain yogurt
  • 1/4 cup canola oil
  • 1 teaspoon vanilla extract
  • 1 1/2 cups diced pineapple chunks (blotted dry and coarsely chopped)
  • 1/4 cup pecans


  • Preheat oven to 350 degrees, and coat an 8 inch square baking pan with cooking spray.
  • Whisk both flours, 1/2 cup sugar, baking powder, baking soda, and salt in a medium bowl.
  • Whisk egg, yogurt, oil, and vanilla in a large bowl until smooth.
  • Add ingredients from step 2 and stir with spatula until blended (Do Not Overmix).
  • Fold in pineapple, and scrape batter into prepared pan.
  • Combine pecans and remaining 2 tablespoons sugar in a small bowl, and sprinkle over batter.
  • Bake cake until the top is golden brown, and a toothpick inserted comes out clean(50-55 minutes.).
  • Let cool in pan on a wire rack for 20 minutes.
  • Cut into squares and serve warm.

Add Your Own Notes


Serving: 140gCalories: 296.5kcalCarbohydrates: 45.9gProtein: 6.7gFat: 10.5gSaturated Fat: 1gCholesterol: 23.9mgSodium: 399.9mgFiber: 2.7gSugar: 21.9g
Keyword < 4 Hours, Dessert, Fruit, Inexpensive, Low Cholesterol, Tropical
Tried this recipe?Let us know how it was!

Recommended Recipes Just For You