Go Back
+ servings

Salted Caramel Shortbread Bars

These bars have a rich and buttery shortbread cookie crust topped with gooey homemade caramel and fudgy chocolate ganache for the ultimate treat!

Prep Time 1 hour
Cook Time 20 minutes
Cooling time 3 hours
Total Time 4 hours 20 minutes
YIELD 24 bars


Shortbread Cookie Crust

  • 1 cup (227g, 2 sticks) unsalted butter, at room temperature
  • 1/3 cup (70g) granulated sugar
  • 1/3 cup (70g) light brown sugar
  • 2 cups (280g) all-purpose flour (see notes for gluten free)
  • 1/4 cups (30g) oat flour
  • 1 large egg yolk
  • ¼ teaspoon salt
  • 1 teaspoon vanilla extract

Homemade Caramel

  • 2 14oz cans (792g) sweetened condensed milk
  • 14 tablespoons (198g) salted butter, cut into small cubes
  • 1 cup light brown sugar
  • 1/3 cup light corn syrup
  • 1 teaspoon vanilla extract

Chocolate Ganache

  • 2 cup 340g semi-sweet or dark chocolate
  • 1/2 cup (120ml) heavy cream
  • sea salt, for sprinkling on chocolate (optional)


Shortbread Layer

  1. In a medium bowl, sift together flour and salt. Set aside.
  2. With the mixer fitted with the paddle attachment, beat the butter on medium-low speed for 1 minute. Add in sugar and beat 1-2 minutes until light and fluffy. Beat in vanilla extract and egg yolk. Reduce speed to low and add flour and salt mixture, beating just until dough starts to come together. Do not overmix or the dough will be tough.

  3. Place the dough in a parchment-lined pan and spread evenly. Usually, I use wax paper or a cupcake liner as a barrier between my hands and the dough to get an evenly spread layer. Bake at 350F/180C for 15-20 minutes if using a 12x17 inch pan or 20-25 minutes if using a 9x13 inch pan. Shortbread will appear slightly golden brown when done. Allow pan to cool on a cooling rack while you make your caramel.

Caramel Layer

  1. Combine all caramel ingredients (sweetened condensed milk, salted butter, brown sugar, light corn syrup, salt, and vanilla) in a saucepan over the stove on medium heat. Stir constantly while making the caramel.

  2. Once it comes to a boil, reduce to low heat. It may take 10-20 minutes of stirring, depending on your heat settings, for the caramel to come together. You'll know it's ready when it pulls away from the sides of the pan easily and has a beautiful, golden caramel color.

  3. Remove the caramel from the heat and spread onto the shortbread layer immediately. Spread the caramel evenly using an offset spatula for good results. Cool in the refrigerator at least 2 hours or overnight, if you wish.

Chocolate Ganache Layer

  1. Pour the heavy cream in a small saucepan on the stove over medium-low heat. After 2 minutes, add in the chocolate chips. Stir, stir, stir until the chocolate chips have melted perfectly and created a creamy, thick, chocolaty ganache.

  2. Let the ganache sit for a minute or two before spreading on top of the caramel layer. Again, use an offset spatula to evenly spread the ganache over the cold caramel layer. Sprinkle with sea salt and place in the refrigerator for at least 1 hour to cool completely.

  3. Store bars in refrigerator in an airtight container for up to a week.

Recipe Notes

*Gluten-free: substitute 2 cups of all-purpose flour with 2 cups of gluten free flour. Add 1-2 more tablespoons of butter to prevent the shortbread base from getting too dry and crumbly with the lack of gluten.