Quick Recipe Version (TL;DR)
Quick Ingredients
- 2 cups (240 g) all-purpose flour
- 1/2 cup (60 g) powdered sugar
- 1/4 cup (50 g) granulated sugar
- 1/2 tsp fine sea salt
- 1 cup (226 g) unsalted butter, softened
- 1/2 cup (113 g) unsalted butter
- 1/2 cup (100 g) light brown sugar, packed
- 2 tbsp light corn syrup (or golden syrup)
- 1 can (14 oz/397 g) sweetened condensed milk
- 1 1/2 tsp vanilla extract, divided
- 10 oz (285 g) semi-sweet or dark chocolate, chopped
- 1 tsp neutral oil (optional, for shine)
- Flaky sea salt, for finishing
Do This
- 1. Heat oven to 350°F (175°C). Line a 9×13-inch metal pan with parchment, leaving overhang.
- 2. Shortbread: Mix flour, both sugars, and salt. Work in 1 cup softened butter and 1/2 tsp vanilla until crumbly; press firmly into pan. Dock with a fork.
- 3. Bake 15–18 minutes until edges are lightly golden. Keep oven off; set pan on a rack.
- 4. Toffee: In a heavy saucepan, cook 1/2 cup butter, brown sugar, corn syrup, condensed milk, and salt over medium heat, stirring constantly, to 236–240°F (6–10 minutes). Off heat, stir in 1 tsp vanilla.
- 5. Immediately pour over warm crust; spread evenly. Rest 5 minutes.
- 6. Melt chocolate with oil (microwave or double-boiler). Spread over toffee; sprinkle flaky salt.
- 7. Cool 1 hour, then chill 30–45 minutes. Lift out by parchment and slice into bars.
Why You’ll Love This Recipe
- Buttery, tender shortbread base that stays crisp under a gooey layer.
- Brown sugar toffee cooks fast on the stovetop—no candy pro skills required.
- Glossy chocolate cap with flaky sea salt balances the sweetness beautifully.
- Great make-ahead treat for parties, gifting, or lunchbox luxuries.
Grocery List
- Produce: None
- Dairy: Unsalted butter (1 1/2 cups total), sweetened condensed milk (1 can)
- Pantry: All-purpose flour, powdered sugar, granulated sugar, light brown sugar, light corn syrup (or golden syrup), vanilla extract, semi-sweet or dark chocolate, flaky sea salt, fine sea salt, neutral oil (optional)
Full Ingredients
Shortbread Base
- 2 cups (240 g) all-purpose flour
- 1/2 cup (60 g) powdered sugar
- 1/4 cup (50 g) granulated sugar
- 1/2 tsp fine sea salt
- 1 cup (226 g) unsalted butter, softened to cool room temperature
- 1/2 tsp vanilla extract
Brown Sugar Toffee Layer
- 1/2 cup (113 g) unsalted butter
- 1/2 cup (100 g) light brown sugar, packed
- 2 tbsp light corn syrup (or golden syrup)
- 1 can (14 oz/397 g) sweetened condensed milk
- 1/2 tsp fine sea salt
- 1 tsp vanilla extract
Chocolate Topping
- 10 oz (285 g) semi-sweet or dark chocolate, chopped or chips
- 1 tsp neutral oil (optional, for extra shine and softer bite)
- Flaky sea salt, to finish
Step-by-Step Instructions
Step 1: Prep the pan and preheat
Heat the oven to 350°F (175°C). Line a 9×13-inch metal baking pan with parchment paper, leaving a 1–2 inch overhang on the long sides for easy lifting. Lightly grease the parchment. A metal pan gives the shortbread a crisper edge; if using glass, add 1–2 minutes to the bake time.
Step 2: Make the shortbread dough
In a medium bowl, whisk together the flour, powdered sugar, granulated sugar, and salt. Add the softened butter and vanilla. Use a fork, pastry cutter, or your fingertips to work the butter into the dry ingredients until the mixture looks like damp sand and holds together when pressed.
Step 3: Press and bake the base
Tip the crumbly dough into the prepared pan. Press it in firmly and evenly, using the bottom of a measuring cup to compact it well (good compaction = a sturdy base). Dock the surface all over with a fork. Bake for 15–18 minutes, until the edges are pale golden and the center looks set. Place the pan on a wire rack while you make the toffee.
Step 4: Cook the brown sugar toffee
In a heavy 3–4 quart saucepan, combine the butter, brown sugar, corn syrup, condensed milk, and salt. Cook over medium heat, stirring constantly with a heatproof spatula or wooden spoon, scraping the bottom and corners of the pan as you go. Once the mixture comes to a gentle boil, continue cooking and stirring until it thickens, turns a deep butterscotch color, and reaches 236–240°F (soft-ball stage), about 6–10 minutes. If you do not have a thermometer, cook until the bubbles are slow and viscous and a small amount dropped into cold water forms a soft ball that flattens between your fingers. Remove from heat and stir in the vanilla.
Step 5: Pour and set the toffee layer
Immediately pour the hot toffee over the warm shortbread and smooth it into an even layer with an offset spatula. Let it stand for 5 minutes to slightly firm before adding chocolate. Do not refrigerate yet; rapid chilling can cause the chocolate to separate later.
Step 6: Add the chocolate and flaky salt
Melt the chopped chocolate with the oil (if using) in a microwave-safe bowl in 20–30 second bursts, stirring between each until smooth, or melt gently over a double boiler. Pour the melted chocolate over the toffee and spread into a glossy, even layer. Immediately sprinkle with flaky sea salt to taste. For a marbled look, drag a clean skewer through the chocolate in gentle swirls.
Step 7: Cool, chill briefly, and slice
Let the pan cool at room temperature for about 1 hour until the chocolate loses most of its shine. Transfer to the refrigerator for 30–45 minutes to set just until firm enough to slice cleanly (do not over-chill or the chocolate may shatter). Lift the slab out by the parchment. For neat edges, warm a sharp knife under hot water, wipe dry, and cut into 24 bars. Wipe the blade between cuts.
Pro Tips
- Use a heavy-bottomed saucepan for the toffee to prevent hot spots and scorching. Stir constantly and keep the heat at medium—patience pays off.
- No thermometer? Aim for a deep butterscotch color and thick, slow bubbles. The cold-water soft-ball test is your friend.
- Press the shortbread firmly with a measuring cup so it bakes into a cohesive, crisp base.
- For glassy, soft-bite chocolate, add 1 tsp neutral oil to the melted chocolate or finely chop and temper it for a snappier finish.
- Score the top lightly before fully cutting to reduce cracking; a warm, wiped knife makes professional edges.
Variations
- Espresso Toffee Bars: Stir 1 tsp instant espresso powder into the toffee when you add the vanilla.
- Pecan Crunch: Sprinkle 1 cup toasted, chopped pecans over the warm toffee before adding the chocolate.
- Salted Pretzel Twist: Scatter 1 cup lightly crushed pretzels over the chocolate, then finish with flaky salt.
Storage & Make-Ahead
Store bars in an airtight container at cool room temperature for up to 5 days. In warm weather, refrigerate and bring to room temperature before serving. Place parchment between layers to protect the chocolate. For longer storage, freeze individually wrapped bars in a zip-top bag for up to 2 months; thaw unwrapped at room temperature. You can bake the shortbread base a day ahead—cool, cover tightly, and add the toffee and chocolate the next day.
Nutrition (per serving)
Approximate per bar (1 of 24): 270 calories; 16 g fat; 32 g carbohydrates; 2 g fiber; 20 g sugars; 3 g protein; 150 mg sodium.
