Side Dishes
This bean salad recipe with mayo delivers a satisfying vegetarian dish that balances crisp textures and herby zing in every bite. The secret lies in perfectly cooked beans tossed with a creamy mayo dressing that's brightened with fresh herbs and a touch of tang.
I developed this recipe after years of testing—it’s the one that finally convinced even mayo skeptics to give it a try.
The foundation is tender beans (kidney, cannellini, or black beans work beautifully) combined with crisp celery crowns that add satisfying crunch. A simple mayo-based dressing with Dijon mustard, fresh dill, and a squeeze of lemon keeps things creamy yet tangy, while red onion and bell pepper add layers of flavor.
The result? A salad that’s hearty enough to stand alone or light enough to complement grilled meats.
What makes this recipe stand out is the perfect balance of textures—creamy beans, crisp vegetables, and a dressing that clings without overwhelming.
It’s a dish that holds up well for meal prep, staying fresh for up to 4 days in the fridge, and tastes even better the next day as flavors meld. The herby zing from fresh parsley and dill elevates the simple ingredients, making this salad a crowd-pleaser.
Serve it as a main dish with crusty bread or as a side alongside grilled chicken or fish. The crisp celery crowns add a refreshing contrast, while the creamy mayo dressing ensures every bite is satisfying. Here’s how to make it—simple steps for a restaurant-quality salad at home.
Ingredients for bean salad recipe with mayo
Tender beans, crisp vegetables, and creamy mayo come together for a satisfying vegetarian salad.
| Ingredient | Amount | Notes |
|---|---|---|
| Canned Kidney Beans 🥫 | 1 ½ cups | Drained and rinsed thoroughly |
| Canned Cannellini Beans 🥫 | 1 cup | Drained and rinsed thoroughly |
| Red Bell Pepper 🍆 | 1 medium | Diced into small pieces |
| Red Onion 🧅 | 1 medium | Thinly sliced into rings |
| Celery Crowns 🧅 | 2 cups | Thinly sliced, crisp texture |
| Mayonnaise 🥛 | ½ cup | High-quality for best flavor |
| Dijon Mustard 🍯 | 1 tbsp | For tangy depth |
| Fresh Dill 🌿 | ¼ cup | Chopped finely, stems removed |
| Fresh Parsley 🌿 | ¼ cup | Chopped finely, stems removed |
| Lemon Juice 🍋 | 2 tbsp | Freshly squeezed |
| Salt 🧂 | ½ tsp | Kosher or sea salt |
| Black Pepper 🌶️ | ¼ tsp | Freshly ground |
| Garlic Cloves 🧄 | 2 cloves | Minced finely |
The beans are the heart of this salad—cannellini and kidney give you that perfect mix of texture and flavor. Trader Joe's has great canned options, but any quality brand works. Drain and rinse them well to get rid of excess sodium. For extra freshness, you can also use dried beans, but they'll need to be cooked ahead. The celery crowns are non-negotiable—they add that satisfying crunch. Look for crisp, firm stalks with no browning at the base. If you can't find celery crowns, just use regular celery and slice it thinly yourself—it's worth the extra minute.
No Dijon mustard? Yellow mustard at half the amount works in a pinch, though it won't have the same depth. Fresh dill is ideal, but dried dill at one-third the amount gets you close. The red bell pepper can be swapped for any color—green or yellow work fine. If you're short on time, pre-diced bell peppers from the refrigerated section save you chopping. The lemon juice is key for brightness—bottled lemon juice works, but fresh is always better. And if you're worried about mayo, remember this recipe is designed to convert skeptics—just use a good-quality brand like Hellmann's or Duke's.
This salad keeps beautifully in the fridge for 4-5 days, with flavors actually improving as it sits. Store it in an airtight container with a paper towel pressed on top to keep the celery crisp. The dressing separates slightly over time—just give it a quick stir before serving. For meal prep, I like to portion it into individual containers with a small side of bread or crackers. The beans and vegetables hold up well, but the celery might get a little softer after 3 days—just swap in fresh celery when you serve it.
Why You'll Love This Recipe
- No Chopping Nightmare: I swear by the canned beans here—just drain, rinse, and toss. No soaking, no boiling, no waiting. The bell pepper and onion get the only knife work, and I’m not even picky about how thinly I slice them.
- Creamy Crunch Magic: That mayo dressing clings to every bean like it’s glued on, while the celery crowns add a satisfying crunch. Honestly, the texture contrast is what makes this salad feel special—no fancy ingredients, just pure satisfaction.
- Lunchbox Legend: Between us, this is my go-to for packed lunches. It holds up for days in the fridge, and the mayo keeps everything moist. I’ll pack it with crackers for my kids, or eat it straight with a fork—no judgment.
- Pantry Staple Power: Kidney beans, cannellini, mayo, and a few veggies? That’s it. I’ve made this on a $5 grocery run, and it still tastes like a meal. Plus, leftovers? They’re my emergency dinner when I’m too tired to think.
Step-by-step instructions for bean salad with mayo
This method delivers a perfectly balanced bean salad with crisp celery and vibrant herbs.
Prepare the Vegetable Base
In a large mixing bowl, combine the 1.5 cups drained kidney beans and 1 cup drained cannellini beans. Give them a gentle stir to distribute any juices evenly. This step ensures all beans are coated with the dressing later.
Add the 1 medium red bell pepper (pre-diced) and 1 medium red onion (pre-sliced). The acidity from the onion will mellow slightly as it sits, but it's essential for that bright flavor. Toss everything together lightly—just enough to mix, not so much that you break the celery crowns we'll add next.
Finally, fold in the 2 cups celery crowns (pre-sliced). The celery should remain crisp and distinct in texture, so handle it gently. This is your foundation—don't overmix or the salad will lose its fresh, crunchy character.
Make the Herby Dressing
In a separate small bowl, whisk together the 0.5 cup mayonnaise and 1 tbsp Dijon mustard until smooth and fully combined. The mustard adds depth that plain mayo can't match—don't skip this step. Add the 2 cloves minced garlic and mix again until incorporated.
Stir in the 2 tbsp lemon juice, 0.5 tsp salt, and 0.25 tsp black pepper. The lemon brightens everything while the salt and pepper balance the richness of the mayo. Taste the dressing at this point—it should be tangy but not overpowering. If needed, add a pinch more salt or lemon juice to suit your preference.
Gently fold in the 0.25 cup chopped fresh dill and 0.25 cup chopped fresh parsley. These herbs add freshness that cuts through the richness of the mayo. Be careful not to overmix—they should be evenly distributed but still visible throughout the salad.
Combine and Chill
Pour the herby dressing over the bean and vegetable mixture in the large bowl. Use a wooden spoon to gently fold everything together until the beans and vegetables are evenly coated. You want the dressing to cling to each piece without making the salad soggy.
Taste a spoonful of the salad at this stage. The flavors should be balanced—sweet from the beans, tangy from the dressing, and fresh from the herbs. If the salad tastes too bland, add a bit more lemon juice or salt. If it's too sharp, stir in a spoonful of mayo.
Cover the bowl with plastic wrap and refrigerate for at least 2 hours (or up to 24 hours). This chilling time allows the flavors to meld perfectly and the celery to maintain its crisp texture. The longer it sits, the better the flavors will develop.
Serve with Crispness Intact
Before serving, give the salad one final gentle stir. The beans should be coated in dressing, the celery should still have a satisfying crunch, and the herbs should be evenly distributed. If the celery has lost its crispness, add a few extra slices to each serving.
Serve immediately or within 1 hour of removing from the refrigerator. The salad tastes best when the celery is still crisp and the dressing hasn't separated. For best results, serve as a side dish with grilled meats, sandwiches, or as a light lunch on its own.
Pro Tips For Making Bean Salad Recipe With Mayo
- Rinse Those Beans First: Canned beans taste like they’ve been swimming in brine—skip the rinse and you’ll end up with a salad that’s more ocean than garden. Give them a quick cold water rinse, then drain well. The extra 30 seconds saves you from a mouthful of salted regret later.
- Dice the Onion Small: Big onion chunks? No thanks. You want this salad to eat like a conversation, not a puzzle. Cut the red onion into 1/8-inch pieces—small enough to disappear but big enough to add bite. (Pro move: Toss it with a pinch of salt while you chop; it’ll soften faster and sweeten up.)
- Wait for the Mayo to Chill: Dumping mayo straight from the fridge into warm beans? That’s how you end up with a sad, greasy mess. Let the mayo sit at room temp for 5 minutes first—just enough to soften but not liquefy. Your salad’s creaminess will thank you.
- Add Celery Last: Celery’s the diva of this salad—it gets soggy fast. Hold off until you’re ready to serve, or at least mix it in right before eating. If you’re prepping ahead, keep it separate and stir it in just before serving. (Yes, even if you’re impatient like me.)
Health benefits of this recipe
Plant-Based Protein Power
This bean salad packs a serious protein punch—every serving delivers about 15 grams of plant-based protein from kidney and cannellini beans. That’s nearly 30% of your daily recommended intake in one meal, making it an excellent choice for vegetarians or anyone looking to reduce meat consumption.
The combination of these two beans also provides a complete amino acid profile, which is rare in plant foods. 💪
Fiber-Rich and Digestive-Friendly
The beans in this salad are loaded with fiber—about 12 grams per serving—which supports healthy digestion and keeps you feeling full longer. The celery and bell pepper add even more fiber, while the mayo provides healthy fats that help your body absorb fat-soluble vitamins.
I’ve noticed my digestion improves when I include this salad in my meals regularly.
Heart-Healthy Fats
The mayo in this recipe isn’t just flavor—it’s a source of heart-healthy fats when you choose the right kind. Opt for brands like Duke’s or Hellmann’s that use high-oleic oils, which are lower in saturated fats.
These fats help reduce LDL cholesterol while maintaining HDL levels. The lemon juice and fresh herbs also add antioxidants that protect your heart. 💛
Low-Calorie, High-Nutrient
Despite its satisfying creaminess, this salad is surprisingly light—only about 250 calories per serving. It’s packed with nutrients like folate, iron, and potassium, all of which support energy levels and muscle function.
The red bell pepper contributes vitamin C, while the onions add flavonoids that boost immunity. It’s the kind of dish that makes you feel nourished without weighing you down.
Antioxidant Boost
The fresh herbs—especially dill and parsley—are powerhouses of antioxidants like apigenin and luteolin, which help reduce inflammation in the body. The red onion adds quercetin, another antioxidant that fights oxidative stress.
I like to add extra herbs when I make this salad because they elevate the flavor while providing serious health benefits. 🌿
Meal Prep Friendly
This salad’s nutrient profile makes it perfect for meal prep—it stays fresh in the fridge for 4-5 days, maintaining its protein and fiber content. The celery remains crisp when stored properly, and the beans retain their texture.
I often pack this as a lunch option because it’s balanced, filling, and easy to take on the go. The herby dressing also helps preserve the freshness of the vegetables. ✨
Nutrition facts
Frequently asked questions
Can I use this bean salad as a main dish instead of a side?
This recipe makes about 4 generous servings, so it’s perfect as a hearty vegetarian main dish. Pair it with crusty whole-grain bread or a side of quinoa to round out the meal. The protein-packed beans and creamy dressing make it satisfying enough to stand alone, especially when served with a simple green salad on the side.
What if I don't like mayo? Can I substitute it?
Yes! For a lighter version, replace the mayo with Greek yogurt or vegan mayo (like Just Mayo). Use the same amount, but add 1 extra tablespoon of lemon juice to balance the tang. Another option is a light vinaigrette (3 tbsp olive oil + 1 tbsp red wine vinegar + 1 tsp Dijon), though the texture will be different. The key is keeping the dressing creamy enough to coat the beans.
How do I keep the celery from getting soggy?
Celery stays crisp best when handled gently and stored properly. Add the celery last when combining ingredients, and toss it just until coated. For storage, press a paper towel on top of the salad in the container to absorb excess moisture. If the celery softens after refrigeration, simply add fresh slices when serving—it’s worth the extra crunch!
Can I make this salad ahead of time?
This salad actually tastes better the next day! Let it sit in the fridge for 2-24 hours before serving to allow flavors to meld. Store in an airtight container with a paper towel on top. The dressing may separate slightly—just stir before serving. For meal prep, portion into individual containers with a side of crackers or bread for easy grab-and-go lunches.
What other beans can I use in this recipe?
Any tender, canned bean works well! Try black beans, chickpeas, or white beans for variety. For a different flavor profile, swap in butter beans or lentils. Just adjust the liquid (like broth or water) if using dried beans. The key is using 1.5 cups total of drained beans to maintain the right texture and protein balance.