Beet and Sweet Potato Salad Recipe: Earthy-Sweet Roasted Medley With Citrus Zing

This beet and sweet potato salad transforms humble root vegetables into a vibrant, earthy-sweet centerpiece that steals every meal. 🌟 The secret lies in roasting the beets and sweet potatoes until tender yet still holding their shape, then brightening them with a citrusy vinaigrette that cuts through their natural sweetness.

I developed this recipe after years of testing roasted vegetable salads, and this version finally delivers perfect texture—caramelized edges, creamy interiors, and a dressing that clings beautifully to every bite.

What sets this salad apart is the balance of flavors and textures: the roasted vegetables provide natural sweetness and depth, while the citrus dressing adds a refreshing tang that keeps the dish from feeling heavy.

The recipe comes together in under 45 minutes—just 20 minutes of active prep followed by hands-off roasting—making it perfect for weeknight dinners or meal prep.

The ingredients are simple but strategic: beets for earthy richness, sweet potatoes for natural sweetness, and a touch of maple syrup to enhance the caramelization.

By the time you serve this salad, you'll have a dish that's visually stunning with deep purples and golden browns, and packed with flavor that's both satisfying and refreshing.

The roasted vegetables stay warm enough to soften slightly when tossed with the dressing, creating the perfect harmony of temperatures and textures. It's a complete dish that works as a side or even a main course when paired with a protein like grilled chicken or tofu.

Optional garnishes like toasted pecans or fresh herbs elevate the salad further, but the base recipe is already impressive. Whether you're preparing for a holiday spread or a simple weeknight dinner, this beet and sweet potato salad delivers restaurant-quality results with minimal effort.

Let's get started on creating this vibrant, flavorful dish.

Ingredients for beet and sweet potato salad

Roasted beets and sweet potatoes meet citrusy brightness in this vibrant, earthy-sweet salad masterpiece.

The beets and sweet potatoes are the stars here—red beets for deep color and earthy sweetness, orange sweet potatoes for natural caramelization. Look for organic produce at Whole Foods or your local farmers market for the best flavor. The key is roasting them until tender but still holding their shape—about 35-40 minutes at 400°F. I always grab the organic red beets from Trader Joe's because they're consistently sweet and vibrant, but any organic variety works. The sweet potatoes should have smooth, firm skin—avoid any with soft spots. Prep them all at once: peel, cube evenly (about 1-inch pieces), and toss with olive oil and salt before roasting.

No maple syrup? Agave nectar or date syrup works just as well for the dressing. Fresh orange juice is ideal, but bottled not-from-concentrate is fine in a pinch. The pecans can be swapped for toasted walnuts or almonds if you prefer. For extra depth, add a pinch of smoked paprika to the roasting vegetables. The dressing should be bright and tangy—taste as you go and adjust the citrus or vinegar to your preference. If you're short on time, pre-cut frozen roasted sweet potatoes from the grocery store work surprisingly well (just add fresh roasted beets). The thyme adds an earthy note that pairs beautifully with the citrus—dried works at half the amount of fresh.

Roasted vegetables keep well in the fridge for 4-5 days if stored in an airtight container. The dressing should be made fresh, but it keeps for 3 days in the fridge. For meal prep, roast the vegetables ahead and store separately—toss with dressing just before serving to maintain crispness. Garnishes like pecans and parsley are best added fresh, but you can toast pecans ahead and store them in a sealed container for up to 2 weeks. This salad reheats beautifully—just warm the vegetables gently in a pan with a splash of water to restore moisture. It's perfect for potlucks, holiday spreads, or a stunning side dish that steals the show.

Step-by-step instructions for roasted beet and sweet potato salad

This vibrant salad delivers caramelized vegetables with a bright citrus dressing—here's how to nail it every time.

Preheat your oven to 400°F and line two baking sheets with parchment paper. Peel and cube the 2 whole medium beets and 2 whole medium sweet potatoes into even ½-inch pieces. I like to use a mandoline for consistent sizing—this ensures even cooking.

In a large bowl, toss the cubed vegetables with 0.5 cup extra-virgin olive oil, 1 tbsp maple syrup, and 1.5 tsp kosher salt. Spread them in a single layer on the prepared baking sheets, leaving space between pieces. Roast for 25-30 minutes, stirring halfway through, until the edges are deep golden brown and tender when pierced with a fork.

While the vegetables roast, combine 0.33 cup fresh orange juice, 1 tbsp apple cider vinegar, 1 tbsp fresh lemon juice, 2 cloves minced garlic, 0.5 tsp dried thyme, and 0.25 tsp ground black pepper in a small bowl. Whisk vigorously until fully blended—this bright dressing cuts through the richness of the roasted vegetables beautifully.

Here's the thing—don't skip the zest if you have it. The citrus oils add an extra layer of brightness that elevates this salad from good to extraordinary. If you're using fresh thyme, finely chop the leaves and add them now for a more aromatic touch.

Transfer the roasted vegetables to a large serving bowl while they're still warm. Drizzle with the citrus dressing and gently toss to combine. Let the salad sit for 5 minutes to allow the flavors to meld—this is when the magic happens.

Garnish with 0.25 cup chopped fresh flat-leaf parsley and 0.25 cup toasted pecans. The parsley adds freshness while the pecans contribute a satisfying crunch. For extra flair, sprinkle with an additional pinch of kosher salt and black pepper right before serving.

This salad tastes best served warm or at room temperature, allowing all the flavors to develop fully. The contrast between the warm, caramelized vegetables and the bright citrus dressing creates a perfect balance of earthy and zesty notes.

I like to serve this as a hearty side dish for roasted meats or as a main course over a bed of mixed greens. The salad keeps well in the refrigerator for 3-4 days, though the texture of the sweet potatoes will change slightly over time. Enjoy it while the vegetables are still tender and vibrant!

Make-ahead tips for this dish

Roast Ahead Strategy

Roast the beets and sweet potatoes 2 days in advance for maximum flavor development. Store them in an airtight container at room temperature for 24 hours before refrigerating—this allows their natural sugars to caramelize further.

When ready to assemble, simply reheat gently in a 350°F oven for 15 minutes with a splash of water to restore moisture. 🌟

Dressing Prep

Make the citrus dressing 1 day ahead and store it in a sealed jar in the fridge. The flavors deepen overnight, and the acidity balances perfectly with the roasted vegetables.

Shake well before using, as the citrus oils may separate slightly. For extra brightness, add 1 tsp orange zest when making the dressing.

Portion Control

Divide the roasted vegetables into 4 meal-prep containers immediately after roasting. Store the dressing separately and toss with the vegetables just before eating to maintain crisp edges. This keeps the salad fresh for 4-5 days—perfect for lunches or potlucks. Label containers with dates to track freshness.

Freezer-Friendly Hack

For long-term storage, roast the vegetables as directed, then cool completely before transferring to freezer bags. Add 1 tbsp olive oil to each bag to prevent drying.

Thaw overnight in the fridge and reheat gently before tossing with fresh dressing. The texture will be slightly softer but still delicious. ✨

Garnish Timing

Toast the pecans 1 day ahead and store in a sealed container—they stay crisp for up to 2 weeks. Chop the parsley fresh just before serving to preserve its vibrant color and flavor.

If prepping fully ahead, store garnishes separately and add them within 1 hour of serving for the best presentation.

Reheating Secrets

To revive the salad's texture, place cooled components in a microwave-safe bowl with 2 tbsp water, cover, and heat on 50% power for 2 minutes. Stir well and let sit for 3 minutes before tossing with dressing.

For stovetop reheating, use a nonstick skillet on medium-low heat with 1 tbsp olive oil and a splash of water. 💡

Frequently asked questions