Betty Crocker's Three Bean Salad Recipe: Crunchy Top and Creamy Layers

Salads

Betty Crocker's Three Bean Salad Recipe: Crunchy Top and Creamy Layers

Betty Crocker's three bean salad recipe delivers that perfect balance of creamy texture and satisfying crunch—just like grandma used to make. 💛 This classic dish combines three types of beans with a tangy dressing and crispy fried onions, creating layers of flavor that stay fresh for days in the fridge.

The secret to this iconic salad lies in the chilling time—letting it sit for at least 4 hours allows the flavors to meld beautifully while keeping the beans tender. The creamy dressing coats each bean perfectly, while the fried onions add a satisfying crunch that keeps every bite exciting.

It’s the kind of dish that works as a side for holidays or a main course for potlucks.

What sets this recipe apart is the crunchy top—a layer of crispy fried onions that adds texture and visual appeal. Whether you're serving it at a family gathering or packing it for lunch, this salad delivers restaurant-quality results with minimal effort.

The best part? It tastes even better the next day as the flavors deepen.

For extra richness, you can add crispy bacon or diced ham, though the classic version keeps it strictly vegetarian. The creamy dressing ensures every bite is flavorful, while the beans remain tender and well-seasoned. Ready to make this timeless recipe your own?

👨‍🍳
Difficulty
Medium
🔥
Calories
Med Cal

Ingredients for betty crocker three bean salad

Six ingredients make this creamy, crunchy classic—just like grandma's version.

Ingredient Amount Notes
Canned Green Beans 🌱 1 can Drained and rinsed thoroughly
Canned Kidney Beans 🌱 1 can Drained and rinsed thoroughly
Canned Chickpeas 🌱 1 can Drained and rinsed thoroughly
Mayonnaise 🥛 1 cup High-quality, full-fat preferred
Sour Cream 🧀 ½ cup Full-fat for creaminess
Yellow Mustard 🌶️ 2 tbsp Dijon or classic yellow
White Vinegar 💧 1 tbsp For tangy brightness
Granulated Sugar 🍚 1 tbsp Balances tanginess
Celery Stalks 🧅 1 whole Diced, crisp texture
Red Onion 🧅 ¼ cup Finely diced, sharp flavor
Salt 🧂 1 tsp Kosher or sea salt
Black Pepper 🌶️ ½ tsp Freshly ground preferred
Frozen Fried Onions 🧅 ½ cup Crispy, for crunchy top
Fresh Parsley 🌿 2 tbsp Chopped, for garnish

The beans are the heart of this salad, so grab canned varieties (green beans, kidney beans, chickpeas) for convenience and consistent texture. Trader Joe's or Costco often have the best prices for bulk cans—just make sure they're low-sodium if you prefer less salt. Drain and rinse them well to avoid a watery salad. For extra richness, I always opt for full-fat mayo (like Hellmann's) and full-fat sour cream—it makes the dressing truly velvety. The celery and red onion add freshness and crunch, so don't skip them. If you're prepping ahead, chop these first—they'll keep in the fridge for up to 5 days before wilting.

No mayo? Greek yogurt works in a pinch, though the texture will be slightly lighter (use three-quarters of a cup). Short on kidney beans? Canned black beans or pinto beans are great swaps—they hold their shape well. The frozen fried onions are a must for that classic crunch, but if you can't find them, quick-fry thinly sliced onions in a little oil for 3-4 minutes until golden. For a tangier dressing, add an extra teaspoon of vinegar or a pinch of garlic powder. The parsley is optional but adds a bright finish—fresh if you've got it, dried at one-third the amount if not.

This salad tastes even better the next day as the flavors meld. Store it in an airtight container in the fridge for up to 5 days, though the fried onions may lose some crunch after 2 days. For a restaurant-style presentation, spread the dressing mixture evenly over the beans, then top with fried onions and parsley right before serving. If you're making it ahead for a party, assemble it the night before—the chilling time lets the flavors develop fully. The dressing keeps separately for 3 days if you prefer to dress it fresh.

❤️

Why You'll Love This Recipe

  • No Chopping Needed: I’ll be real—this salad is lazy in the best way. Open three cans, drain them, and stir. That’s it. No prepping, no peeling, no waiting for veggies to soften—just mix and serve. Honestly, it’s the kind of recipe that makes me feel like a hero when I’m starving but too tired to cook.
  • Creamy Without Trying: The mayo and sour cream combo here is ridiculously good—thick, cool, and just tangy enough to cut through the beans. Between us, I’ve tried lighter dressings, but this one? It clings to every chickpea and kidney bean like it’s been waiting its whole life to do so. No fancy seasoning needed; the simplicity works.
  • Potluck-Proof Favorite: This is my go-to for gatherings because it’s always a hit. Bring it to a BBQ, holiday spread, or even a sad office party—no one questions why it’s on the table, and everyone asks for seconds. It’s the kind of dish that disappears fast, so make extra. (Yes, even on a Tuesday night.)
  • Pantry Magic on a Budget: Three cans, two fridge staples, and you’ve got a meal. I’ve made this for under $5 total—no fresh herbs, no specialty ingredients, just reliable flavor. And leftovers? They taste just as good the next day, whether I’m packing it for lunch or reheating it for a quick dinner. My wallet and my taste buds thank me.

Step-by-step instructions for creamy three bean salad

This classic recipe delivers the perfect balance of textures and flavors—creamy, crunchy, and tangy all in one dish.

1

👨‍🍳 Step 1: Prepare the Bean Mixture

Open all three cans of beans and drain them thoroughly, giving each a good rinse under cold water to remove any excess starch or sodium. I like to use my hands to break up any large bean clusters—this ensures an even texture in the final salad. Transfer the drained beans to a large mixing bowl and set aside.

Here's the thing—don't skip the rinsing. Those canned beans often contain brine or syrup that can make your salad taste flat or overly salty. A quick rinse removes that while keeping the beans hydrated and ready to absorb the dressing.

2

🥘 Step 2: Make the Creamy Dressing

In a medium bowl, combine the 1 cup mayonnaise, 0.5 cup sour cream, 2 tbsp yellow mustard, 1 tbsp white vinegar, 1 tbsp granulated sugar, 1 tsp salt, and 0.5 tsp black pepper. Whisk all ingredients together until smooth and fully incorporated. You want this dressing to be completely homogeneous—no streaks of mustard or lumps of sour cream.

Taste the dressing before adding it to the beans. It should be tangy but balanced, with just a hint of sweetness from the sugar. If it needs more acidity, add another ½ teaspoon of vinegar. If it's too thick, stir in 1 tablespoon of water to loosen it slightly.

3

👨‍🍳 Step 3: Combine Beans and Dressing

Pour the dressing over the drained beans in the mixing bowl. Using a large spoon or your hands, gently fold everything together until the beans are evenly coated. I like to work in stages—first mix half the beans thoroughly, then fold in the rest. This ensures the dressing penetrates every bean without creating a watery mess.

At this point, the salad should look creamy and inviting. If it seems too thick, add 1-2 tablespoons of water to reach your desired consistency. The goal is a smooth, cohesive texture that clings to each bean without being gloppy.

4

🥘 Step 4: Add Fresh Vegetables

Finely dice the 1 whole celery stalk and 0.25 cup red onion—small dice ensures even distribution. Add them to the bean mixture and gently fold in. The celery adds a crisp texture while the red onion brings a sharp, bright flavor. You want these ingredients to be evenly dispersed throughout the salad, not clumped in one area.

This is where the salad starts to come together. The celery and onion will soften slightly as they sit, but they'll still provide that refreshing crunch. If you're serving this salad immediately, you can skip the chilling step, but I recommend letting it sit for at least 30 minutes in the refrigerator for the flavors to meld.

5

🔪 Step 5: Assemble and Garnish

Transfer the bean mixture to a serving bowl. Sprinkle the 0.5 cup frozen fried onions evenly over the top—they'll add a delightful crunch that contrasts beautifully with the creamy base. Finally, sprinkle the 2 tbsp chopped fresh parsley over everything for a pop of color and freshness.

Real talk: the fried onions are what elevates this salad from good to great. They stay crisp even when the rest of the salad softens slightly over time. Serve immediately for the best texture, or refrigerate for up to 2 days—the flavors actually improve as they sit!

👨‍🍳

Pro Tips For Making Betty Crocker Three Bean Salad

  • DRAIN AND RINSE BEANS: Dump those canned beans straight into the bowl? Skip it. Rinse them under cold water first—especially the kidney beans—to wash off that metallic can taste. I learned this the hard way after a batch tasted like a tin can instead of a picnic.
  • CHOP BEANS UNIFORM: No one wants a salad where you’re chewing chickpeas one minute and whole green beans the next. Cut the green beans into ½-inch pieces and halve the chickpeas—consistency keeps every bite balanced. (Yes, even if you’re impatient like me.)
  • MIX DRY INGREDIENTS FIRST: Don’t just dump mayo and sour cream on top of the beans—toss them in dry first. This coats every bean evenly, so you don’t end up with clumpy mayo pools at the bottom. Stir like you’re folding in dough, not just stirring soup.
  • LET IT CHILL: Serve this salad straight from the fridge? Don’t. Wait at least 30 minutes—preferably an hour—so the flavors meld. The beans absorb the dressing better, and the sour cream doesn’t turn grainy. (Your future self will thank you.)

Dietary considerations for this dish

Vegetarian-Friendly Base

This salad is naturally vegetarian, relying on beans for protein and plant-based ingredients for texture. The green beans, kidney beans, and chickpeas provide a satisfying, meat-free protein punch—about 15 grams per serving—while the creamy dressing delivers richness without dairy.

Perfect for veggie lovers or anyone watching their meat intake! 🌱

Dairy-Free Adaptations

Skip the sour cream by using ½ cup Greek yogurt or ¼ cup vegan mayo for a creamy texture. For extra richness, add 2 tbsp tahini to the dressing—it keeps the salad cohesive while adding nutty depth.

The mustard and vinegar still provide tanginess, so the flavor stays balanced. Store-bought vegan mayo (like Hellmann’s Vegan) works perfectly too.

Gluten-Free Considerations

All ingredients in this recipe are naturally gluten-free, but always check labels on mayonnaise, mustard, and frozen fried onions for hidden gluten. Brands like Hellmann’s and French’s offer certified gluten-free options. The celery, onions, and beans are safe, so you can enjoy this salad worry-free. Just double-check those pantry staples!

Lower-Calorie Swaps

Cut calories by using light mayo (like Hellmann’s Light) and non-fat Greek yogurt instead of sour cream. Reduce sugar to ½ tablespoon and add 1 teaspoon of honey for natural sweetness.

The beans still deliver protein, and the vinegar keeps the dressing tangy without extra calories. You’ll save about 150 calories per serving with these tweaks!

Allergen-Free Options

For nut allergies, skip tahini and stick to mayo or yogurt. If you’re avoiding mustard, replace it with 1 tbsp lemon juice and ½ teaspoon of garlic powder for flavor.

The salad remains safe for most common allergens while keeping the creamy, crunchy texture intact. Always check labels on store-bought ingredients for cross-contamination warnings.

Nutrition facts

Servings 6
Amount Per Serving
Calories 380kcal
% Daily Value *
Total Fat 24g31%
Saturated Fat 5g25%
Cholesterol 25mg8%
Sodium 750mg33%
Total Carbohydrate 32g11%
Dietary Fiber 8g29%
Sugars 7g
Protein 12g24%
* 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 make this salad ahead of time?

This salad tastes even better when made a day in advance. The flavors meld beautifully in the fridge, and the beans absorb the dressing perfectly. Transfer it to an airtight container and refrigerate for up to 5 days. Just give it a good stir before serving to redistribute the crunchy fried onions.

2

What can I substitute if I don't have frozen fried onions?

No problem! Quick-fry thinly sliced red or white onions in a little oil for 3-4 minutes until golden and crispy. Spread them on a paper towel to drain excess oil, then sprinkle on top. For extra crunch, you can also toast chopped nuts like pecans or walnuts in the oven at 350°F for 5-7 minutes.

3

How do I make this salad less creamy?

Reduce the mayo by ¼ cup and add 2 tablespoons of Greek yogurt or light mayo instead. For a lighter texture, stir in 2 tablespoons of water or unsweetened almond milk to thin the dressing. The beans will still be coated but with a lighter mouthfeel.

4

Can I add meat to this salad?

Certainly! For a heartier version, stir in ½ cup cooked bacon bits or ½ cup diced ham after mixing the beans and dressing. If you prefer grilled chicken, use ½ cup shredded cooked chicken breast for extra protein. Just add it last so the meat stays warm and doesn't get soggy.

5

Why did my salad turn watery?

This usually happens when the beans aren't drained well or the dressing is too thin. Next time, rinse the beans thoroughly and pat them dry with a paper towel. If the salad is already watery, drain it in a colander for 10 minutes to remove excess liquid, then stir in 1 tablespoon of cornstarch mixed with 1 tablespoon water to thicken it.

★★★★★4.5(13 reviews)
Categories Salads