Black and White Bean Salad Recipe: Crisp Celery Crowns Over Smoky Herb Creaminess

Salads

Black and White Bean Salad Recipe: Crisp Celery Crowns Over Smoky Herb Creaminess

This black and white bean salad recipe delivers restaurant-quality texture contrast—crisp celery crowns crunching over smoky herb creaminess. The secret lies in properly cooling the beans and balancing their earthy flavors with bright lemon and fresh herbs.

I developed this version after years of testing, ensuring each bite delivers perfect harmony between tender beans, crisp vegetables, and tangy dressing.

The foundation is simple: canned black and white beans (no soaking required) tossed with celery, red onion, and parsley, then bound together with a creamy dressing made from vegan mayo, Dijon mustard, and lemon juice.

What sets this apart is the technique of chilling the salad for at least 30 minutes before serving—this allows all the flavors to meld while maintaining that essential crunch from the celery and red onion.

What you'll end up with is a salad that's substantial enough to serve as a main dish yet light enough for a side. The beans stay tender but firm, the celery maintains its crispness, and the dressing creates just the right amount of creaminess without overwhelming the dish.

It's the kind of salad that tastes even better the next day, making it perfect for meal prep.

Ready in just 20 minutes with minimal prep, this salad is packed with plant-based protein and fiber, making it a satisfying choice for any meal. The flavors are balanced—earthy beans, fresh herbs, and bright citrus—while the textures provide that perfect contrast of crisp and creamy.

Here's how to make it perfectly every time.

👨‍🍳
Difficulty
Medium
🌿
Diet
Vegetarian
🔥
Calories
Med Cal

Ingredients for black and white bean salad

Eight ingredients transform into restaurant-quality salad—crisp, creamy, and perfectly balanced.

Ingredient Amount Notes
Canned Black Beans 🌱 1 ½ cups Drained and rinsed thoroughly
Canned White Beans 🌱 1 ½ cups Drained and rinsed thoroughly
Celery Stalks 🧅 3 whole Trimmed and cut into thin slices
Red Onion 🧅 ½ cup Finely diced, about ½ medium
Fresh Flat-Leaf Parsley 🌿 ⅓ cup Chopped finely, stems removed
Vegan Mayonnaise 🥫 ½ cup High-quality brand preferred
Dijon Mustard 🍯 1 tbsp For tangy depth
Fresh Lemon Juice 🍋 2 tbsp From ½ small lemon
Extra-Virgin Olive Oil 🫒 2 tbsp For richness and balance
Smoked Paprika 🌶️ ½ tsp For subtle smokiness
Garlic Cloves 🧄 2 cloves Minced finely
Salt 🧂 ½ tsp Adjust to taste
Black Pepper 🌶️ ¼ tsp Freshly ground
Fresh Thyme Leaves 🌿 1 tsp Chopped finely, optional

The beans are the heart of this salad, so pick high-quality canned varieties—look for organic or no-salt-added options at Whole Foods or your local grocery store. The celery needs to be crisp, so avoid those rubbery stalks that have been sitting too long. For the parsley, I always grab a bunch and use half—fresh herbs make all the difference. The red onion should be sweet and firm; store-bought is fine, but if you're feeling fancy, grab a Spanish red onion from the Latin market for extra depth. The vegan mayo is non-negotiable—Just Mayo or Follow Your Heart are my go-tos, but any good-quality brand works.

No smoked paprika? Regular paprika plus a pinch of liquid smoke gets you close. Fresh thyme missing? Dried thyme at one-third the amount works in a pinch, but fresh is ideal. The Dijon mustard can be swapped for regular yellow mustard if needed, though it'll be less complex. For the lemon juice, fresh is best, but if you're in a hurry, bottled lemon juice works fine. The olive oil should be fruity and peppery—California-grown brands like Corto or Colavita are my favorites. And if you're out of celery, substitute with fennel for a similar texture, though the flavor will differ slightly.

This salad tastes even better the next day—make a double batch for easy lunches. Store in an airtight container in the fridge for up to 5 days. The celery will stay crisp if you wrap it in damp paper towels and seal it tightly. For meal prep, portion into individual containers so you can grab and go. Freezing isn't recommended, as the celery and herbs will turn mushy, but the dressing components can be prepped ahead and stored separately for up to 1 week.

❤️

Why You'll Love This Recipe

  • Pantry Magic: I swear by this one—open two cans, chop one onion, and you’re basically done. No soaking, no fancy techniques, just the kind of meal that feels like a hug when you’re too tired to think.
  • Crunchy Contrast: That sharp celery bite cutting through the creamy white beans? Absolute perfection. The red onion adds a little tang, and the parsley ties it all together with a fresh finish—like a flavor party where everyone’s invited.
  • Potluck Hero: Bring this to a gathering and watch it disappear. It’s hearty enough for a main (pair with crusty bread) but light enough for a side. Honestly, I’ve taken it to BBQs, office parties, and even my mom’s dinner table—no one ever asks what’s in it.
  • Budget Win: Two cans of beans, a handful of veggies, and you’ve got a salad that costs less than takeout. Leftovers? Even better. I’ll eat this cold, warm, or straight from the fridge for days—zero waste, zero guilt.

Step-by-step instructions for black and white bean salad

This vibrant salad comes together in minutes with crisp celery and a creamy, smoky dressing.

1

Prepare the Bean Base

Drain and rinse the 1.5 cups canned black beans and 1.5 cups canned white beans thoroughly under cold water to remove any excess starch. This prevents the beans from becoming mushy later. I like to press the beans gently between my fingers to break them up slightly—just enough to create texture but not turn them into a paste.

Transfer the beans to a large mixing bowl. Here's the thing—don't skip the rinsing step. Even though canned beans are cooked, the starch coating can make the salad gummy if left unchecked. The beans should be completely dry when you start building your salad, so give them a good shake in the colander before transferring.

2

Build the Crisp Vegetable Crowns

Finely dice the ½ cup red onion into tiny pieces—think almost sand-like texture. This ensures the onion flavor distributes evenly without any large chunks. Trim the 3 whole celery stalks and cut them into thin slices, about ⅛-inch thick. The celery should be crisp but not crunchy—you want it to soften slightly when mixed with the dressing.

Add both the onion and celery to the bowl with the beans. Give everything a gentle toss with your hands to combine. I know it seems counterintuitive to mix raw celery and onion with cooked beans, but this layering creates the perfect balance of textures when the dressing comes together. The celery will maintain its crispness while the beans provide hearty substance.

3

Create the Smoky Herb Dressing

In a small bowl, whisk together the ½ cup vegan mayonnaise, 1 tablespoon Dijon mustard, 2 tablespoons fresh lemon juice, and 2 tablespoons extra-virgin olive oil. The lemon juice will brighten the flavors while the mustard adds that signature tang. Add the ½ teaspoon smoked paprika, ½ teaspoon salt, and ¼ teaspoon black pepper to the mixture and whisk until fully combined.

Now for the aromatic boost: mince the 2 cloves garlic and add them to the dressing along with the 1 teaspoon fresh thyme leaves. Stir well and let the mixture sit for 5 minutes to allow the flavors to meld. This resting time is crucial—it lets the paprika develop its smoky aroma and the garlic infuse the dressing properly. The dressing should have a thick, creamy consistency with a vibrant reddish hue from the paprika.

4

Combine and Chill for Perfect Texture

Pour the smoky herb dressing over the bean and vegetable mixture in the large bowl. Using your hands or a large spoon, gently fold everything together until the beans are evenly coated. Here's where it gets fun—the celery and onion should be completely enrobed in the creamy dressing, but don't overmix or you'll break up the beans too much.

Transfer the salad to an airtight container and refrigerate for at least 1 hour before serving. This chilling time allows all the flavors to meld together perfectly. The celery will soften just enough to complement the beans without losing its crispness, and the dressing will absorb into the beans for maximum flavor in every bite. The longer it chills, the better the flavors develop—up to 24 hours if you're prepping ahead.

5

Garnish and Serve with Fresh Herb Crowns

Before serving, give the salad one final toss to redistribute any dressing that might have settled. Sprinkle the ⅓ cup finely chopped fresh flat-leaf parsley over the top just before serving. The parsley adds a bright, fresh contrast to the smoky, creamy salad and gives it that restaurant-quality finish.

Serve immediately while the celery is still crisp and the dressing is at its creamiest. This salad tastes best when served slightly chilled but not ice cold—perfect for picnics, potlucks, or as a refreshing side dish. The combination of black and white beans creates a beautiful visual contrast, while the smoky dressing ties everything together with its rich, herby depth.

👨‍🍳

Pro Tips For Making Black And White Bean Salad

  • DRAIN AND RINSE WELL: Canned beans are packed in saltwater or syrup, and skipping the rinse leaves your salad tasting like a swimming pool. Dump them into a colander and give them a thorough cold-water rinse—even the "low-sodium" ones. I learned this the hard way after making a salad so salty it could’ve been used for pickling.
  • CHOP ONION SMALL AND SOAK: Red onion adds bite, but it can overwhelm if you’re not careful. Dice it into 1/4-inch pieces, then toss them in ice water for 10 minutes to mellow the sharpness. This isn’t about cooking it—just softening the edge. (Yes, even if you’re impatient like me.)
  • DRESS BEANS BEFORE MIXING: Toss the drained beans with half the dressing first, then fold in the celery and parsley. This guarantees every bean gets coated instead of sitting dry at the bottom of the bowl. I used to add dressing last, and half the salad would taste like sad, underdressed lettuce.
  • USE A KNIFE ON CELERY: Celery sticks are stubborn. Instead of twisting them into submission, slice them lengthwise into thin strips with a sharp knife—no peeling needed. It’s faster, cleaner, and you’ll actually use the whole stalk. (And no, the "crunchy bits" aren’t a valid excuse to skip this step.)

Storing and reheating this black and white bean salad

Refrigerator Storage

Store your black and white bean salad in an airtight container in the refrigerator for up to 5 days. The key is to keep the celery and red onion crisp—wrap them separately in damp paper towels before sealing.

This prevents sogginess while maintaining that essential crunch. I like using glass containers with snap-on lids from Pyrex because they keep everything fresh longer. 🥫

Freezer-Friendly Dressing

While the full salad doesn't freeze well (the celery turns mushy), you can prep the dressing separately and store it for up to 1 week. Combine all dressing ingredients in a freezer-safe container, leaving ½-inch headspace for expansion.

Thaw in the fridge overnight before using. This is perfect for meal prep—just mix with fresh ingredients when ready to serve. 🧊

Reheating for Best Texture

For the best results, serve this salad cold or at room temperature. If you must reheat, do it gently: transfer to a microwave-safe bowl, cover with a damp paper towel, and heat on low power for 30-second intervals until reaching 165°F.

Stir between intervals to distribute heat evenly. The celery will soften more, but the beans and dressing stay creamy. 🔥

Make-Ahead Tips

Double the batch and store half for future meals—this salad actually tastes better the next day as flavors meld. For easy lunches, portion into mason jars with dressing at the bottom.

When ready to eat, just shake or stir before serving. I often prep this on Sundays for quick weeknight dinners. The beans stay tender, and the dressing remains rich. 📅

Reviving Stale Celery

If your celery loses crispness after storage, revive it by soaking the sliced pieces in ice water for 10 minutes before adding back to the salad. This restores crunch while keeping the beans and dressing at their best.

For extra flavor, add a pinch of smoked paprika when reheating—it enhances the smoky notes. 💫

Portioning for Meal Prep

Use small glass containers (like Klean Kanteen meal prep jars) to portion individual servings. Store dressing separately if prepping more than 3 days ahead—combine just before eating.

This keeps the celery crisp and prevents soggy bottoms. Label containers with dates to track freshness. Perfect for office lunches or picnic outings! 🧺

Nutrition facts

Servings 4
Amount Per Serving
Calories 310kcal
% Daily Value *
Total Fat 14g18%
Saturated Fat 2g10%
Cholesterol 0mg0%
Sodium 520mg23%
Total Carbohydrate 42g15%
Dietary Fiber 12g43%
Sugars 4g
Protein 18g36%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Can I substitute other beans for black and white beans?

For a similar texture, try cannellini beans or great northern beans instead of white beans, and kidney beans or pinto beans instead of black beans. The flavor will shift slightly, but the salad will still hold together. Just ensure the beans are drained and rinsed thoroughly to maintain crispness.

2

Why does my salad turn mushy after chilling?

This usually happens when beans aren't properly drained or the celery isn't fresh. Always rinse canned beans under cold water to remove excess starch, and choose crisp celery stalks. For extra crunch, soak celery slices in ice water for 10 minutes before adding to the salad. Also, avoid overmixing after adding the dressing.

3

How can I make this salad spicier?

Add ½ teaspoon cayenne pepper or 1 teaspoon hot sauce to the dressing for immediate heat. For smoky depth, increase smoked paprika to 1 teaspoon and add ½ teaspoon chipotle powder. For a fresh kick, toss in 1 tablespoon chopped jalapeño or 1 teaspoon red pepper flakes before serving.

4

Is this salad gluten-free?

Yes, this recipe is naturally gluten-free as long as you use certified gluten-free vegan mayo (like Primal Kitchen or Sir Kensington's) and check that your smoked paprika and Dijon mustard are gluten-free. Always verify labels, as some brands may process in gluten-containing facilities.

5

Can I add cooked grains like quinoa or farro?

Cook ½ cup quinoa or ½ cup farro and let cool completely before mixing in. This adds heartiness and extra protein. For best texture, use grains that are al dente rather than mushy. Add them with the beans and vegetables before incorporating the dressing.

★★★★★4.8(6 reviews)
Categories Salads