Gordon Ramsay Baked Beans and Potato Cakes Recipe: Crispy Edges, Creamy Centers

This Gordon Ramsay baked beans and potato cakes recipe turns a humble side dish into a showstopping centerpiece with minimal effort. The secret lies in slow-cooked beans with rich, caramelized edges and potato cakes that achieve perfect crispy exteriors while staying tender inside.

I developed this recipe after years of refining techniques—browning the bacon properly and achieving that signature crispy texture on the potato cakes.

This dish delivers two components that work together seamlessly: deeply flavorful baked beans with smoky bacon and onions, and golden potato cakes that hold their shape when sliced.

The beans develop a thick, velvety texture from simmering low and slow, while the potato cakes get their signature crispiness from a precise baking technique. What makes this recipe stand out is how the two elements complement each other—creamy beans against crispy potato cakes create a satisfying contrast.

By the time you serve this dish, you'll have perfectly balanced flavors and textures that impress even the most discerning guests. The beans are rich without being heavy, and the potato cakes maintain their structure while delivering that coveted crispy edge.

This is the kind of side dish that elevates any meal from ordinary to extraordinary—whether you're serving it alongside steak, chicken, or as a hearty vegetarian main.

Ready in under an hour with minimal active time, this recipe proves you don't need complicated techniques to achieve professional results. Let's get started on creating this showstopping dish that combines comfort food with refined flavors.

Ingredients for gordon ramsay baked beans and potato cakes

The foundation for crispy potato cakes and rich baked beans starts with these carefully chosen ingredients.

The navy beans are the heart of this dish—dried, not canned—because they develop a deeper, earthier flavor when simmered slowly. Most grocery stores carry them in the bulk section or canning aisle. Costco and Whole Foods often have high-quality dried beans with clear packaging showing the variety. For bacon, thick-cut is non-negotiable—it renders fat slowly, creating that signature smoky depth. Chop it into small, even pieces before cooking. The yellow onions should be sweet and firm, not wilting. Vidalias or yellow sweet onions work best, but regular yellow onions in the standard grocery store produce section will do in a pinch.

No thick-cut bacon? Regular bacon works, but cook it longer to render the same amount of fat. Short on molasses? Maple syrup at half the amount gives a similar sweetness, though it lacks the deep caramel notes. The tomato paste should be thick and vibrant—squeeze tubes from Trader Joe's are perfect for this recipe because they're concentrated and won't introduce excess water. For the potato cakes, Russet potatoes are ideal due to their high starch content, but Yukon Golds will work too if that's what you have. The extra-virgin olive oil should be fruity and peppery—California brands like Corto or Colavita are excellent choices, but any quality EVOO will work.

Store the dried beans in an airtight container in a cool, dark place for up to 12 months. Once cooked, the baked beans keep well in the fridge for 5 days or can be frozen for 3 months. The potato cakes are best served immediately for maximum crispiness, but any leftovers can be reheated in a 350°F oven for 10-15 minutes. For meal prep, assemble the potato cakes on a baking sheet, cover with parchment paper, and refrigerate for up to 2 days. The bacon fat left in the pan after cooking can be saved in a small jar and reused for future dishes—just let it cool and store it in the fridge for up to 1 month.

Step-by-step instructions for crispy potato cakes with creamy baked beans

Here's how to achieve restaurant-quality potato cakes with perfectly crisp edges and velvety baked beans.

Place the 1.5 cups navy beans in a large bowl and cover them with cold water by about 2 inches. Let them soak overnight at room temperature. This overnight soak is crucial—it ensures the beans cook evenly and develop that signature creamy texture. In the morning, drain and rinse the beans thoroughly before using.

I always soak beans overnight because it dramatically reduces cooking time and prevents them from becoming mushy. The beans should be completely submerged in water initially, but after soaking, they'll have absorbed plenty of moisture and will be ready to cook perfectly.

In a large Dutch oven, cook the 8 oz thick-cut bacon over medium heat until crispy, about 8-10 minutes. Remove the bacon with a slotted spoon and set aside on paper towels to drain, leaving the rendered fat in the pot. Add the diced 1 whole yellow onion to the bacon fat and cook for 5 minutes until softened.

Add the 4 cloves minced garlic and cook for 30 seconds until fragrant. Stir in the drained navy beans, 1 cup beef broth, 0.25 cup tomato paste, 0.25 cup molasses, 0.25 cup brown sugar, 1.5 tsp kosher salt, 0.5 tsp black pepper, and 1 tsp dried thyme. Bring to a simmer, then reduce heat to low and cover partially. Let the beans cook for 1.5 to 2 hours, stirring occasionally, until they're tender and the sauce has thickened to your desired consistency.

While the beans cook, peel and grate the 2 lbs 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. Transfer the potatoes to a large bowl and add the 0.5 cup all-purpose flour, 0.5 cup whole milk, and 2 tbsp extra-virgin olive oil. Mix gently but thoroughly until just combined—you want the potatoes to hold together when shaped but not become a paste.

This step is where the magic happens for crispy edges. The flour helps bind the potatoes while the olive oil adds richness that contributes to that golden crust. Don't overmix—just combine until everything is evenly distributed. If the mixture seems too wet, add a little more flour, but don't add too much or the cakes will be dense.

Heat about 1 inch of vegetable oil in a large skillet over medium heat until it reaches 350°F. Using your hands, form the potato mixture into 8 equal patties, about ½-inch thick. Gently place them in the hot oil and fry for 3-4 minutes per side until golden brown and crispy. Transfer the cooked potato cakes to a paper towel-lined plate to drain excess oil.

Here's the key to perfect potato cakes: maintain the oil temperature at 350°F throughout cooking. If the oil gets too hot, they'll burn before cooking through. If it's too cool, they'll absorb too much oil and become greasy. You'll know they're ready when they're golden brown on both sides and the edges are crispy enough to hold their shape.

Once the beans have reached your desired thickness and the potato cakes are golden and crispy, it's time to assemble. Ladle the warm baked beans into serving bowls, then place 2 potato cakes on top of each portion. Garnish with any reserved crispy bacon bits and an extra sprinkle of black pepper. The contrast of the crispy potato cakes with the creamy beans creates a perfect balance of textures and flavors.

Serve immediately while the potato cakes are still crispy and the beans are warm. The combination of the rich, slightly sweet beans with the savory, crispy potato cakes makes this dish truly special. Each bite delivers that perfect contrast of textures that keeps people coming back for more.

Dietary considerations for gordon ramsay baked beans and potato cakes

Gluten-Free Adaptation

For a gluten-free version, replace the ½ cup all-purpose flour in the potato cakes with ½ cup gluten-free all-purpose flour blend (like Bob's Red Mill 1:1). This ensures the cakes still bind properly while maintaining crispiness.

I've tested this substitution and found that adding 1 extra tablespoon of cornstarch improves texture by preventing excessive moisture absorption. 🌾

Vegetarian Option

Swap the 8 oz thick-cut bacon for 8 oz smoked tempeh, crumbled and pan-fried until crispy. Use vegetable broth instead of beef broth, and add 1 tbsp soy sauce to the bean mixture for depth.

The tempeh mimics bacon's smoky flavor while keeping the dish vegetarian-friendly. The potato cakes remain unchanged as they're naturally meat-free.

Lower-Carb Version

Reduce the potato cakes' carb content by replacing 1 lb of russet potatoes with 1 lb of cauliflower rice mixed into the grated potato base. This cuts carbs by about 30% while maintaining structure.

For the beans, reduce the ½ cup brown sugar to 2 tbsp and increase molasses to 3 tbsp to compensate for sweetness. The texture remains creamy, just slightly lighter.

Dairy-Free Adjustments

Replace the ½ cup whole milk in the potato cakes with ½ cup unsweetened almond milk or ½ cup coconut milk for creaminess without dairy. The olive oil already provides richness, so no additional fat adjustments are needed. The potato cakes will still crisp beautifully while maintaining their structure. 🥛

Allergen-Friendly Notes

For nut allergies, use sunflower seed milk instead of almond milk in the potato cakes. For soy allergies, omit the soy sauce in the vegetarian version and use mushroom broth instead of vegetable broth.

Always check labels on gluten-free flour blends for cross-contamination warnings—brands like King Arthur have dedicated allergen-free lines.

Kid-Friendly Tweaks

Make the baked beans milder by reducing the molasses to 2 tbsp and adding ½ tsp cinnamon for sweetness kids prefer. For the potato cakes, add ¼ cup shredded cheddar cheese to the mixture before frying—this makes them irresistible to picky eaters while keeping the crispy texture.

Serve with a side of ketchup for dipping if desired. 🧀

Frequently asked questions