Desserts
This vegan black and white cookie recipe delivers the perfect balance of crunchy oats and rich chocolate in every bite, all without a hint of dairy or eggs. 💛 The secret lies in using flaxseed as an egg substitute and coconut oil for that signature cookie texture—both techniques I've perfected after years of baking tests.
What makes these cookies truly special is how the crispy oat section contrasts with the fudgy chocolate center, creating a satisfying texture in every mouthful.
The recipe is designed to be foolproof for beginners, with clear instructions for mixing the dough and achieving that signature black-and-white contrast. You'll start with a simple base of flour, sugar, and coconut oil, then divide the dough to create the classic two-toned effect.
The flaxseed "egg" creates a tender crumb while keeping the cookies crisp at the edges, just like traditional recipes—but without any animal products.
By the time these cookies emerge from the oven, you'll have golden-brown oat sections that stay crispy and chocolate chunks that melt just enough to create pockets of gooey goodness.
The aroma alone will fill your kitchen with warmth, and the visual contrast of black and white makes them perfect for holidays or special occasions. They're also naturally gluten-free if you use a certified gluten-free flour blend.
These cookies stay fresh for up to a week when stored in an airtight container, making them ideal for meal prep or gifting. The recipe scales easily, so you can bake a single batch for personal enjoyment or double it for sharing.
Let's get baking—your kitchen will smell like a bakery in no time.
Ingredients for vegan black and white cookie
Simple pantry staples transform into vegan cookies with perfect crunchy-chocolate contrast.
| Ingredient | Amount | Notes |
|---|---|---|
| All-Purpose Flour 🌾 | 3 cups | Spray flour container to prevent clumping |
| Granulated Sugar 🍚 | 1 ½ cups | White or light brown preferred |
| Light Brown Sugar 🍚 | ½ cup | Packed firmly for accurate measure |
| Unsweetened Applesauce 🍎 | ½ cup | Substitute for flaxseed if needed |
| Ground Flaxseed 🌾 | ¼ cup | Freshly ground for best binding |
| Vanilla Extract 🌿 | 1 tbsp | Pure vanilla for best flavor |
| Baking Soda 🧂 | 1 tsp | Ensures proper rise |
| Salt 🧂 | ½ tsp | Fine sea salt preferred |
| Coconut Oil 🥥 | ½ cup | Solid at room temperature |
| Old-Fashioned Rolled Oats 🥣 | 1 ½ cups | Not instant or steel-cut oats |
| Semisweet Chocolate Chips 🍫 | 1 ½ cups | Vegan chocolate chips only |
| Unsweetened Cocoa Powder 🍫 | ¼ cup | Natural, not Dutch-processed |
| Almond Extract 🌿 | ¼ tsp | Optional but enhances flavor |
| Vanilla Bean Seeds 🌿 | ½ tsp | Scraped from 1 vanilla bean |
The flaxseed and coconut oil are the magic here—Bob's Red Mill flaxseed works best, and Trader Joe's carries solid coconut oil that's perfect. For chocolate lovers, Enjoy Life vegan chocolate chips are a must—they melt beautifully without dairy. The oats? Quaker Old Fashioned gives that classic texture, but any rolled oats work. Pro tip: Toast the oats in the oven for 5 minutes before mixing—they'll taste even nuttier. The cocoa powder should be natural, not Dutch-processed—it makes a difference in flavor.
No flaxseed? Unsweetened applesauce works 1:1, though texture might be slightly softer. Running short on vanilla extract? Vanilla bean seeds alone (from 1 bean) give that same rich flavor. The chocolate chips can be swapped for chopped vegan dark chocolate if you prefer chunks over chips. For a gluten-free version, use a 1:1 gluten-free flour blend—just add 0.5 tsp xanthan gum if your blend doesn't include it. The almond extract is optional but adds that classic cookie aroma, so grab a small bottle if you love almond flavor.
These cookies stay fresh for up to 1 week in an airtight container, but honestly? They disappear faster than that. For extra crunch, store them in layers with parchment paper between each layer. The dough can be chilled for up to 3 days if you want to prep ahead—just let it sit at room temp for 30 minutes before baking. Freeze portions for up to 3 months by wrapping tightly in plastic. Reheat in the oven for 5 minutes at 350°F to revive any lost crispness.
Why You'll Love This Recipe
- No-Fuss Mixing: I swear by the applesauce swap—it keeps the dough just soft enough to handle without sticking to my fingers. The flaxseed eggs bind everything together so well, I barely need to knead. Honestly, I’ve made this while chatting on the phone, and the cookies still turn out perfect.
- Two-Tone Magic: That perfect contrast of dark molasses-rich cookies and vanilla-sugar whites? It’s like dessert got a personality upgrade. The brown sugar caramelizes into little chewy pockets, while the white ones stay tender—no dry, sad edges here.
- Party in a Jar: Between us, these are my go-to for holiday cookie platters, potlucks, or even a lazy Sunday afternoon. The dough keeps for days in the fridge, so I can bake half now and half later. (Yes, even on a Tuesday night.)
- Budget Baking Win: Flour, sugar, applesauce—these are pantry staples that won’t break the bank. A single batch makes 30 cookies, and they freeze like champs. I’ve pulled one out of the freezer for my kid’s school lunchbox, and they never knew the difference.
Step-by-step instructions for vegan black and white cookies
Here's how to create these stunning cookies with crispy oat topping and fudgy chocolate centers.
👨🍳 Step 1: Mix Wet Ingredients for Perfect Texture
In a large mixing bowl, combine the 0.5 cup unsweetened applesauce, 0.5 cup coconut oil (solid at room temperature), 1.5 cups granulated sugar, and 0.5 cup packed light brown sugar. Mix until the coconut oil is completely melted and everything forms a smooth paste. I like to use a wooden spoon for this step—it helps scrape up any coconut oil that clings to the bowl.
Next, add the 1 tbsp vanilla extract, 0.25 tsp almond extract, and 0.5 tsp vanilla bean seeds. Stir well to distribute those rich vanilla flavors evenly. The mixture should be thick but pourable. If it's too thick, add 1-2 tablespoons of warm water to help it come together smoothly. This wet mixture forms the foundation for both cookie halves, so take your time getting it just right.
🥘 Step 2: Combine Dry Ingredients for Two Distinct Doughs
In a separate bowl, whisk together the 3 cups all-purpose flour, 1 tsp baking soda, and 0.5 tsp salt. This is your base for both cookie halves. Now, divide this dry mixture in half—you'll need 1.5 cups for each portion. Keep one portion as is for the white cookies, and mix the other 1.5 cups with the 0.25 cup unsweetened cocoa powder for the chocolate version.
For the white dough, add half of the dry mixture to the wet ingredients and mix until just combined. You want to avoid overmixing—stop when you see a few flour streaks remaining. Then, fold in 0.75 cup of the old-fashioned rolled oats (half the total amount). For the chocolate dough, follow the same process but use the cocoa-infused dry mixture and the remaining 0.75 cup oats. The oats will give that satisfying crunchy contrast we love in these cookies.
🍳 Step 3: Shape and Bake the Cookies for Perfect Contrast
Preheat your oven to 350°F and line two baking sheets with parchment paper. For the white dough, roll 1-tablespoon portions into balls and place them 2 inches apart on one baking sheet. For the chocolate dough, do the same on the second baking sheet. Press each ball gently with your thumb to flatten slightly—they should be about ½-inch thick when done.
Bake for 10-12 minutes until the edges are golden brown and the centers look slightly underdone. Here's the fun part: as soon as they come out of the oven, press a 1-tablespoon portion of chocolate dough onto the center of each white cookie. Watch carefully—the chocolate should spread slightly but maintain its shape. Return the cookies to the oven for 2-3 more minutes to set the chocolate. Let them cool on the baking sheets for 5 minutes before transferring to a wire rack.
⏰ Step 4: Add Chocolate Chips and Rest for Maximum Flavor
While the cookies are still warm, press 1.5 cups semisweet chocolate chips into the top of each cookie. The residual heat from the cookies will help the chocolate melt slightly, creating those beautiful marbled patterns. Let the cookies cool completely on the rack—this is crucial for the chocolate to set properly and create that perfect contrast between crispy oats and fudgy centers.
Once fully cooled, you'll have 24 stunning black and white cookies with crispy oat topping, rich chocolate centers, and pockets of melted chocolate throughout. Store them in an airtight container at room temperature for up to 5 days, or freeze for up to 3 months. The flavor actually improves as they sit—trust me, they'll be even better the next day!
Pro Tips For Making Vegan Black And White Cookie
- Chill the Dough: I learned this the hard way—skipping the 24-hour fridge rest makes the cookies spread like pancakes. Even if you’re impatient (yes, even if you’re impatient), let that dough sit overnight. The texture tightens up, and the flavor deepens—no sad, flat cookies here.
- Measure Brown Sugar Right: Pack that light brown sugar into the cup like you’re stuffing a Thanksgiving turkey. Too much air = cookies that taste like they’re missing something. A damp spoon helps—press it down firmly, or you’ll end up with cookies that taste half-sweet.
- Don’t Overmix the Flax Egg: Stir the ground flaxseed into 3 tablespoons of hot water, let it sit for 5 minutes, then mix just until combined. Overmixing turns that flax egg into glue, and your dough will fight you every step of the way. Smooth but not soupy—that’s the goal.
- Bake in Two Batches: Crowded cookies bake unevenly, and you’ll end up with a tray of pale, doughy centers. Use half the dough per sheet, space them 2 inches apart, and resist the urge to shove in extras. Your oven’s not a magic cookie press—give it room to work.
Essential equipment for perfect results
Mixing Essentials
You'll need a large mixing bowl (I love my OXO Good Grips 5-quart bowl) for combining wet ingredients and a medium bowl for dry ingredients. A wooden spoon works best for mixing the wet ingredients—it helps scrape up coconut oil clinging to the bowl.
For measuring, a digital kitchen scale (like OXO Good Grips) ensures precision, especially with the flaxseed and cocoa powder. 🌾
Baking Tools
Two half-sheet baking pans (13x18 inches) are ideal for baking these cookies simultaneously. Line them with parchment paper (I use Great Value brand) to prevent sticking. A parchment square cutter (like Kitchy) saves time when transferring cookies.
Preheat your oven to 350°F—a thermometer probe (such as Thermoworks Smoke) ensures accuracy.
Decorating Must-Haves
For pressing chocolate dough onto the white cookies, use a small offset spatula (like OXO Good Grips) or your thumb—just be gentle to avoid tearing. A wire cooling rack (preferably with non-slip feet) keeps cookies from sitting in melted chocolate.
For pressing chocolate chips, a small silicone spatula (like Kitchy) works perfectly. Store finished cookies in an airtight container (I prefer Rubbermaid Brilliance) to maintain freshness.
Optional Pro Tools
A stand mixer (like KitchenAid) with the paddle attachment speeds up mixing, especially if you're doubling the recipe. For extra precision, a dough scraper (like Kitchy) helps divide the dough evenly.
If you love vanilla flavor, a vanilla bean infuser (like OXO Good Grips) lets you scrape seeds directly into the dough. These tools aren’t mandatory, but they make the process smoother. ✨
Nutrition facts
Frequently asked questions
Why do I need both applesauce AND flaxseed?
The applesauce replaces eggs for moisture and tenderness, while the flaxseed provides the binding quality eggs normally offer. Together they create a perfect texture—applesauce keeps the cookies soft, while flaxseed ensures they hold their shape. You can use just applesauce (1:1 ratio), but the cookies may spread more during baking.
Can I make these without a stand mixer?
These cookies are designed for hand mixing. Use a sturdy wooden spoon to combine wet ingredients and a large fork or rubber spatula to fold in dry ingredients. The key is mixing just until combined—overmixing develops gluten, which makes cookies tough. A strong arm and patience work perfectly!
What if my chocolate dough spreads too much?
Chill the dough for 30 minutes before baking to prevent spreading. Also, ensure your oven is fully preheated to 350°F—a hot oven creates crisp edges that hold their shape. If it still spreads too much, flatten the dough balls slightly before baking with your thumb.
How do I get the classic black-and-white contrast?
The secret is baking the white cookies first, then adding chocolate dough while still warm. The residual heat helps the chocolate set quickly while maintaining its rich color. Press the chocolate firmly but gently—too much pressure will make it spread too thin. Let them cool completely before adding chocolate chips.
Can I make these gluten-free?
Yes! Replace the all-purpose flour with a 1:1 gluten-free flour blend and add 0.5 tsp xanthan gum if your blend doesn't include it. The oats should be certified gluten-free as well. The texture will be slightly different but still delicious. These cookies work beautifully with Bob's Red Mill gluten-free flour.