Chocolate Caramel Bars are one of those desserts I make when I want something that feels a little more special than brownies, but still straightforward. You get buttery shortbread on the bottom, a chewy caramel layer in the middle, and a smooth chocolate top that sets up nicely for clean slices.
I like this version because the shortbread stays tender and the caramel cooks into that deep golden, slightly toasty flavor that tastes like it took a lot more effort than it did. The chocolate layer is simple, and a little flaky salt on top is a small touch that makes the whole thing taste more “finished.”
These are especially good cut into smaller squares for a cookie tray or tucked into lunchboxes as a treat. For me, they’re also a reliable make-ahead dessert when I need something that travels well.
Why You’ll Love This Recipe
Three clean layers: The shortbread, caramel, and chocolate each do their own job, so the bars slice neatly and look great on a platter.
That chewy caramel: Cooking the caramel on the stove first gives it a thicker, chewier bite instead of a runny layer.
Easy to portion: A 9×13 pan makes a good batch, and you can cut them into big bars or small squares depending on what you need.
Chocolate on top: Melting the chips right on the warm caramel is simple and keeps dishes to a minimum.
Flexible flavors: You can go darker, sweeter, or add nuts, and the recipe still holds up.
Ingredients You’ll Need
Shortbread Base
- Unsalted butter: Softened butter is important here so it creams easily with the sugar. I like unsalted so the salt level stays in my control.
- Granulated sugar: Keeps the shortbread crisp-tender and gives that classic shortbread sweetness.
- All-purpose flour: I use regular flour here. Measure it normally (spoon and level if you tend to pack the cup).
- Fine salt: Don’t skip it. Shortbread can taste flat without a little salt.
- Vanilla extract: Just enough to make the base taste more like a cookie and less like plain flour and butter.
Caramel Layer
- Sweetened condensed milk: This is the base for the caramel and what gives it that creamy, chewy texture.
- Light brown sugar: Adds a deeper caramel flavor than white sugar. Dark brown works too if that’s what you have.
- Unsalted butter: Makes the caramel rich and smooth. Use real butter here, not margarine.
- Light corn syrup or honey: Helps keep the caramel from getting grainy. I usually use corn syrup, but honey works if you prefer it.
- Vanilla extract: Stirred in at the end so it tastes fresh and doesn’t cook off too much.
- Fine salt: Keeps the caramel from tasting one-note sweet.
Chocolate Topping
- Semisweet chocolate chips: Semisweet is my go-to here, but milk chocolate is fine if you want it sweeter, and dark chocolate is great if you like a stronger chocolate bite.
- Unsalted butter or neutral oil: Optional, but I like adding it for a smoother spread and a slightly glossier finish.
- Flaky sea salt: Totally optional, but it’s really nice on top, especially if you use semisweet or dark chocolate.
Recipe Instructions
- Preheat the oven: Heat the oven to 350°F and line a 9×13-inch pan with parchment paper, leaving overhang on the sides for easy lifting later.
- Cream the butter and sugar: Mix the softened butter and granulated sugar until creamy, then mix in the vanilla and salt.
- Add the flour: Add the flour and mix just until a soft, crumbly dough forms. Don’t overmix.
- Bake the crust: Press the dough evenly into the pan and bake for 15 to 18 minutes, until it’s lightly golden around the edges.
- Cook the caramel: While the crust bakes, combine the condensed milk, brown sugar, butter, corn syrup (or honey), and salt in a saucepan over medium heat. Cook, stirring constantly, for about 8 to 12 minutes, until thickened and deep golden.
- Add the vanilla: Take the caramel off the heat and stir in the vanilla.
- Add caramel to the crust: Pour the caramel over the hot crust and spread it evenly, all the way to the edges.
- Bake the caramel: Return the pan to the oven and bake for 10 to 12 minutes, until the caramel is bubbling.
- Add the chocolate: Let the bars cool for about 10 minutes, then sprinkle the chocolate chips over the top. Let them sit for 3 to 5 minutes to soften, then spread the chocolate into a smooth layer. If you want, mix in the butter or oil for a glossier finish.
- Chill and slice: Cool to room temperature, then refrigerate for 1 to 2 hours until set. Lift out using the parchment, slice into bars, and sprinkle with flaky salt if you like.
Some of my tips!
This is the part that really makes a difference. If you only read one section, make it this one because this is where I share the little trick that helps the recipe turn out so well.
Recipe Tips & Tricks
Use parchment paper. The overhang makes it so much easier to lift the whole slab out and get sharp, tidy edges.
Mix the shortbread just until it comes together. Once the flour is in, stop when you no longer see dry spots. Overmixing can make the base a little tough.
Stir the caramel the whole time. Keep the heat at medium and don’t walk away. It thickens fast near the end and can scorch if it sits.
Cook the caramel thicker if you like a firmer bite. You’re looking for that nappe stage where it coats the spoon and holds a line when you swipe your finger through it.
Chill fully before cutting. A cold bar cuts cleaner, and wiping the knife between slices makes a big difference with the chocolate top.
Make some touches!
There are plenty of easy ways to serve this depending on the occasion. Keep it simple, or add a few small touches to make it feel a little more special.
Serving Suggestions
- Milk: A cold glass of milk is classic with these. It’s especially good if you add a little flaky salt on top.
- Coffee or espresso: These are great with a strong cup of coffee. I usually go for black coffee or an Americano so the bars don’t feel too sweet.
- Ice cream: If you want to serve them as a plated dessert, add a small scoop of vanilla ice cream on the side. You don’t need much.
- Fruit: Fresh berries are nice next to these, especially strawberries or raspberries. It keeps the plate from feeling too heavy.
Save it for later
This section covers how to store leftovers and what parts of the recipe you can prepare ahead of time.
Storage and Make Ahead
Store leftovers covered in the fridge for up to 4 days. I keep them in the pan with a tight cover, or in an airtight container with parchment between layers.
These bars are a good option if you want to make this recipe ahead. I often bake them the day before, chill overnight, then slice right before serving.
If you want them to last longer, you can freeze individual portions or freeze the whole slab (uncut or cut). Wrap well so the chocolate top doesn’t pick up freezer smells.
Thaw in the fridge overnight for the cleanest texture, then let them sit at room temperature for a bit before serving if you want a softer bite.
A few quick answers
This section covers a few extra details that may help before you head to the recipe card.
Recipe FAQs
Why did my caramel turn grainy?
Grainy caramel usually comes from sugar crystals that didn’t dissolve well or caramel that wasn’t stirred consistently. Keep stirring over medium heat, and make sure you scrape the bottom and corners of the pan as it thickens.
Can I use dark chocolate or milk chocolate instead of semisweet?
Yes. Dark chocolate makes the bars taste a little more grown-up and less sweet, and milk chocolate makes them sweeter and softer on top. Use what you like and what you have.
How do I know when the caramel is thick enough?
It should look deeper golden and noticeably thicker than when it started. A good quick check is the spoon test: it should coat the spoon and slowly drip off instead of running like a thin sauce.
What’s the best way to get clean slices?
Chill the bars until fully set, then use a sharp knife and wipe it between cuts. If the chocolate top is cracking, let the bars sit at room temperature for 10 minutes, then slice again.
Can I add nuts?
Yes, chopped toasted pecans or walnuts are really good here. Sprinkle them over the caramel layer before the chocolate goes on so they stick nicely.
You might also like
Before you go, take a look at a few other recipes below the recipe card. They use similar ingredients in a different way and are worth saving too.
MORE DINNER RECIPES TO TRY
Chocolate Caramel Bars
INGREDIENTS
Shortbread Base
- 1 cup unsalted butter softened
- 1 2 cup granulated sugar
- 2 cups all purpose flour
- 1 4 tsp fine salt
- 1 tsp vanilla extract.
Caramel Layer
- 1 14 oz can sweetened condensed milk
- 1 2 cup packed light brown sugar
- 1 2 cup unsalted butter
- 2 tbsp light corn syrup or honey
- 1 tsp vanilla extract
- 1 4 tsp fine salt.
Chocolate Topping
- 2 cups semisweet chocolate chips
- 2 tbsp unsalted butter or neutral oil
- flaky sea salt to taste optional.
INSTRUCTIONS
Prep and Shortbread
- heat oven to 350 F and line a 9x13 inch pan with parchment leaving overhang
- mix butter and sugar until creamy then mix in vanilla and salt
- add flour and mix just until a soft crumbly dough forms
- press dough evenly into pan and bake until lightly golden at the edges 15 to 18 minutes.
Caramel and Finish
- while base bakes combine condensed milk brown sugar butter corn syrup and salt in a saucepan over medium heat and cook stirring constantly until thickened and deep golden 8 to 12 minutes then remove from heat and stir in vanilla
- pour caramel over hot crust and spread evenly then return to oven and bake until caramel is bubbling 10 to 12 minutes
- cool 10 minutes then sprinkle chocolate chips over the top and let sit 3 to 5 minutes to melt then spread smooth and optionally mix in butter for a glossier finish
- cool to room temperature then refrigerate 1 to 2 hours until set and slice into bars.
