Desserts
This black and white non-dairy cookie recipe delivers the classic contrast—crunchy vanilla streaks and hidden chocolate chunks—without any dairy. 💛 I developed it after years of perfecting vegan baking, ensuring the texture stays crisp yet tender, with a frosting that's smooth and creamy even without butter.
The secret lies in coconut oil and almond milk, which mimic traditional dairy while keeping the signature flavor and appearance intact.
The magic happens in the dough, where vanilla bean extract and cocoa powder create distinct halves that bake into perfect halves with a satisfying crunch. I use dairy-free white chocolate chips for the "white" sections and dark chocolate chunks for depth, ensuring every bite delivers that nostalgic black-and-white experience.
The frosting, made with coconut cream, binds beautifully without compromising on that classic cookie texture.
By the time you pull these from the oven, you'll have cookies with crisp edges, soft centers, and that signature contrast of vanilla and chocolate. The frosting adds a glossy finish that makes them look as good as they taste, proving that non-dairy baking can be just as indulgent.
This recipe is foolproof, with clear steps to ensure perfect halves every time.
Perfect for holidays, potlucks, or satisfying a cookie craving without dairy restrictions. The best part? These cookies stay fresh for days, making them ideal for meal prep or sharing. Let's get baking!
Ingredients for black and white cookie recipe non dairy
These 14 ingredients bring nostalgic black-and-white cookies to life—crunchy, creamy, and totally dairy-free!
| Ingredient | Amount | Notes |
|---|---|---|
| All-Purpose Flour 🌾 | 3 ½ cups | Sifted for light texture |
| Unsweetened Almond Milk 🥛 | ¾ cup | For creamy texture |
| Coconut Oil 🥥 | ¾ cup | Solid, not melted |
| Granulated Sugar 🍚 | 1 ½ cups | Superfine preferred |
| Vanilla Bean Extract 🌿 | 2 tsp | Pure extract, not imitation |
| Cocoa Powder 🍫 | ½ cup | Unsweetened, Dutch-processed |
| Baking Soda 🧂 | 1 tsp | Ensures proper rise |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Dairy-Free White Chocolate Chips 🍫 | 1 ½ cups | Enjoy Life brand |
| Dark Chocolate Chunks 🍫 | 1 cup | 70% cacao, chopped |
| Coconut Cream 🥥 | 1 cup | Chilled overnight |
| Powdered Sugar 🍚 | 2 cups | For frosting |
| Vanilla Extract 🌿 | 1 tbsp | Pure vanilla |
| Almond Extract 🌿 | ½ tsp | For depth of flavor |
The Enjoy Life white chocolate chips are a game-changer—they melt perfectly and keep the signature white streaks vibrant. Grab them at Whole Foods or Sprouts if you can't find them at your regular store. For the dark chocolate, Ghirardelli 70% cacao is my go-to, but any high-quality dark chocolate chopped into chunks works. The coconut oil needs to be solid (not melted) when you mix it—this keeps the cookies tender without being greasy. Trader Joe's sells it pre-scooped in tubs, which makes measuring a breeze.
No vanilla bean extract? Pure vanilla extract plus a tiny pinch of ground vanilla bean (if you have it) gets you close. For the cocoa powder, Hershey's Special Dark is widely available, but Valrhona elevates the flavor if you're feeling fancy. Running low on almond milk? Oat milk works too—just use the same amount. The coconut cream should be chilled overnight for the best texture, but if you're in a hurry, pop it in the freezer for 30 minutes. Swapping the white chocolate? Vegan white chocolate bars (like Pascha) work if you melt them yourself.
Store the baked cookies in an airtight container with parchment paper between layers—they stay fresh for 5-7 days. The frosting keeps for 3 days in the fridge, but trust me, it'll disappear faster than that. For extra crunch, bake them longer (up to 2 minutes extra) and let them cool completely on the sheet. Freeze unbaked dough balls for 3 months—just add 2 minutes to baking time when you're ready.
Why You'll Love This Recipe
- No-Fuss Mixing: I swear by the 5-minute prep here—just toss flour, sugar, and coconut oil in a bowl, then fold in almond milk until it’s just combined. No stand mixer, no egg mess, just a spoon and 30 seconds of your time.
- Vanilla-Coconut Magic: That real vanilla bean extract? It’s the secret weapon—warm, creamy, and way more interesting than artificial. The coconut oil keeps them tender without needing butter, and the almond milk adds this subtle, buttery depth.
- Party or Snack: These are my go-to for holiday cookie platters or a quick afternoon pick-me-up. The black-and-white contrast makes them look fancy, but they’re just as happy in a lunchbox as they are on a dessert tray.
- Lasts a Week: Honestly, they’re so good I’ve been known to bake a double batch. Store them in an airtight container, and they stay fresh for days—no weird aftertaste, no soggy edges. Plus, they’re cheaper than store-bought and taste nothing like them.
Step-by-step instructions for black and white non-dairy cookies
Here's how to create the perfect balance of crunchy vanilla streaks and rich chocolate chunks!
👨🍳 Step 1: Mix the Dry Ingredients for Light Texture
In a large mixing bowl, whisk together the 3.5 cups all-purpose flour, 0.5 cup cocoa powder, 1 tsp baking soda, and 0.5 tsp salt. I sift the flour first to prevent lumps and ensure a light, airy cookie. This dry blend forms the foundation of our cookies—don't skip sifting, or you'll end up with dense, heavy cookies.
Set this mixture aside while you prepare the wet ingredients. The reason we combine these dry ingredients first is to create a uniform texture throughout the dough. When you add the wet ingredients later, everything will blend smoothly without any flour pockets.
🍳 Step 2: Cream the Wet Ingredients Until Fluffy
In a separate large bowl, combine the 0.75 cup solid coconut oil (make sure it's not melted—it should be soft but still hold its shape), 1.5 cups granulated sugar, 2 tsp vanilla bean extract, 1 tbsp vanilla extract, and 0.5 tsp almond extract. Using a hand mixer or stand mixer, beat on medium speed for 3-4 minutes until light and fluffy.
You're looking for a pale, creamy mixture that nearly doubles in volume—this incorporates air that helps create those beautiful crackly tops. If your coconut oil is too soft or melted, chill it for 10 minutes in the fridge before starting. This step is crucial for achieving that perfect cookie texture.
🥘 Step 3: Combine Wet and Dry Ingredients
Gradually add the dry ingredients to the wet mixture, mixing on low speed until just combined. Be careful not to overmix—you should still see small flour streaks. Once combined, fold in the 1.5 cups dairy-free white chocolate chips and 1 cup dark chocolate chunks using a silicone spatula.
Here's a pro tip: don't worry if the dough looks too dry at first. The coconut oil and almond milk will come together as you mix. If it's still crumbly, add 1-2 tablespoons unsweetened almond milk at a time until it holds together when pressed. The dough should be soft but not sticky—this ensures the perfect texture when baked.
🍳 Step 4: Create the Signature Vanilla Streaks
Divide the dough in half. For one half, add 1 cup chilled coconut cream and mix until fully incorporated. The coconut cream will make this portion richer and creamier, creating those beautiful vanilla streaks when baked. Shape both portions into disks and wrap in plastic wrap.
Refrigerate for at least 1 hour—this chilling step is essential. It firms up the dough so it holds its shape when you roll it out. I like to chill mine for up to 24 hours if I have time; this enhances the flavor development and prevents excessive spreading in the oven.
🔥 Step 5: Roll and Bake for Perfect Cookies
Preheat your oven to 350°F. On a lightly floured surface, roll out the plain dough portion to ¼-inch thickness. Use a round cutter to cut out circles, then roll out the coconut cream dough and cut strips about ½-inch wide. Place a strip across each circle to create the signature black and white pattern.
Transfer to ungreased baking sheets, leaving 2 inches between cookies. Bake for 10-12 minutes until edges are golden brown but centers still look slightly soft. They'll firm up as they cool. Watch them carefully—they go from perfect to overdone in seconds! Let cool on the baking sheet for 5 minutes before transferring to a wire rack.
🍽️ Step 6: Make the Vanilla Frosting (Optional)
For the optional vanilla frosting, beat the 2 cups powdered sugar, 2 tbsp unsweetened almond milk, 1 tbsp vanilla extract, and 1 tsp almond extract until smooth. Pipe or spread this over cooled cookies for that classic black and white look. The frosting adds a sweet contrast to the rich chocolate and vanilla flavors.
Enjoy your cookies fresh from the oven while they're still warm and gooey in the center. Store in an airtight container for up to 5 days, though I doubt they'll last that long!
Pro Tips For Making Black And White Cookie Recipe Non Dairy
- MEASURE ALMOND MILK PRECISELY: Almond milk loves to absorb into flour like a sponge. Use a scale or measure it in a liquid measuring cup after letting the carton sit for 10 minutes—cold milk behaves differently, and you don’t want dough that’s too wet or crumbly.
- CHILL THE DOUGH LONGER: I used to skip this, but 45 minutes in the fridge (not freezer) makes all the difference. The coconut oil stays firm when baking, so your cookies hold their shape instead of spreading into sad, flat pancakes.
- DON’T OVERMIX THE FLOUR: Once you add the wet ingredients, stop after 30 seconds. Overworking the dough develops gluten, and these cookies turn out tough instead of tender. A quick fold is all you need—no need to turn into a baker’s arm workout.
- USE VANILLA BEAN PASTE: Skip the cheap extract—vanilla bean paste adds depth and a tiny bit of thickness that regular extract can’t match. A single teaspoon (not the seeds) blends right in and makes the white dough actually taste like vanilla, not just sugar.
Common mistakes when making this dish
Overmixing the Dough
I’ve seen this happen more times than I can count—especially when people get nervous about making sure everything is fully combined. Overmixing develops gluten, which turns your delicate cookies into tough, chewy bricks.
The moment your dough looks smooth and shiny, stop mixing. You should still see small flour streaks—this ensures that tender, melt-in-your-mouth texture we all love. 💫
If your dough feels too dry or crumbly, resist the urge to add more liquid. Instead, gently press it together with your hands. If it still won’t hold, add just 1 tablespoon of almond milk at a time until it comes together. Trust me, the cookies will thank you later!
Skipping the Chill
This is a big one! Rushing to bake the dough straight from the mixer is a recipe for disaster. Without chilling, the cookies will spread too much in the oven, losing that perfect round shape.
The 1-hour chill is non-negotiable—it firms up the dough so it holds its form and bakes evenly. Pro tip: Chill the dough disks for up to 24 hours if you have time; this deepens the flavor and prevents excessive spreading.
If you’re in a hurry, pop the dough in the fridge for at least 30 minutes before rolling. Just remember: patience here means perfect cookies later. No one wants flat, sad cookies!
Uneven Baking
Black and white cookies are all about that perfect contrast, but uneven baking can turn your masterpiece into a sad, half-baked mess. The key is to rotate your baking sheets halfway through the bake time (around 6 minutes for a 10-12 minute total).
This ensures even heat distribution, so the edges don’t burn while the centers stay soft. 🔥
Also, make sure your oven is fully preheated before adding the cookies. A cold oven leads to uneven baking, and no one wants a cookie that’s crisp on one side and raw in the middle. Use an oven thermometer to confirm it’s at 350°F—some ovens run hot or cold!
Wrong Chocolate Choices
Not all dairy-free chocolates are created equal! Using just any old vegan chocolate chips can ruin the texture and flavor of your cookies. Stick with Enjoy Life white chocolate chips for the white sections—they melt perfectly and keep that signature look.
For the chocolate chunks, Ghirardelli 70% cacao is my go-to, but any high-quality dark chocolate chopped into ½-inch pieces works.
Avoid pre-melted chocolate or chips that have been sitting in your pantry for months. Freshness matters! If you’re using a vegan white chocolate bar, chop it yourself for the best results. Trust me, the difference is noticeable.
Overbaking the Cookies
Black and white cookies are meant to be crisp on the edges but still soft in the center. Overbaking turns them into dry, crumbly disappointments. Pull them out when the edges are golden brown but the centers still look slightly underdone.
They’ll firm up as they cool on the baking sheet.
If you’re unsure, use the toothpick test: Insert a toothpick into the center of a cookie. If it comes out with a few moist crumbs but no wet batter, they’re done.
If it’s completely clean, they’ve overbaked. Better to pull them out a minute early—they’ll keep cooking off the heat!
Nutrition facts
Frequently asked questions
Why do I need to chill the dough before baking?
Chilling the dough for at least 1 hour (up to 24 hours) prevents excessive spreading and helps maintain that perfect round shape. It also enhances flavor development and makes rolling out the dough much easier. Without chilling, your cookies may turn flat and lose their signature appearance.
Can I substitute coconut oil with another fat?
Yes! You can use vegan butter or shortening in a 1:1 ratio, but coconut oil gives the best texture for these cookies. If using butter, make sure it's cold when mixing. For a nut-free option, sunflower oil-based shortening works well too—just keep it solid when measuring.
How do I make the cookies extra crispy?
For extra crunch, bake them 1-2 minutes longer until the edges are deep golden brown. Let them cool completely on the baking sheet for 10 minutes before transferring. For even more texture, sprinkle with flaky sea salt right after baking while they're still warm.
What's the best way to store these cookies?
Store baked cookies in an airtight container with parchment paper between layers to maintain freshness for up to 5-7 days. For longer storage, freeze unbaked dough balls for 3 months—just add 2 minutes to baking time when ready. The frosting keeps for 3 days in the fridge, but these cookies disappear fast!
Can I make these cookies gluten-free?
Replace the all-purpose flour with a 1:1 gluten-free baking flour blend (like Bob's Red Mill). You may need to add ½ tsp xanthan gum to improve texture. For best results, use a gluten-free flour blend specifically formulated for baking. The recipe will still yield delicious cookies with that signature contrast!