I didn’t know butterscotch and coconut could be best friends until I accidentally grabbed the wrong bag of chips at the grocery store. I was making my usual chocolate chip cookies when I realized my mistake halfway through mixing the dough.
Instead of starting over, I figured why not see what happens? That’s how I discovered these coconut butterscotch cookies that my kids now ask for every week. The butterscotch gives them this rich, buttery sweetness while the coconut adds a chewy texture that makes them impossible to stop eating.
Why You’ll Love These Coconut Butterscotch Cookies
- Quick and easy baking – These cookies come together in under 25 minutes from start to finish, making them perfect for last-minute treats or when you need something sweet fast.
- Simple pantry ingredients – You probably already have most of these basic baking staples in your kitchen, so no special shopping trip required.
- Perfect flavor combination – The tropical coconut pairs beautifully with rich butterscotch chips, creating a cookie that’s both familiar and special at the same time.
- Great for sharing – This recipe makes plenty of cookies that are perfect for potlucks, bake sales, or just having around when friends drop by.
- Chewy texture – The coconut adds a lovely chewiness that makes these cookies satisfying and different from your typical chocolate chip cookie.
What Kind of Coconut Should I Use?
For these cookies, you’ll want to use sweetened shredded coconut, which is what you’ll typically find in the baking aisle at most grocery stores. The sweetened variety adds a nice chewy texture and extra sweetness that pairs perfectly with the butterscotch chips. You can choose between fine or medium shred – both work well, though medium shred gives you more noticeable coconut pieces in each bite. If you only have unsweetened coconut on hand, that’s fine too, but your cookies might be slightly less sweet overall. Just make sure to use dried coconut rather than fresh, as fresh coconut contains too much moisture for this recipe.
Options for Substitutions
These cookies are pretty forgiving when it comes to swaps, so here are some options if you need to make changes:
- Butter: You can substitute with margarine or vegetable shortening in equal amounts. For a healthier option, try using 1/4 cup of applesauce, but your cookies will be a bit softer and less rich.
- Brown sugar: If you’re out of brown sugar, mix 1/2 cup white sugar with 1 tablespoon molasses. You can also use all white sugar, though you’ll lose some of that caramel flavor.
- Coconut: Sweetened or unsweetened coconut both work fine here. If you don’t like coconut, try chopped pecans, walnuts, or even rolled oats for a different texture.
- Butterscotch chips: Feel free to swap these with chocolate chips, white chocolate chips, or even toffee bits. You could also mix in dried fruit like cranberries or raisins for a twist.
- All-purpose flour: You can use a 1:1 gluten-free flour blend if needed, though the texture might be slightly different. Whole wheat flour works too, but use about 2 tablespoons less since it absorbs more liquid.
Watch Out for These Mistakes While Baking
The biggest mistake when making coconut butterscotch cookies is not properly softening your butter – cold butter won’t cream well with the sugars, leading to dense cookies instead of light and chewy ones.
Another common error is overbaking these cookies, which can make the coconut taste burnt and the butterscotch chips hard, so pull them from the oven when the edges are just set and the centers still look slightly underbaked.
To prevent your butterscotch chips from sinking to the bottom of the cookies, lightly toss them in a tablespoon of flour before folding them into the dough, and make sure to use sweetened shredded coconut rather than unsweetened for the best flavor balance.
Finally, don’t skip chilling the dough for at least 30 minutes if it seems too soft – this helps the cookies hold their shape and prevents them from spreading too much during baking.
What to Serve With Coconut Butterscotch Cookies?
These sweet, chewy cookies are perfect with a cold glass of milk for dunking, or try them alongside a hot cup of coffee or tea for an afternoon treat. I love serving them with vanilla ice cream for a simple dessert that feels a bit more special, especially when the cookies are still slightly warm from the oven. They also make a great addition to any cookie platter for parties or potlucks, paired with other classics like chocolate chip or oatmeal cookies. For something different, try crumbling them over plain yogurt or using them as a topping for your morning oatmeal.
Storage Instructions
Keep Fresh: These coconut butterscotch cookies stay soft and chewy when stored in an airtight container at room temperature for up to a week. I like to toss a slice of bread in the container to help keep them from getting too crispy – just replace the bread slice every couple of days.
Freeze: You can freeze the baked cookies in a freezer-safe container or bag for up to 3 months. I also love freezing the cookie dough balls on a baking sheet, then transferring them to a bag once frozen – that way you can bake fresh cookies whenever you want! Just add an extra minute or two to the baking time if baking from frozen.
Make Ahead: The cookie dough can be made up to 2 days ahead and kept covered in the fridge. Let it sit at room temperature for about 10 minutes before scooping if it gets too firm. You can also portion the dough into balls and refrigerate them on the baking sheet overnight for easy baking the next day.
| Preparation Time | 10-15 minutes |
| Cooking Time | 7-8 minutes |
| Total Time | 17-23 minutes |
| Level of Difficulty | Easy |
Estimated Nutrition
Estimated nutrition for the whole recipe (without optional ingredients):
- Calories: 2300-2500
- Protein: 18-22 g
- Fat: 110-120 g
- Carbohydrates: 320-340 g
Ingredients
- 1 tsp baking soda
- 1 1/4 cups all-purpose flour
- 1/2 cup granulated sugar
- 1/2 cup unsalted butter (softened to room temperature)
- 1 cup sweetened shredded coconut (I prefer Bob’s Red Mill)
- 3/4 cup butterscotch morsels (or use Nestlé if preferred)
- 1/8 tsp salt
- 1 tsp vanilla extract (I use Madagascar vanilla)
- 1/2 cup brown sugar (packed)
- 1 large egg
Step 1: Prepare the Mise en Place and Preheat
- 1 1/4 cups all-purpose flour
- 1 tsp baking soda
- 1/8 tsp salt
Start by preheating your oven to 350°F (175°C) so it reaches the right temperature by the time your dough is ready.
While the oven heats, whisk together the flour, baking soda, and salt in a small bowl—this ensures the leavening agent is evenly distributed throughout the dough.
I like to sift these dry ingredients together because it incorporates a little air and prevents lumps, which helps the cookies rise more evenly.
Step 2: Cream Butter and Sugars
- 1/2 cup unsalted butter
- 1/2 cup brown sugar
- 1/2 cup granulated sugar
In a medium bowl, beat the softened butter, brown sugar, and granulated sugar together for 2-3 minutes until the mixture is light, fluffy, and noticeably paler in color.
This creaming process incorporates air into the butter, which helps the cookies rise and creates a tender crumb.
Make sure your butter is truly softened to room temperature—cold butter won’t incorporate air effectively, and warm butter will make the dough too soft to handle.
Step 3: Add Egg and Vanilla
- 1 large egg
- 1 tsp vanilla extract
Add the egg and vanilla extract to the creamed butter and sugar mixture, beating until smooth and well combined.
This step fully incorporates the egg, which acts as a binder and adds moisture and structure to the cookies.
Scrape down the sides of the bowl to ensure everything is evenly mixed.
Step 4: Combine Wet and Dry Ingredients
- dry ingredient mixture from Step 1
Add the dry ingredient mixture from Step 1 to the wet mixture, stirring gently until just combined.
Don’t overmix at this stage—mixing the dough too much after adding flour develops gluten, which can make the cookies tough instead of tender.
Stop mixing as soon as you no longer see streaks of flour.
Step 5: Fold in Coconut and Butterscotch
- 1 cup sweetened shredded coconut
- 3/4 cup butterscotch morsels
Gently fold the shredded coconut and butterscotch morsels into the dough using a spatula or wooden spoon.
Use a folding motion rather than aggressive stirring to keep the dough tender and to distribute the mix-ins evenly without crushing them.
The dough should come together into a cohesive mass with pockets of coconut and butterscotch throughout.
Step 6: Shape and Bake the Cookies
- prepared dough from Step 5
Using your hands or a cookie scoop, roll the dough into 1-inch balls and place them about 2 inches apart on an ungreased cookie sheet.
Bake for 7-8 minutes, until the edges are just set and lightly golden but the centers still look slightly underdone—they’ll continue to cook on the hot pan after you remove them from the oven, which keeps them chewy.
Step 7: Cool and Finish
Let the cookies cool on the baking sheet for 3-4 minutes—this resting period allows them to firm up enough to move without breaking but while they’re still warm enough to set properly.
Then transfer them to a wire cooling rack to cool completely.
I find that leaving them on the sheet for that short window makes all the difference in getting that perfect chewy texture.




