Pineapple Coconut Crumbl Cookies Recipe – Easy White Chocolate Drizzle

Posted on

pineapple coconut Crumbl cookies - featured image

Golden edges, a chewy center, and the aroma of toasted coconut hitting your nose as soon as you crack open the oven—if that doesn’t make you want to bake, I don’t know what will! These Pineapple Coconut Crumbl-Style Cookies with White Chocolate Drizzle are basically summer in a cookie, and honestly, I’m obsessed. The first time I tested these, it was raining outside, and the smell alone made my entire kitchen feel like a tropical getaway. You’re about to fall in love with a cookie that’s buttery, studded with tangy pineapple, and finished with a dreamy white chocolate drizzle.

I stumbled across this idea after a vacation where I became completely hooked on all things pineapple and coconut. I wanted a cookie that captured that beachy, sunny flavor but still felt like a treat you’d find at your favorite bakery. That’s where the Crumbl inspiration comes in—these cookies are BIG, bakery-thick, and totally indulgent. But making them at home? Way easier than you’d think, and you get to eat them warm, right off the pan.

What I love most about this pineapple coconut Crumbl cookies recipe is how flexible it is. These are perfect for bake sales, family gatherings, or just because you need something sweet after dinner. And if you’re the kind of person who likes a little adventure in your baking, you’re in for a treat. I’ve tested this recipe a half-dozen times (with plenty of “quality control” taste tests), and every batch has turned out soft and irresistible. So, let’s get ready to bring a little sunshine into your kitchen—these cookies are calling your name!

Why You’ll Love This Recipe

Let’s face it—there are a million cookie recipes out there, but these Pineapple Coconut Crumbl Cookies are in a league of their own. I wouldn’t keep coming back to them if they weren’t special! After plenty of trial and error (and sticky fingers), I’ve figured out what makes these cookies truly shine. Here’s why you’re about to have a new favorite in your baking rotation:

  • Quick & Easy: You can have bakery-style cookies in under an hour—no chilling required. Perfect for last-minute cravings or surprise guests.
  • Simple Ingredients: Pantry staples combine with tropical touches. No weird or hard-to-find ingredients. You probably already have most of what you need!
  • Perfect for Any Occasion: Whether it’s a summer BBQ, holiday cookie swap, or a rainy day baking session, these cookies bring a bit of sunshine wherever they go.
  • Crowd-Pleaser: Kids and adults go wild for the chewy texture, sweet pineapple pops, and that gorgeous white chocolate drizzle. Don’t be surprised if these disappear fast.
  • Unbelievably Delicious: The combo of juicy pineapple, nutty coconut, and creamy white chocolate is pure comfort in every bite. It’s a flavor party you don’t want to miss.

What really sets my version apart? I use dried pineapple for a concentrated tangy sweetness (so you don’t end up with soggy cookies), and I toast the coconut to maximize that nutty, golden flavor. The white chocolate drizzle isn’t just for looks—it adds a creamy finish that balances the tartness and texture. Plus, these cookies are thick, soft, and just the right amount of chewy—exactly what you want from a Crumbl-style treat.

These cookies aren’t just another recipe—they’re a memory in the making. I love seeing the look on someone’s face when they bite into that gooey center. They’re the kind of cookies you bake not just because you want dessert, but because you want to create a little moment of joy. If you need a treat that’s as fun to make as it is to eat, this pineapple coconut Crumbl cookies recipe is it!

What Ingredients You Will Need

This pineapple coconut Crumbl cookies recipe is all about big flavor with easy-to-find ingredients. I like to keep things simple, but there’s a little room for creativity if you want to swap something in. Here’s what you’ll need to make these bakery-worthy cookies at home:

  • For the Cookie Dough:
    • 1 cup (227 g) unsalted butter, softened (room temperature is key for creaming)
    • 1 1/4 cups (250 g) granulated sugar
    • 1/2 cup (100 g) packed light brown sugar (adds chewiness and depth)
    • 2 large eggs, room temperature
    • 1 tsp pure vanilla extract (I love using Nielsen-Massey for the best flavor)
    • 2 3/4 cups (350 g) all-purpose flour
    • 1/2 tsp baking powder
    • 3/4 tsp baking soda
    • 1/2 tsp fine sea salt
  • Add-Ins:
    • 3/4 cup (90 g) sweetened shredded coconut, lightly toasted (see tips below)
    • 2/3 cup (100 g) dried pineapple, chopped small (Trader Joe’s is my go-to, but any unsweetened version works!)
    • 3/4 cup (130 g) white chocolate chips or chunks (save a few for topping if you like extra melty bits!)
  • For the White Chocolate Drizzle:
    • 1/2 cup (85 g) white chocolate chips or melting wafers
    • 1 tsp coconut oil (helps the drizzle set smooth and shiny)

Ingredient Tips:

  • Butter: Don’t use margarine. Real, high-quality butter gives that classic bakery flavor.
  • Dried Pineapple: If you only have canned, drain and pat dry thoroughly, then chop. The cookies will be a bit softer.
  • Coconut: Toasting is optional, but it adds so much flavor—just a few minutes in a dry skillet does the trick.
  • White Chocolate: Use real white chocolate (with cocoa butter listed in ingredients) for the best melt and taste. I’ve tried generic brands, but Ghirardelli melts the smoothest.

If you need to make swaps, use gluten-free all-purpose flour for a celiac-friendly version, or swap in dairy-free butter and white chocolate for a vegan treat. Don’t be afraid to experiment—this recipe is super forgiving!

Equipment Needed

You don’t need a fancy bakery setup for these pineapple coconut Crumbl cookies, but a few tools make it easier (and more fun):

  • Stand mixer or hand mixer: Creaming the butter and sugars is way easier with a mixer, but you can use a wooden spoon and some elbow grease if needed. I’ve done both—no shame in the old-school method!
  • Baking sheets: Large, heavy-duty sheets work best for even browning. Line them with parchment for easy cleanup.
  • Cookie scoop (large, 1/4 cup): For those signature bakery-sized cookies. If you don’t have one, use a measuring cup or your hands to shape the dough.
  • Mixing bowls: At least two—one for dry and one for wet.
  • Rubber spatula: Helps fold in the coconut and pineapple without overmixing.
  • Small skillet (for toasting coconut): This step is optional but highly recommended for extra flavor.
  • Cooling rack: Lets the cookies cool without getting soggy bottoms. A wire rack from the dollar store works just fine.
  • Microwave-safe bowl: For melting the white chocolate drizzle.

If you don’t have a fancy mixer, don’t worry—your hands and a strong whisk are just fine. I’ve also used silicone mats instead of parchment, and even baked on an upside-down pizza tray when I was in a pinch. Just be sure to keep everything clean and dry for the best results!

How to Make Pineapple Coconut Crumbl Cookies with White Chocolate Drizzle

pineapple coconut Crumbl cookies preparation steps

  1. Prep and Toast Coconut (5 minutes):

    Place the shredded coconut in a dry skillet over medium heat. Stir constantly for 2-3 minutes until golden and fragrant. Remove from heat and let cool. This step makes the coconut so much more flavorful—don’t walk away, it toasts fast!
  2. Preheat Oven and Prep Pans (5 minutes):

    Preheat your oven to 350°F (175°C). Line two large baking sheets with parchment paper. If your oven runs hot, check with an oven thermometer.
  3. Cream Butter and Sugars (3 minutes):

    In a large mixing bowl, beat the softened butter, granulated sugar, and brown sugar together on medium speed until light and fluffy—about 2-3 minutes. Scrape down the sides as needed. This creates the cookie’s soft, chewy texture.
  4. Add Eggs and Vanilla (1 minute):

    Add the eggs, one at a time, mixing well after each. Stir in the vanilla extract. The mixture should be creamy and smooth.
  5. Combine Dry Ingredients (2 minutes):

    In a separate bowl, whisk together flour, baking powder, baking soda, and salt. This step helps prevent clumps and ensures even leavening.
  6. Mix Wet and Dry Ingredients (2 minutes):

    Gradually add the dry ingredients to the wet, mixing on low speed or by hand until just combined. Don’t overmix—stop as soon as the flour disappears.
  7. Fold in Add-Ins (2 minutes):

    Gently fold in the toasted coconut, chopped dried pineapple, and white chocolate chips. The dough will be thick and chunky—exactly what you want.
  8. Shape and Portion Dough (5 minutes):

    Use a large cookie scoop or 1/4 cup measure to portion dough balls. Place on prepared baking sheets, leaving at least 2 inches (5 cm) between cookies—they spread!
  9. Bake (10-12 minutes):

    Bake one sheet at a time in the center of the oven for 10-12 minutes. The cookies should look set at the edges but a little underdone in the center—they’ll firm up as they cool. If they brown too quickly, tent with foil.
  10. Cool Cookies (10 minutes):

    Let cookies cool on the baking sheet for 5 minutes, then transfer to a wire rack. This helps them set up and keeps the bottoms crisp.
  11. Prepare White Chocolate Drizzle (2 minutes):

    Melt the white chocolate chips and coconut oil together in a microwave-safe bowl in 20-second bursts, stirring until smooth. (Be careful—white chocolate scorches easily!)
  12. Drizzle and Finish (5 minutes):

    Once cookies are mostly cool, use a spoon or piping bag to drizzle white chocolate over the tops. Sprinkle with extra coconut or a bit of flaky salt if you like.
  13. Serve and Enjoy!

    Dig in while the drizzle is still a little melty or let it set for a firmer finish. Either way, you’re in for a treat!

Troubleshooting: If your dough is too sticky, chill for 15-20 minutes. If cookies spread too much, try adding an extra tablespoon of flour. If the drizzle seizes, add a tiny splash of coconut oil and stir gently.

Cooking Tips & Techniques

Baking these pineapple coconut Crumbl cookies feels like second nature to me now, but I’ve learned a few tricks along the way that I wish someone had told me sooner:

  • Don’t skip toasting the coconut: It really wakes up the flavor and gives the cookies a nutty edge. Just keep an eye out—coconut burns in a heartbeat. I’ve ruined a batch or two by getting distracted, ha!
  • Use room temperature ingredients: Cold butter or eggs can make the dough lumpy and uneven. Set your butter and eggs out an hour before baking for best results.
  • Chop pineapple small: Big chunks can make the cookies break apart. Tiny bits distribute flavor without making pockets of moisture.
  • White chocolate drizzle: Melt slowly and stir often. I’ve scorched white chocolate more times than I care to admit. The coconut oil keeps it smooth and glossy.
  • Don’t overbake: Cookies should look a little underdone in the middle when you pull them out. They’ll set up as they cool. Overbaking leads to dry, cakey cookies—trust me!
  • For even baking: Bake one tray at a time in the center of the oven. If you must bake two, rotate trays halfway through.
  • Let them cool: The cookies are fragile when hot. Let them rest on the tray to finish cooking before moving to a rack.

One time, I tried using fresh pineapple instead of dried and ended up with a soggy mess—stick with dried for this one! And if you want perfectly round cookies, gently swirl a glass or bowl around each hot cookie right after baking. It’s a pro trick for that bakery look.

Variations & Adaptations

One of the best things about this pineapple coconut Crumbl cookies recipe is how easily you can switch things up. Here are some of my favorite tweaks and swaps:

  • Gluten-Free: Substitute a good gluten-free all-purpose flour blend (like Cup4Cup) for the regular flour. I’ve done this for friends and it works great—just skip the chilling step if your blend is starch-heavy.
  • Vegan: Use vegan butter and flax eggs (2 tbsp flaxseed meal + 5 tbsp water, mixed and rested for 5 minutes). Choose dairy-free white chocolate chips and you’re all set!
  • Nutty Twist: Add 1/2 cup (60 g) chopped macadamia nuts or cashews for extra crunch and a salty-sweet vibe.
  • Chocolate Lovers: Swap half the white chocolate for dark or milk chocolate chips. It adds a whole new layer of richness.
  • Fresh Citrus: Add 1-2 teaspoons of lime or orange zest to the dough for a burst of brightness.

For allergies, opt for unsweetened coconut if you need to cut back on sugar, or skip the white chocolate if someone can’t have dairy. I once tried these with mango instead of pineapple—totally delicious, so don’t be afraid to experiment with other dried fruits!

Serving & Storage Suggestions

These cookies are best served slightly warm, when the white chocolate drizzle is just set and the centers are still a little gooey. Stack them high on a pretty plate, or arrange on a cake stand for that bakery-style wow factor. For a tropical treat, pair with homemade lemonade or a coconut latte—you’ll feel like you’re on vacation, I promise.

If you have leftovers (rare, but it does happen), store in an airtight container at room temperature for up to 4 days. For longer storage, freeze baked cookies (drizzle and all!) in a zip-top bag with parchment between layers. Thaw at room temperature or reheat in a 300°F (150°C) oven for 5 minutes to refresh the texture.

Honestly, the flavors deepen after a day, so these cookies are even better the next morning. If you find the drizzle softening, just pop them in the fridge for a few minutes before serving.

Nutritional Information & Benefits

Each pineapple coconut Crumbl cookie is approximately 280 calories, with 4g protein, 14g fat, and 35g carbohydrates. They’re a treat, for sure, but you also get a little fiber from coconut, plus antioxidants and vitamin C from pineapple.

These cookies can be made dairy-free and gluten-free with simple swaps, so they fit a variety of diets. Just be mindful of tree nut and dairy allergies if you’re baking for a crowd.

From my own experience, these cookies satisfy sweet cravings without being overly rich, and the tropical flavors always put me in a good mood. They feel special—like a mini vacation for your taste buds!

Conclusion

These Pineapple Coconut Crumbl Cookies with White Chocolate Drizzle are more than just dessert—they’re a little escape, a conversation starter, and a guaranteed hit for anyone who loves a sweet, chewy, bakery-style treat. Every time I bake a batch, I’m reminded why I keep coming back to this recipe: it’s simple, fun, and bursting with sunny flavor.

Don’t be afraid to put your own spin on them—add a pinch of spice, your favorite nuts, or a different drizzle if you’re feeling creative. I love sharing these with friends, but honestly, I usually stash a few for myself.

If you try this pineapple coconut Crumbl cookies recipe, let me know how it goes! Leave a comment, share your tweaks, or tag your cookie creations. Happy baking, and may your kitchen always smell like a tropical bakery!

Frequently Asked Questions

Can I use fresh pineapple instead of dried?

Fresh pineapple adds too much moisture and can make the cookies soggy. If you must use it, pat it very dry and chop finely, but dried pineapple really gives the best texture and flavor.

How do I toast coconut without burning it?

Toast coconut in a dry skillet over medium heat, stirring constantly. It browns fast, so don’t walk away. Pull it off the heat as soon as it turns golden and smells nutty.

Can I freeze these cookies?

Absolutely! Freeze baked cookies (with or without drizzle) for up to 2 months in a zip-top bag. Thaw at room temp or warm in the oven to refresh.

What’s the best way to get thick, bakery-style cookies?

Use a large cookie scoop and slightly underbake. Let them finish setting on the tray after baking. If your dough is too soft, chill it for 15-20 minutes before scooping.

How do I make these dairy-free?

Swap in plant-based butter and use dairy-free white chocolate chips. The rest of the ingredients are naturally dairy-free, so you won’t miss a thing!

Pin This Recipe!

pineapple coconut Crumbl cookies recipe
Print

Pineapple Coconut Crumbl Cookies with White Chocolate Drizzle

These bakery-style cookies are thick, chewy, and bursting with tropical flavor from toasted coconut and tangy dried pineapple, finished with a creamy white chocolate drizzle. Perfect for any occasion, they bring a taste of summer to your kitchen in under an hour.

  • Author: paula
  • Prep Time: 20 minutes
  • Cook Time: 12 minutes
  • Total Time: 40 minutes
  • Yield: 14 large cookies 1x
  • Category: Dessert
  • Cuisine: American

Ingredients

Scale
  • 1 cup (227 g) unsalted butter, softened
  • 1 1/4 cups (250 g) granulated sugar
  • 1/2 cup (100 g) packed light brown sugar
  • 2 large eggs, room temperature
  • 1 tsp pure vanilla extract
  • 2 3/4 cups (350 g) all-purpose flour
  • 1/2 tsp baking powder
  • 3/4 tsp baking soda
  • 1/2 tsp fine sea salt
  • 3/4 cup (90 g) sweetened shredded coconut, lightly toasted
  • 2/3 cup (100 g) dried pineapple, chopped small
  • 3/4 cup (130 g) white chocolate chips or chunks (plus extra for topping, optional)
  • 1/2 cup (85 g) white chocolate chips or melting wafers (for drizzle)
  • 1 tsp coconut oil (for drizzle)

Instructions

  1. Place the shredded coconut in a dry skillet over medium heat. Stir constantly for 2-3 minutes until golden and fragrant. Remove from heat and let cool.
  2. Preheat your oven to 350°F (175°C). Line two large baking sheets with parchment paper.
  3. In a large mixing bowl, beat the softened butter, granulated sugar, and brown sugar together on medium speed until light and fluffy, about 2-3 minutes. Scrape down the sides as needed.
  4. Add the eggs, one at a time, mixing well after each. Stir in the vanilla extract.
  5. In a separate bowl, whisk together flour, baking powder, baking soda, and salt.
  6. Gradually add the dry ingredients to the wet, mixing on low speed or by hand until just combined. Do not overmix.
  7. Gently fold in the toasted coconut, chopped dried pineapple, and white chocolate chips.
  8. Use a large cookie scoop or 1/4 cup measure to portion dough balls. Place on prepared baking sheets, leaving at least 2 inches between cookies.
  9. Bake one sheet at a time in the center of the oven for 10-12 minutes. The cookies should look set at the edges but a little underdone in the center.
  10. Let cookies cool on the baking sheet for 5 minutes, then transfer to a wire rack.
  11. Melt the white chocolate chips and coconut oil together in a microwave-safe bowl in 20-second bursts, stirring until smooth.
  12. Once cookies are mostly cool, use a spoon or piping bag to drizzle white chocolate over the tops. Sprinkle with extra coconut or flaky salt if desired.
  13. Serve and enjoy while the drizzle is still a little melty or let it set for a firmer finish.

Notes

For best flavor, toast the coconut and use dried pineapple. If dough is too sticky, chill for 15-20 minutes. For gluten-free cookies, substitute a gluten-free flour blend. To make vegan, use plant-based butter, flax eggs, and dairy-free white chocolate. Do not overbake; cookies should look slightly underdone in the center when removed from the oven.

Nutrition

  • Serving Size: 1 large cookie
  • Calories: 280
  • Sugar: 22
  • Sodium: 120
  • Fat: 14
  • Saturated Fat: 9
  • Carbohydrates: 35
  • Fiber: 2
  • Protein: 4

Keywords: pineapple coconut cookies, crumbl cookies, white chocolate drizzle, tropical cookies, bakery style cookies, chewy cookies, summer dessert, easy cookie recipe

Did you make this recipe?

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

Tags:

You might also like these recipes

Leave a Comment

Recipe rating