Chocolate Caramel Bars

Three layers one pan and a dessert people keep coming back for with buttery crust rich caramel and smooth chocolate.

Looking for something new and interesting for the dessert table? You found it! Chocolate Caramel Bars stack buttery crust, soft caramel, and a smooth chocolate top into one easy to enjoy bar. If you need something that feels a little extra but doesn’t require complicated steps, this one delivers.

Close-up of chocolate caramel shortbread bars topped with flaky sea salt, arranged in a row on a white plate.


You start with a firm, slightly crumbly crust that bakes up golden and sturdy. The caramel layer cooks on the stove until thick and spreadable, then sets into a soft, chewy middle. A simple chocolate topping finishes it off, with a sprinkle of salt for contrast.They slice cleanly and hold their layers, so they travel well and look great on a dessert table.


These caramel bars are a good choice when you want a dessert that can be made ahead and cut into plenty of servings. It works for bake sales, holidays, or anytime you need something easy to portion. The layered look also makes it stand out without extra decorating.

Save This Recipe!
Enter your email below & we'll send it straight to your inbox. Plus you’ll get great new recipes from us every week!
Top-down view of baking ingredients for Caramel Chocolate Bars on a marble surface, featuring labeled bowls of brown sugar, flour, cornstarch, salt, two eggs, cold water, and two sticks of salted butter.
Five labeled caramel ingredients on a white surface—perfect for making Caramel Chocolate Bars: butter, brown sugar, corn syrup, vanilla, and sweetened condensed milk.
A bowl of heavy cream, semi-sweet chocolate chips, and a small container of flaky sea salt are ready on a marble surface—perfect for making decadent Caramel Chocolate Bars.

Ingredients for Chocolate Caramel Bars

Be sure to use cold butter for the crust so it cuts in properly, warm or soft butter will melt before it cuts in properly. Plan to stir the caramel steadily so it thickens without scorching.

  • flour
  • brown sugar
  • cornstarch
  • salt
  • cold butter
  • cold water
  • egg yolks
  • sweetened condensed milk
  • brown sugar
  • butter
  • corn syrup
  • vanilla
  • semi-sweet chocolate chips
  • heavy cream
  • flaky sea salt
Three chocolate-topped dessert bars sprinkled with flaky sea salt are arranged in a row on a rectangular white plate.

Try These Ideas

You can swap semi-sweet chocolate for darker chocolate if you want a deeper flavor. Instead of salt on the top of the bars try chopped pecans or walnuts. A drizzle of melted white chocolate on top also works if you like the contrast.

If you have a food processor you can use that instead of a pastry blender to make the base layer. Add the dry ingredients to the bowl of the food processor and pulse to combine. Cut the butter into chunks and add them to the bowl along with the egg yolks

A close-up of a dessert bar with a crumbly crust, caramel layer, chocolate topping, and sprinkled sea salt on a white plate.

To Store Leftovers

Store the bars in an airtight container at room temperature for a couple of days. If you plan on keeping them longer refrigerate them. If chilled, let them sit out briefly before serving so the layers soften slightly.

Three rectangular bars with layered shortbread, caramel, and chocolate, topped with coarse salt, arranged on a white rectangular plate.
A rectangular dessert bar with layers of shortbread, caramel, and chocolate, topped with flaky sea salt, served on a white plate.

Caramel Chocolate Layer Bars

No ratings yet
Three layers one pan and a dessert people keep coming back for with buttery crust rich caramel and smooth chocolate.
Course: Dessert
Cuisine: American
Prep Time: 20 minutes
Cook Time: 40 minutes
Cooling Time: 2 hours
Total Time: 3 hours
Servings: 24 Servings
Calories: 379kcal
Author: Laura
Print Recipe
Pin It For Later

Ingredients

Crust Layer

  • 2 cup all purpose flour
  • 1/2 cup brown sugar
  • 4 tsp cornstarch
  • 1/2 tsp salt
  • 1 cup butter chilled and cubed
  • 2 tbsp cold water
  • 2 large egg yolks

Caramel Layer

  • 2 cans sweetened condensed milk 14 oz each
  • 1 cup brown sugar
  • 3/4 cup butter
  • 4 tbsp corn syrup
  • 2 tsp vanilla extract

Chocolate Layer

  • 6 oz semi sweet chocolate chips
  • 3 tbsp heavy cream
  • Flaky sea salt for topping

Instructions

  • Preheat the oven to 350°F
  • Line a 12×17 inch pan with parchment or foil leaving overhang on the sides
  • In a bowl combine flour brown sugar cornstarch and salt
    A white bowl containing a mound of flour and a scoop of brown sugar placed next to each other.
  • Cut in the butter until coarse crumbs form
    Two sticks of butter in a bowl of flour with a pastry blender, ready to be mixed.
  • Add water and egg yolks and mix until dough comes together
  • Add a little more water if needed
  • Press the dough evenly into the bottom of the pan
    Rectangular baking pan lined with parchment paper, filled with a flat, uncooked mixture of oats and butter, pressed evenly across the surface.
  • Do not press up the sides
  • Poke holes across the crust with a fork
  • Bake for 20 to 22 minutes until golden brown
  • Remove and cool completely
  • In a saucepan combine condensed milk brown sugar butter corn syrup and vanilla
    A saucepan containing a stick of butter, brown sugar, sweetened condensed milk, and vanilla extract on a marble countertop.
  • Cook over medium low heat stirring constantly
  • Cook for about 8 to 10 minutes until thickened
  • Pour the caramel over the cooled crust and spread evenly
    Golden cake base with creamy peanut butter frosting being poured on top.
  • Allow to cool completely
    A blue spatula spreads a thick, light brown frosting over a baked crumbly crust in a parchment-lined baking pan.
  • Lift the slab out using the parchment or foil
  • Cut in half and stack the layers gently pressing together
    A large rectangular dessert with a smooth light brown frosting, sliced once across the middle, sits on white parchment paper.
  • Heat the cream until just simmering
  • Pour over chocolate chips in a bowl
    A white bowl filled with chocolate chips partially covered in cream, placed on a light-colored surface.
  • Stir until smooth
  • Spread the chocolate evenly over the top
    A knife spreads melted chocolate over a smooth layer of peanut butter mixture.
  • Let cool slightly then sprinkle with flaky salt
    Close-up of a chocolate-covered dessert with a few flakes of sea salt on top, in a baking dish lined with parchment paper.
  • Once fully set slice into bars
    A rectangular dessert bar with layers of shortbread, caramel, and chocolate, topped with flaky sea salt, served on a white plate.

Video

Notes

  • Cooling fully between layers helps keep the bars clean and structured
  • Let the chocolate set before slicing for neat edges
  • Store in an airtight container at room temperature or chilled

Nutrition

Serving: 1 Serving | Calories: 379kcal | Carbohydrates: 46g | Protein: 5g | Fat: 20g | Saturated Fat: 12g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 5g | Trans Fat: 1g | Cholesterol: 65mg | Sodium: 205mg | Potassium: 200mg | Fiber: 1g | Sugar: 37g | Vitamin A: 553IU | Vitamin C: 1mg | Calcium: 119mg | Iron: 1mg

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating