Roasted Green Beans with Caramelized Onions

When the thin onion slices first hit the skillet, they fill the pan and look like they’ll take forever to soften. Give them steady heat and a little time, and they turn tender and deep golden without needing a complicated sauce or extra ingredients. I make these roasted green beans with caramelized onions when I want a vegetable side with two distinct textures: beans browned in spots and a soft, savory onion topping.

The two parts cook differently, so I don’t rush them together. The onions slowly soften on the stovetop, while the green beans roast in a hot oven until tender. I finish by spooning the onions over the beans in the serving dish, where they stay easy to see and distribute. It’s a simple combination, but the contrast between the browned beans and sweet, golden onions makes every bite feel considered.

Why the Onions and Green Beans Need Different Heat

These vegetables are better cooked separately because they need different conditions to reach their best texture. The onions need time in a skillet to become very soft and deep golden. The beans need the hotter, drier environment of the oven to turn tender with browned spots. Putting them together from the start would make it harder to give each one the cooking it needs.

The skillet gives you control over the onions as they soften. If their edges start coloring too quickly, reducing the heat to medium-low gives the centers time to catch up. The beans, meanwhile, roast at 425°F on a rimmed baking sheet. Their surface browns while the inside becomes tender, rather than cooking down into the soft texture of the onion topping.

That contrast is the point of the dish. Keep the components separate while they cook, then bring them together at the end. The beans hold their shape underneath, and the onions add a tender, savory layer over the top.

What the Onion, Fats, and Fresh Beans Bring to the Pan

• Fresh green beans — Fresh beans are the right choice for this oven-roasted texture. Look for firm beans without limp or wrinkled spots, and trim the ends before they go onto the sheet. Frozen beans release more moisture as they cook, so they won’t brown in quite the same way.
• Yellow onion — A large yellow onion softens into a mellow, savory topping as it cooks. Slice it thinly so the pieces soften at a similar pace; thick, uneven slices can leave some pieces firm while others are already deeply colored. A standard yellow onion works well here; there’s no need for a specialty variety.
• Unsalted butter and olive oil — Butter gives the onion topping a rounded, rich taste, and olive oil is used with it in the skillet. Unsalted butter lets the kosher salt stay separately measured. An everyday olive oil is a sensible choice; the onion and beans are seasoned simply, so there’s no need to reach for a specialty bottle.
• Black pepper — The pepper gives the beans a gentle savory bite alongside the kosher salt. Grind it fresh if that’s what you have, but ordinary pre-ground black pepper works just fine for this straightforward side.

From Soft Golden Onions to Browned Green Beans

Soften the onion slowly in the skillet

Preheat the oven to 425°F and set out a large rimmed baking sheet. In a 12-inch skillet, melt the butter with the olive oil over medium heat, then add the thinly sliced onion and its kosher salt. Stir every few minutes as the onion cooks for 30 to 40 minutes, reducing the heat to medium-low if needed. You’re looking for very soft slices with a deep golden color, not just translucent onions.

Roast the beans until tender with browned spots

Toss the trimmed green beans on the baking sheet with their olive oil, kosher salt, and black pepper. Spread them in a single layer so the beans have room to roast. Put the pan in the 425°F oven for 15 to 20 minutes, tossing the beans once halfway through. They’re ready when they’re tender and browned in spots.

Top the beans just before serving

Transfer the roasted green beans to a serving dish, then spoon the caramelized onions over the top. Keeping the onions as a topping makes it easy to spread them across the beans at the table. Serve the dish once the two parts are together.

Two Practical Ways to Adapt This Green Bean Side

Questions That Come Up When Making These Green Beans

Roasted Green Beans with Caramelized Onions

Roasted green beans with caramelized onions pair tender, browned beans with deeply golden, soft onion. Roast the beans at 425°F, then finish them with onions cooked slowly in butter and olive oil.

Print Recipe Pin Recipe

Prep Time 10 minutes mins

Cook Time 1 hour hr

Total Time 1 hour hr 10 minutes mins

Servings: 4 servings

Course: Side Dish

Cuisine: American

Calories: 155

Ingredients Equipment Method Notes

Ingredients

  

For the caramelized onions

• 1 tbsp unsalted butter
• 1 tbsp olive oil
• 1 yellow onion large, thinly sliced
• 0.25 tsp kosher salt

For the roasted green beans

• 1.5 lb fresh green beans trimmed
• 1 tbsp olive oil
• 0.5 tsp kosher salt
• 0.25 tsp black pepper

Equipment

• 1 12-inch skillet
• 1 large rimmed baking sheet

Method

 

1. Preheat the oven to 425°F and set out a large rimmed baking sheet.
2. Melt the butter with 1 tablespoon olive oil in a 12-inch skillet over medium heat.
3. Add the onion and 1/4 teaspoon kosher salt and cook, stirring every few minutes, for 30–40 minutes, reducing the heat to medium-low if needed, until the onion is very soft and deep golden.
4. Toss the green beans with the remaining 1 tablespoon olive oil, 1/2 teaspoon kosher salt, and black pepper on the baking sheet.
5. Spread the green beans in a single layer.
6. Roast for 15–20 minutes, tossing once halfway through, until the beans are tender and browned in spots.
7. Transfer the green beans to a serving dish.
8. Top with the caramelized onions and serve.

Notes

For evenly browned green beans, spread them in a single layer. Refrigerate leftovers for up to 4 days; freezing is not recommended because the beans can become soft. For a dairy-free version, replace the butter with additional olive oil.