Written by

Denise Carlson

Published

Chewy Dairy-Free Chocolate Chip Cookies with Coconut Oil Easy Recipe

Ready In 1 hour 15 minutes
Servings 24 cookies
Difficulty Easy

Love this? Save it for later!

Share the inspiration with your friends

“I wasn’t expecting to become obsessed with dairy-free baking,” I said to myself last Tuesday evening as the aroma of melting chocolate and toasted coconut oil filled my tiny kitchen. You know that feeling when your mouth starts watering before you even take a bite? Yeah, that happened. I was testing a recipe for chewy dairy-free chocolate chip cookies with coconut oil, a last-minute idea sparked by a forgotten stick of butter in the fridge and a sudden craving for something sweet but kinder to my stomach.

Honestly, it all started with a bit of a mess — I accidentally grabbed coconut oil instead of butter, and my first batch was a gooey disaster. But, let me tell you, that “mistake” turned into a keeper. The cookies came out soft and chewy, with a subtle coconut aroma that played beautifully against the rich chocolate chips. It reminded me of a cozy afternoon at a little vegan café I once stumbled upon during a weekend trip, where the owner shared their secret: coconut oil for that perfect chewy texture.

Maybe you’ve been there—wanting a cookie that hits all the right notes without the dairy, but finding most recipes dry or crumbly. This recipe is different. It’s straightforward, uses ingredients you probably already have, and it’s just plain comforting. I even cracked the mixing bowl on my second attempt (don’t ask), but the cookies kept getting better. So, I’m sharing this simple, chewy dairy-free chocolate chip cookie recipe with coconut oil because it’s the kind of treat that makes you close your eyes after the first bite and whisper, “Wow, this is good.”

Why You’ll Love This Recipe

After testing countless dairy-free cookie recipes, this chewy dairy-free chocolate chip cookies with coconut oil recipe stood out for all the right reasons. I’m not just saying that because I made a mess or two—these cookies consistently deliver on texture, flavor, and ease.

  • Quick & Easy: Ready in under 30 minutes from start to finish, perfect for busy evenings or unexpected guests.
  • Simple Ingredients: Uses pantry staples like coconut oil, flour, and vegan chocolate chips—no exotic shopping required.
  • Perfect for Allergy-Friendly Baking: Completely dairy-free and adaptable for gluten-free with simple swaps.
  • Crowd-Pleaser: From kids to adults, these cookies always get rave reviews at potlucks or casual get-togethers.
  • Unbelievably Delicious: The chewy texture with a hint of coconut is a refreshing twist on classic chocolate chip cookies.

What sets this recipe apart? Using coconut oil instead of butter or margarine gives the cookies a lightly tropical undertone and chewy bite without greasiness. Plus, a touch of brown sugar balances the sweetness while keeping the texture soft. I’ve tried other dairy-free fats, but coconut oil just nails it every time—plus it’s naturally vegan and allergy-friendly.

Honestly, it’s the kind of recipe that makes you look forward to baking, even on a busy weeknight. Whether you’re new to dairy-free baking or a seasoned pro, these cookies will surprise you with their simple goodness and satisfying chew.

What Ingredients You Will Need

This recipe uses simple, wholesome ingredients to deliver bold flavor and satisfying chewiness without fuss. Most of these are pantry staples, and substitutions are easy if you need to customize.

  • All-Purpose Flour: 2 cups (240g) – provides structure; for gluten-free, swap with a 1-to-1 gluten-free blend like Bob’s Red Mill.
  • Baking Soda: 1 teaspoon – helps cookies rise and spread evenly.
  • Sea Salt: ½ teaspoon – balances sweetness and enhances flavor.
  • Coconut Oil: ¾ cup (170g), melted – the star ingredient for chewiness and subtle coconut flavor. I prefer refined coconut oil for a neutral taste or virgin for more coconut aroma.
  • Brown Sugar: 1 cup (200g), packed – adds moisture and depth of flavor.
  • Granulated Sugar: ¼ cup (50g) – for a slight crunch contrast.
  • Vanilla Extract: 1 tablespoon – pure vanilla is best for rich aroma.
  • Flax Egg: 1 tablespoon ground flaxseed + 3 tablespoons water (let sit 5 mins) – replaces eggs for binding.
  • Dairy-Free Chocolate Chips: 1½ cups (270g) – I like Enjoy Life brand for allergy-friendly quality, but any dairy-free semi-sweet chips work.
  • Optional: ½ cup chopped walnuts or pecans for crunch.

Feel free to swap brown sugar with coconut sugar for a more caramel-like note or use coconut palm sugar for a lower glycemic index. The flax egg is an easy vegan substitute—if you’re not dairy-free but want egg-free, it works just as well.

Equipment Needed

  • Mixing Bowls: One large bowl for dry ingredients and one medium bowl for wet ingredients. Glass or stainless steel works well.
  • Hand Mixer or Stand Mixer: Helpful but not necessary; you can mix by hand with a sturdy spoon.
  • Measuring Cups and Spoons: For accurate measurements of both dry and wet ingredients.
  • Baking Sheet: A rimmed baking sheet lined with parchment paper or silicone baking mat to prevent sticking.
  • Spatula or Wooden Spoon: For folding in chocolate chips and nuts.
  • Cooling Rack: Crucial for letting cookies cool evenly and maintain their chewiness.

If you don’t have a stand mixer, no worries—hand mixing works fine. I once baked these cookies with a wooden spoon in my cramped kitchen during a power outage (talk about improvising!). Investing in a silicone baking mat is a game-changer—no more scrubbing burnt cookie bottoms.

Preparation Method

chewy dairy-free chocolate chip cookies preparation steps

  1. Prep the Flax Egg: In a small bowl, combine 1 tablespoon ground flaxseed with 3 tablespoons water. Stir and let it sit for 5 minutes until gelatinous. This will replace the egg perfectly.
  2. Melt the Coconut Oil: Gently melt ¾ cup coconut oil in the microwave or on the stovetop. Let it cool slightly so it’s warm but not hot (about 90°F/32°C) to avoid cooking the flax egg.
  3. Mix Dry Ingredients: In a large bowl, whisk together 2 cups all-purpose flour, 1 teaspoon baking soda, and ½ teaspoon sea salt. This ensures even distribution of leavening agents.
  4. Combine Sugars and Wet Ingredients: In a medium bowl, mix the brown sugar and granulated sugar with the melted coconut oil until smooth. Stir in the flax egg and 1 tablespoon vanilla extract.
  5. Combine Wet and Dry: Pour the wet mixture into the dry ingredients. Stir gently with a spatula or wooden spoon until just combined. Overmixing can make cookies tough, so stop when no dry streaks remain.
  6. Fold in Chocolate Chips: Add 1½ cups dairy-free chocolate chips (and nuts if using). Fold them in evenly for pockets of melty chocolate in every bite.
  7. Chill the Dough: Cover the dough and refrigerate for at least 30 minutes. This step is key for chewy cookies and prevents spreading too much during baking.
  8. Preheat Oven: Set oven to 350°F (175°C). Line baking sheets with parchment paper or silicone mats.
  9. Shape Cookies: Using a cookie scoop or tablespoon, drop dough balls about 2 inches apart on the baking sheet. Flatten slightly with your fingers or the back of a spoon for even baking.
  10. Bake: Bake for 10-12 minutes or until edges are golden but centers still look soft. They’ll firm up as they cool.
  11. Cool: Let cookies cool on the baking sheet for 5 minutes before transferring to a wire rack to cool completely.

Pro tip: If cookies seem too soft when removing from the oven, give them an extra minute or two but watch closely—they can go from chewy to crispy fast. A chilled dough is a lifesaver for consistent shapes and texture.

Cooking Tips & Techniques

Getting chewy dairy-free chocolate chip cookies just right takes a few subtle tricks. Coconut oil behaves differently than butter, so here are some lessons from my kitchen trials:

  • Temperature Matters: Melting the coconut oil but letting it cool prevents cooking the flax egg and keeps the dough consistent. Too hot, and your cookies spread too much.
  • Don’t Skip Chilling: Chilling the dough firms up the fat and slows spreading. It also deepens flavor, so don’t be tempted to skip this step—even 30 minutes helps a lot.
  • Mix Gently: Overmixing develops gluten and leads to tougher cookies. Stir until ingredients are just combined—some flour streaks are okay.
  • Measure Flour Correctly: Spoon flour into your measuring cup and level off with a knife instead of scooping, which can pack flour and cause dense cookies.
  • Watch the Bake Time: Remove cookies when edges are golden but centers look soft. They continue to cook on the baking sheet.

I once baked a batch at too high a temperature and ended up with crunchy edges and undercooked middles—lesson learned! Also, swapping refined coconut oil for virgin changes the coconut aroma, so pick based on your flavor preference. These tips helped me move past several failed batches to finally nail this chewy dairy-free chocolate chip cookies with coconut oil recipe.

Variations & Adaptations

Want to switch things up? Here are some tasty ways to customize your chewy dairy-free chocolate chip cookies with coconut oil:

  • Gluten-Free Version: Use a 1-to-1 gluten-free flour blend. Add ¼ teaspoon xanthan gum if your blend doesn’t contain it, to mimic the chewiness of gluten.
  • Nut-Free Option: Skip the optional nuts or substitute with seeds like pumpkin or sunflower for crunch without allergens.
  • Flavor Twists: Add ½ teaspoon cinnamon or orange zest for a warm, cozy flavor. You can also swap vanilla extract with almond extract for a nutty note.
  • Sweetener Swaps: Replace brown sugar with coconut sugar for less refined sweetness, or try maple syrup (reduce liquid elsewhere) for a distinct taste.
  • Different Fats: If coconut oil isn’t your thing, try refined avocado oil or vegan butter sticks, but expect a slightly different texture.

Personally, I tried adding shredded dairy-free coconut flakes once, which bumped up the coconut flavor and gave the cookies a delightful bite. Feel free to experiment—this recipe is forgiving and flexible!

Serving & Storage Suggestions

These chewy dairy-free chocolate chip cookies with coconut oil are best served at room temperature when the chocolate chips are melty but not hot. They’re perfect with a glass of almond milk or a cup of herbal tea for a cozy snack.

To store, keep cookies in an airtight container at room temperature for up to 4 days. If you want them softer, add a slice of bread to the container—it keeps moisture in. For longer storage, freeze the cookies in a sealed bag for up to 3 months. Thaw at room temperature or warm briefly in a low oven or microwave.

Reheating the cookies for 10 seconds in the microwave revives that fresh-baked softness and melty chocolate magic. Plus, the flavors mellow and deepen if you let the cookies rest overnight—so baking ahead can actually reward your taste buds the next day.

Nutritional Information & Benefits

Each cookie (based on 24 cookies per batch) contains approximately:

Calories 140
Fat 8g (mostly from coconut oil)
Carbohydrates 18g
Fiber 1g
Sugar 12g
Protein 1g

Coconut oil offers medium-chain triglycerides (MCTs), which some studies suggest may aid digestion and metabolism. Using dairy-free chocolate chips keeps this recipe suitable for those with lactose intolerance or dairy allergies. The flax egg adds a boost of omega-3 fatty acids and fiber, making these cookies a slightly healthier comfort treat.

While these aren’t health food cookies, they strike a nice balance between indulgence and mindful eating, perfect for anyone avoiding dairy or seeking a simple, satisfying sweet.

Conclusion

These chewy dairy-free chocolate chip cookies with coconut oil have earned a permanent spot in my recipe box. They’re easy to make, use simple ingredients, and satisfy that cookie craving without any dairy drama. Whether you’re baking for yourself, family, or friends with dietary preferences, this recipe delivers consistent, delicious results.

Feel free to tweak the flavors or swap ingredients to suit your tastes—I love hearing how readers put their own spin on it. Honestly, there’s something special about sinking your teeth into a cookie that’s both familiar and just a little unexpected.

Give this recipe a try and let me know how your batch turns out in the comments below. Share your tips, tricks, or favorite variations—I’m all ears! Remember, baking is as much about joy as it is about the final product. Happy baking!

FAQs

Can I use butter instead of coconut oil in this recipe?

Yes, you can substitute an equal amount of softened butter for coconut oil, but the texture will be slightly different—more traditional but less chewy with less coconut flavor.

How do I make these cookies gluten-free?

Use a 1-to-1 gluten-free flour blend and add ¼ teaspoon xanthan gum if not included. This helps maintain the chewy texture.

What if I don’t have flaxseed meal for the egg substitute?

You can use a chia egg (1 tablespoon chia seeds + 3 tablespoons water) or a commercial egg replacer. Alternatively, use one large egg if not dairy-free or vegan.

Why do my cookies spread too much?

This often happens if the dough is too warm or you use too much coconut oil. Chilling the dough before baking and measuring ingredients carefully helps prevent spreading.

Can I add nuts or other mix-ins to these cookies?

Absolutely! Chopped walnuts, pecans, or shredded coconut add great texture and flavor. Just fold them in with the chocolate chips before chilling the dough.

Pin This Recipe!

chewy dairy-free chocolate chip cookies recipe

Print

Chewy Dairy-Free Chocolate Chip Cookies with Coconut Oil

These chewy dairy-free chocolate chip cookies use coconut oil for a soft texture and subtle coconut aroma, perfect for allergy-friendly baking and easy to make with pantry staples.

  • Author: Sarah
  • Prep Time: 10 minutes
  • Cook Time: 12 minutes
  • Total Time: 42 minutes
  • Yield: 24 cookies 1x
  • Category: Dessert
  • Cuisine: American

Ingredients

Scale
  • 2 cups (240g) all-purpose flour (or 1-to-1 gluten-free blend for gluten-free)
  • 1 teaspoon baking soda
  • ½ teaspoon sea salt
  • ¾ cup (170g) coconut oil, melted
  • 1 cup (200g) packed brown sugar
  • ¼ cup (50g) granulated sugar
  • 1 tablespoon vanilla extract
  • 1 tablespoon ground flaxseed + 3 tablespoons water (flax egg)
  • 1½ cups (270g) dairy-free chocolate chips
  • Optional: ½ cup chopped walnuts or pecans

Instructions

  1. Prep the flax egg by combining 1 tablespoon ground flaxseed with 3 tablespoons water in a small bowl. Stir and let sit for 5 minutes until gelatinous.
  2. Melt ¾ cup coconut oil gently in the microwave or on the stovetop. Let cool to about 90°F (32°C).
  3. In a large bowl, whisk together 2 cups all-purpose flour, 1 teaspoon baking soda, and ½ teaspoon sea salt.
  4. In a medium bowl, mix brown sugar and granulated sugar with the melted coconut oil until smooth. Stir in the flax egg and 1 tablespoon vanilla extract.
  5. Pour the wet mixture into the dry ingredients and stir gently with a spatula or wooden spoon until just combined.
  6. Fold in 1½ cups dairy-free chocolate chips and optional nuts evenly.
  7. Cover the dough and refrigerate for at least 30 minutes.
  8. Preheat oven to 350°F (175°C). Line baking sheets with parchment paper or silicone mats.
  9. Using a cookie scoop or tablespoon, drop dough balls about 2 inches apart on the baking sheet. Flatten slightly with fingers or back of a spoon.
  10. Bake for 10-12 minutes until edges are golden but centers still look soft.
  11. Let cookies cool on the baking sheet for 5 minutes before transferring to a wire rack to cool completely.

Notes

Chilling the dough for at least 30 minutes is key for chewy cookies and prevents spreading. Melt coconut oil and let it cool to avoid cooking the flax egg. Avoid overmixing to keep cookies tender. Use refined coconut oil for neutral flavor or virgin for more coconut aroma. Store cookies in an airtight container at room temperature up to 4 days or freeze up to 3 months.

Nutrition

  • Serving Size: 1 cookie
  • Calories: 140
  • Sugar: 12
  • Fat: 8
  • Carbohydrates: 18
  • Fiber: 1
  • Protein: 1

Keywords: dairy-free, chocolate chip cookies, coconut oil, vegan, allergy-friendly, chewy cookies, gluten-free option

Did you make this recipe?

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

You might also love these recipes

Leave a Comment

Recipe rating