Best Pineapple Crumb Cake with Caramel Drizzle (Easy Recipe + Tips)

Introduction to Pineapple Crumb Cake with Caramel Drizzle
There’s something magical about the combination of soft, fruity cake, a golden crumb topping, and a rich caramel drizzle. This Pineapple Crumb Cake with Salted Caramel brings tropical sweetness together with bakery-style crunch and homemade indulgence. Whether you’re hosting a brunch, attending a potluck, or just looking for something to pair with your morning coffee, this cake delivers. The crushed pineapple keeps it incredibly moist, the crumb adds texture, and the drizzle takes it over the top.

Why You’ll Love This Recipe
This cake isn’t just a treat—it’s a guaranteed crowd-pleaser. The balance of flavors and textures is what makes it special. The pineapple gives a sweet and slightly tangy burst of flavor, while the sour cream adds a tender crumb. The streusel topping bakes into golden, crunchy clusters, and when you pour the salted caramel on top? Instant bakery-level dessert. Bonus: it tastes even better the next day, making it perfect for prepping ahead.

Key Ingredients Overview
Each layer of this cake plays a crucial role in delivering flavor and texture. Let’s break it down:

Crumb Topping

• All-purpose flour – Forms the base of the crumb, giving it structure
• Brown sugar & granulated sugar – A mix of sweetness and depth
• Ground cinnamon – Adds warm, cozy flavor
• Salt – Enhances all the flavors
• Melted unsalted butter – Brings everything together into a crumbly topping

Cake Base

• All-purpose flour – Standard baking flour for structure
• Baking powder and baking soda – Help the cake rise properly
• Salt – Balances the sweetness
• Unsalted butter – Adds richness
• Granulated sugar – Sweetens the base
• Eggs – Provide structure and moisture
• Vanilla extract – Enhances the overall flavor
• Sour cream – Adds moisture and a slight tang
• Crushed pineapple (well-drained) – Sweet, juicy, and flavorful

Caramel Drizzle

• Brown sugar – The base for the caramel flavor
• Butter – Adds smoothness and shine
• Heavy cream – Makes the caramel rich and pourable
• Salt – Balances the sweetness and enhances depth
• Vanilla extract – Adds aroma and extra flavor

Tools & Equipment Needed

• 9-inch square baking pan
• Mixing bowls (medium and large)
• Whisk
• Hand or stand mixer
• Rubber spatula
• Saucepan (for caramel)
• Measuring cups and spoons
• Cooling rack

Step-by-Step Instructions

1. Preheat and Prep
Preheat your oven to 350°F (175°C). Grease a 9-inch square baking pan or line it with parchment paper for easier removal later.

2. Make the Crumb Topping
In a medium bowl, mix the flour, brown sugar, granulated sugar, cinnamon, and salt. Stir in the melted butter until the mixture forms large, clumpy crumbs. Set aside. You can chill this while preparing the batter for a firmer topping.

3. Make the Cake Batter
In a separate bowl, whisk together flour, baking powder, baking soda, and salt. In a large mixing bowl, beat the softened butter and granulated sugar until light and fluffy (2–3 minutes). Add eggs one at a time, beating after each addition. Mix in vanilla extract. Add sour cream and mix until just combined.

4. Add Pineapple
Fold in the well-drained crushed pineapple using a spatula. Make sure it’s evenly distributed but avoid overmixing.

5. Assemble the Cake
Spread the cake batter evenly into the prepared pan. Sprinkle the crumb topping evenly over the batter.

6. Bake
Bake for 35–40 minutes, or until a toothpick inserted into the center comes out clean or with moist crumbs. The topping should be golden brown. Let the cake cool in the pan on a wire rack.

7. Make the Caramel Drizzle
While the cake cools, prepare the caramel. In a small saucepan over medium heat, combine brown sugar, butter, and heavy cream. Stir constantly and bring to a gentle boil. Let it simmer for 2–3 minutes until thickened slightly. Remove from heat and stir in vanilla and a pinch of salt. Allow it to cool for a few minutes to thicken more.

8. Drizzle and Serve
Once the cake has cooled slightly, drizzle the warm caramel over the top. Slice and serve. Optionally, top with whipped cream or a scoop of vanilla ice cream.

Expert Tips for Success

• Make sure the pineapple is very well-drained. Excess liquid will make the cake soggy.
• For a crunchier topping, chill the crumb mixture for 10–15 minutes before baking.
• Let the caramel cool slightly before drizzling to ensure it thickens and doesn’t soak into the cake too quickly.
• Use room temperature eggs and butter for better batter consistency.
• Don’t overbake—start checking at 35 minutes and look for moist crumbs, not dry.

Variations & Customizations

• Add Coconut – Fold in shredded coconut for a tropical twist.
• Add Nuts – Chopped pecans or walnuts in the crumb topping add crunch.
• Spice It Up – Add nutmeg, ginger, or cardamom for warm, spiced notes.
• Frost It – Turn it into a layer cake with cream cheese frosting between layers.
• Pineapple Rings – Arrange pineapple rings on top before baking for a decorative look.

How to Serve

• Delicious warm or at room temperature
• Perfect with coffee or black tea
• Great topped with whipped cream, ice cream, or extra caramel
• Serve as a brunch cake or a laid-back dessert

How to Store & Freeze

• Store at room temperature in an airtight container for up to 2–3 days
• Refrigerate for up to 5 days
• To freeze: wrap individual slices in plastic wrap and store in a freezer-safe bag for up to 2 months
• Reheat in microwave for 10–15 seconds or in oven at 300°F for 5–10 minutes

Make-Ahead Tips

• Prepare crumb topping and store in the fridge a day ahead
• Bake the cake a day in advance and add caramel just before serving
• Store caramel sauce separately and reheat gently when ready to drizzle
• Cake can also be sliced and individually wrapped for easy serving later

FAQs

Can I use fresh pineapple instead of canned?
Yes, fresh pineapple works well, but be sure to chop it finely and drain as much juice as possible. You may even want to blot it with paper towels to prevent extra moisture.

What’s the difference between crumb cake and coffee cake?
Crumb cake typically has a much thicker streusel topping than coffee cake. Coffee cakes may have a swirl or a thinner layer of topping, while crumb cakes are all about that crunchy top.

Can I make this gluten-free?
Absolutely. Use a 1:1 gluten-free flour blend suitable for baking. The texture may differ slightly, but the flavors will still shine.

Can I double the recipe for a larger group?
Yes, simply double the ingredients and bake in a 9×13 inch pan. Increase the baking time by 5–10 minutes and check for doneness with a toothpick.

What’s the best way to reheat this cake?
For best results, warm slices in the microwave for 10–15 seconds or in a low oven (300°F) for 5–10 minutes. This revives the crumb topping and makes the caramel gooey again.

Print