Side Dishes
Gordon Ramsay’s baked beans and potato cakes recipe delivers a crispy-topped, creamy-core duo that transforms a simple side into a restaurant-worthy centerpiece. The secret lies in slow-simmered beans—rich, smoky, and perfectly balanced—paired with golden potato cakes that shatter on the first bite.
I’ve replicated this technique after years of testing, ensuring every element comes together flawlessly.
This dish starts with creamy baked beans simmered low and slow, developing deep flavors from brown sugar, molasses, and a touch of mustard. Meanwhile, the potato cakes achieve that crispy exterior through a precise baking method, where high heat meets a light dusting of flour.
The contrast between the tender, velvety beans and the airy, shatteringly crisp potato cakes creates a textural experience you won’t find in standard recipes.
What makes this recipe stand out is how the two components complement each other—creamy meets crispy in every bite. The beans stay thick and glossy, while the potato cakes maintain their structure until the very last crunch.
Serve with a sprinkle of fresh parsley or chili flakes for an extra layer of sophistication, and pair with a simple green salad or crusty bread to round out the meal.
The best part? This method scales effortlessly, whether you’re feeding a family or hosting dinner guests. Once you master the balance between simmering and baking, you’ll have a dish that’s foolproof yet impressive, proving that even sides can steal the show. Let’s get cooking—your taste buds will thank you.
Ingredients for gordon ramsay baked beans and potato cakes
Pantry staples meet restaurant technique—creamy beans and crispy potato cakes in one dish.
| Ingredient | Amount | Notes |
|---|---|---|
| Navy Beans 🌽 | 1 ½ cups | Dried or canned, drained |
| Brown Sugar 🍯 | ½ cup | Packed, light variety |
| Molasses 🍯 | ¼ cup | Unsulphured preferred |
| Ketchup 🍅 | ½ cup | Heinz preferred |
| Dijon Mustard 🍯 | 1 tbsp | High quality for tang |
| Yellow Onion 🧅 | 1 medium | Diced, about 1 cup |
| Garlic Cloves 🧄 | 3 cloves | Minced, fresh preferred |
| Beef Broth 💧 | 1 cup | Low sodium preferred |
| Russet Potatoes 🥔 | 2 large | Peeled, grated finely |
| All-Purpose Flour 🌾 | ½ cup | For coating potato cakes |
| Large Eggs 🥚 | 2 whole | Room temperature |
| Salt 🧂 | 1 ½ tsp | Kosher or sea salt |
| Black Pepper 🌶️ | ½ tsp | Freshly ground preferred |
| Vegetable Oil 🫒 | 2 tbsp | For baking potato cakes |
| Fresh Parsley 🌿 | ¼ cup | Chopped, for garnish |
The beans are where the magic happens. Navy beans hold their shape better than pinto or kidney, but canned works in a pinch. Brown sugar and molasses give that deep, caramelized flavor—don’t skimp here. For the onion, yellow is classic, but red adds a touch of sweetness. I grab Heinz ketchup from Trader Joe’s because it’s consistent, but any good-quality brand does the job. Fresh garlic makes all the difference, so if you’re buying a head, smash it lightly with the side of your knife to release the flavor before mincing.
No molasses? Maple syrup at half the amount works, though it’s sweeter. Short on ketchup? Tomato paste plus a splash of vinegar gets you close. The potato cakes need Russet potatoes—they’re high in starch, which creates that perfect crisp. If you can’t find them, Yukon Golds work too, but they’ll be slightly less crispy. For the eggs, room temperature is key—they’ll blend better with the potatoes. And trust me on the Dijon mustard—it adds a depth that regular yellow mustard can’t match.
The beans keep for 5 days in the fridge, but honestly, they taste even better the next day. Store them in an airtight container with a lid slightly loose so they don’t get soggy. The potato cakes? Best served fresh—they lose their crisp within an hour. I like to bake a big batch and reheat them in a 350°F oven for 10 minutes to restore the crunch. Garnish with fresh parsley right before serving—it adds a pop of color and freshness that makes the dish feel extra special.
Why You'll Love This Recipe
- One-Pot Wonder: I swear by this recipe when I’m too tired to wash dishes. The beans simmer right in the sauce—no extra pots, no fuss—while the potato cakes crisp up on the same pan. Honestly, I’ve made it after a 10-hour shift, and it still tasted like a Sunday dinner.
- Sweet-Savory Magic: That molasses-ketchup glaze? It’s where the real charm happens. The brown sugar caramelizes just enough to balance the tangy Dijon, and the navy beans soak up all the richness—like a hug in a bowl. (Yes, even on a Tuesday night.)
- Leftover Hero: These potato cakes reheat like a dream—crispy edges intact, no soggy bits. I make a double batch on Sundays, freeze half, and pull them out for quick lunches or game-day snacks. No one ever complains when I serve these cold, either.
- Budget-Friendly Feast: Navy beans and potatoes stretch this recipe into a full meal without breaking the bank. I’ve fed six people for under $10, and the molasses and mustard add depth that makes it feel special. My college students’ favorite, and it’s still my go-to now.
Step-by-step instructions for gordon Ramsay baked beans and potato cakes
Here's how to create a showstopping duo with perfectly crispy potato cakes and rich, creamy baked beans.
Prepare the Navy Beans for Maximum Creaminess
Start by rinsing the 1.5 cups navy beans thoroughly under cold water to remove any debris. If using dried beans, soak them overnight in plenty of water with a pinch of salt. For canned beans, simply drain and rinse them well to remove excess sodium.
In a large pot, combine the beans with 1 cup beef broth and bring to a boil. Reduce heat to a simmer and cook for 1 to 1.5 hours until the beans are tender but not mushy. You'll know they're ready when they easily mash between your fingers but still hold their shape. Drain any remaining liquid and set the beans aside.
Create the Rich Baked Bean Sauce
In a large skillet, heat 2 tablespoons vegetable oil over medium heat. Add the 1 medium yellow onion and 3 cloves garlic cloves that have been minced, cooking for 3 to 4 minutes until softened and fragrant. This step builds the flavor foundation for your beans.
Add the cooked navy beans to the skillet along with 0.5 cup ketchup, 0.25 cup molasses, 1 tablespoon Dijon mustard, 0.5 cup brown sugar, 1.5 teaspoons salt, and 0.5 teaspoon black pepper. Stir everything together and let it cook for 5 minutes until the mixture begins to thicken. The sauce should be glossy and smooth, with a deep, rich color that promises that creamy texture you're after.
Make the Potato Cake Batter
While the beans cook, peel and grate the 2 large russet potatoes using a box grater or food processor. Place the grated potatoes in a clean kitchen towel and squeeze out as much moisture as possible. This step is crucial for achieving crispy potato cakes—excess moisture prevents proper browning.
In a large bowl, combine the drained potato grates with 0.5 cup all-purpose flour, 2 whole large eggs, and 0.25 cup fresh parsley. Mix gently but thoroughly until just combined. The batter should be thick but workable—if it's too wet, add a little more flour; if too dry, add a splash of water. Let the batter rest for 10 minutes while you prepare the oven.
Bake the Potato Cakes to Golden Perfection
Preheat your oven to 400°F and line a baking sheet with parchment paper. Using a cookie scoop or tablespoon, portion the potato batter into 1-inch thick rounds and place them on the prepared baking sheet, spacing them about 1 inch apart. This spacing ensures even browning on all sides.
Bake the potato cakes for 20 to 25 minutes, flipping them halfway through, until they're deep golden brown and crispy on both sides. The edges should look slightly charred, and they should feel firm to the touch. If they brown too quickly, tent the baking sheet with foil to prevent over-browning while they finish cooking.
Assemble and Serve the Perfect Duo
Transfer the baked beans to a baking dish and spread them into an even layer. Top with the crispy potato cakes, arranging them attractively on top of the bean mixture. Return the dish to the oven and bake for an additional 10 to 15 minutes until the potato cakes are heated through and the beans bubble around the edges.
Serve immediately, garnished with extra fresh parsley if desired. The contrast of crispy potato cakes with the creamy, smoky baked beans creates a restaurant-quality dish that's sure to impress. Each bite delivers that perfect balance of textures and flavors that makes this recipe a standout.
Pro Tips For Making Gordon Ramsay Baked Beans And Potato Cakes
- Simmer Slow and Steady: Navy beans need time—don’t rush the simmer. After adding your molasses, brown sugar, and ketchup, keep the heat at a gentle bubble (about 180°F/82°C) for at least 45 minutes. I learned this the hard way when I cranked it up and ended up with a gluey mess instead of rich, tender beans.
- Toast the Beans First: Dry-roast your navy beans in a skillet for 3-4 minutes before soaking. The nutty aroma deepens the flavor, and the skins hold up better during baking. Skip this, and your beans might turn mushy—trust me, your future self will notice.
- Don’t Skip the Mustard: The Dijon mustard isn’t just for tang—it cuts through the sweetness and adds complexity. Use 1-2 tablespoons, and whisk it into the sauce after the molasses and sugar dissolve. I was skeptical until I tried it: the flavor balance went from flat to chef’s kiss.
- Test the Potato Cakes Early: Press the potato cakes into shape, then flip them halfway through baking (around 20 minutes in). This ensures even browning, not just a crispy bottom. Sounds weird, but it works—no more dry, undercooked centers ruining your dish.
Best sauces and condiments for these flavors
Creamy Bean Sauce Upgrades
Elevate the baked beans with a smoky chipotle glaze—simmer 1 tbsp adobo sauce with 1 tsp brown sugar until thick, then stir into the finished beans. For depth, add 1 tsp smoked paprika while cooking.
I also love a splash of stout beer (like Guinness) in place of broth—it adds malty richness that pairs perfectly with the potato cakes. 🌶️
Mustard Variations
Swap Dijon mustard for whole-grain mustard to add texture, or try spicy brown mustard for heat. For a tangy twist, mix 1 tsp apple cider vinegar into the bean sauce just before serving.
I’ve even experimented with horseradish cream (whipped cream + grated horseradish) as a topping—it cuts through the sweetness beautifully.
Potato Cake Crisp Enhancers
For extra crunch, toss the shaped potato cakes in 1 tbsp cornstarch before baking. Or, brush them with melted butter after the first 10 minutes of baking for a golden, buttery finish.
My secret weapon? A light dusting of powdered sugar on top right before serving—it adds a subtle sweetness that balances the smoky beans. ✨
Herb and Spice Garnishes
Fresh chives or thyme add an earthy note, while crispy fried onions on top of the potato cakes introduce another layer of texture. For heat lovers, sprinkle crushed red pepper flakes over the beans.
I also keep a small bowl of sour cream mixed with lemon zest on the table for dipping—it’s a crowd-pleaser at my dinner parties.
Sweet and Tangy Toppings
Drizzle the beans with honey or maple syrup before serving for a caramelized sheen. A dollop of whipped cream or crème fraîche adds luxurious creaminess. For a British pub vibe, top with crumbled bacon or cheddar cheese—both melt into the beans for extra decadence. 🍯
Cheese Pairings
Stir ½ cup shredded cheddar into the baked beans while simmering for a gooey, melty finish. Or, press Gouda slices onto the potato cakes during the last 5 minutes of baking for a crispy, cheesy crown.
For a vegetarian twist, swap beef broth for vegetable broth and add nutritional yeast to the beans for a cheesy depth.
Nutrition facts
Frequently asked questions
Can I make the potato cakes ahead of time?
Fresh is best, but you can prep them 1 day ahead—just store them in an airtight container at room temperature. Reheat in a 350°F oven for 10 minutes to restore crispiness. The beans, however, taste even better reheated the next day—simmer in a saucepan with a splash of water until warmed through.
What if my potato cakes turn out gummy instead of crispy?
This happens when excess moisture isn't squeezed out or the oven isn't hot enough. For next time, double-check your grated potatoes—wrap them in a towel and press firmly. Also ensure your oven reaches 400°F and bake on the middle rack for even heat. A light dusting of cornstarch before baking helps too!
Can I use sweet potatoes instead of russets?
Yes, but expect a slightly different texture—they'll be denser and less crispy. For best results, grate them extra fine and squeeze out all moisture. Add 1 extra tablespoon flour to the batter to compensate. The flavor will be sweeter, so reduce brown sugar to ¼ cup in the beans to balance.
How do I make this dish vegetarian?
Swap beef broth for vegetable broth and replace the molasses with maple syrup (use half the amount). For extra depth, add 1 teaspoon smoked paprika or ½ cup nutritional yeast to the beans. The potato cakes stay the same—just ensure your eggs are from a trusted source if avoiding animal products.
Can I freeze the baked beans?
Let the beans cool completely, then transfer to an airtight container with a layer of parchment paper between layers. They'll keep for up to 3 months. Thaw overnight in the fridge and reheat gently on the stove. The potato cakes don't freeze well—their texture suffers—but you can freeze the batter and bake fresh when needed.