Chocolate Caramel Shortbread

Name: Chocolate Caramel Shortbread
Prep time: 20 min
Cook time: 25 min
Total time: 45 min
Yield: 16 servings
Ingredients: 1 cup unsalted butter, softened; 1/2 cup granulated sugar; 2 cups all-purpose flour; 1/4 teaspoon salt; 1 cup brown sugar; 1/2 cup unsweetened condensed milk; 1/4 cup unsalted butter; 1 teaspoon vanilla extract; 1 cup semi-sweet chocolate chips; 1 tablespoon butter

Highlighted under: Baking & Desserts

I absolutely love making Chocolate Caramel Shortbread because it combines my favorite sweet layers into one irresistible treat. The buttery shortbread, gooey caramel, and rich chocolate create a heavenly combination that’s hard to resist. Each bite delivers a delightful crunch followed by a smooth melt-in-your-mouth experience. It’s the perfect dessert to bring to gatherings or enjoy on a cozy evening at home. Plus, the process of making them is just as enjoyable as devouring the final product! You won't want to miss this indulgence.

Created by

Brielle Thompson

Last updated on 2026-01-13T06:10:13.836Z

When I first made Chocolate Caramel Shortbread, I was amazed at how easy yet delicious they turned out. The shortbread base is simple to prepare, needing just a handful of ingredients, but it’s the caramel that truly elevates this dessert. I recommend making the caramel from scratch; it yields a deeper flavor and softer texture compared to store-bought versions.

While constructing the layers, I learned that letting the caramel set for a little while before adding the chocolate on top allows for a better-defined layer. It’s a little detail, but it makes a big difference in both texture and presentation. Trust me; this dessert will become a regular at your table!

        Why You Will Love This Recipe
        Layered textures that create an extraordinary mouthfeel.
The blend of rich chocolate and sweet caramel is simply indulgent.
Perfectly sweet without being overwhelming, making it great for any occasion.

      

Perfecting Your Shortbread Base

The shortbread base is crucial for balancing the sweetness of the caramel and chocolate layers. To achieve the ideal texture, be sure to beat the butter and sugar until light and fluffy, as this incorporates air and makes the shortbread tender. When mixing in the flour, do not overmix; just combine until you no longer see dry flour. This will prevent the shortbread from becoming tough. Press it firmly but not too hard into the pan for an even bake.

Always keep an eye on the shortbread while it bakes. You're looking for a light golden color at the edges, which typically takes about 20 minutes. An underbaked base won't hold up to the weight of the caramel, while overbaking can create a crumbly texture. If you're unsure, a toothpick inserted in the center should come out clean and should not feel too soft.

Crafting the Perfect Caramel

Making the caramel layer is where patience pays off. Ensure to stir continuously while melting the ingredients together to avoid burning, especially at the bottom of the saucepan. Once the mixture starts to bubble, keep an eye on the clock; you want to simmer for about 5 minutes. This allows the caramel to thicken, which is key for layering and prevents it from becoming too runny when cooled.

If you prefer a softer caramel, you can reduce the cooking time slightly. Conversely, cooking it for a bit longer will yield a firmer texture. Just be cautious not to exceed 7 minutes, as it may harden too much. A perfect caramel should hold its shape but still have that gooey, melt-in-your-mouth quality when you take a bite.

Tips for Success with Chocolate Topping

When melting chocolate chips, using a microwave is convenient, but ensure you do it in short bursts of 30 seconds. This method allows you to control the melting and prevent scorching, which can make chocolate unworkable. If you find your chocolate isn’t melting smoothly, adding a teaspoon of vegetable oil can help achieve a glossy finish that's ideal for spreading over the caramel layer.

If you want to vary the chocolate topping, consider using dark chocolate for a more intense flavor or milk chocolate for a sweeter finish. For a delightful twist, try adding a pinch of sea salt on top of the chocolate before it sets, which enhances the sweetness of the caramel and balances the flavors beautifully.

Ingredients

For the Shortbread Base

1 cup unsalted butter, softened
1/2 cup granulated sugar
2 cups all-purpose flour
1/4 teaspoon salt

For the Caramel Layer

1 cup brown sugar
1/2 cup unsweetened condensed milk
1/4 cup unsalted butter
1 teaspoon vanilla extract

For the Chocolate Topping

1 cup semi-sweet chocolate chips
1 tablespoon butter

Instructions

Prepare the Shortbread Base

Preheat your oven to 350°F (175°C). In a mixing bowl, beat the softened butter and granulated sugar together until light and fluffy. Gradually add the flour and salt, mixing until combined. Press the mixture evenly into the bottom of a greased 9x9 inch baking dish. Bake for 20 minutes or until lightly golden.

Make the Caramel Layer

In a saucepan, combine the brown sugar, condensed milk, butter, and vanilla extract. Over medium heat, stir until the butter melts and everything is well combined. Bring the mixture to a boil, stirring continuously for about 5 minutes until it thickens slightly. Pour the caramel over the baked shortbread and allow it to set slightly.

Prepare the Chocolate Topping

In a microwave-safe bowl, combine the chocolate chips and butter. Microwave in 30-second intervals, stirring in between, until melted and smooth. Pour the chocolate over the caramel layer, spreading it evenly. Allow the bars to cool completely at room temperature, then refrigerate for at least 2 hours to firm up.

Cut and Serve

Once chilled, take the shortbread out of the baking dish and cut it into squares or bars. Serve and enjoy the delicious layers!

Pro Tips

For an extra touch, sprinkle sea salt on top of the chocolate before it sets for a delightful contrast with the sweet layers. You can also experiment with other types of chocolate, like dark or white chocolate, to find your perfect combination.

Storage and Make-Ahead Tips

These Chocolate Caramel Shortbread bars make a fantastic make-ahead dessert. Once you've completed them, allow the bars to set in the refrigerator, covered in plastic wrap or an airtight container, for up to one week. This not only saves you time but also allows the flavors to meld together, enhancing the overall taste experience.

If you'd like to freeze these bars, slice them into individual pieces before wrapping them tightly in plastic wrap followed by aluminum foil. They can last in the freezer for up to three months. When ready to enjoy, simply thaw them in the refrigerator overnight, and they'll be as delicious as freshly made!

Serving Suggestions

Serving these treats is as enjoyable as making them! You can dust a bit of powdered sugar on top for a visually appealing finish, or drizzle extra melted chocolate over the bars when presenting them. These shortbread bars pair wonderfully with a hot cup of coffee or tea, making them perfect for afternoon tea or dessert gatherings.

For a fun variation, consider serving the shortbread bars with a scoop of vanilla ice cream on the side. The cold ice cream complements the warm caramel and chocolate, creating a delightful contrast in temperature and flavor that’s sure to impress guests or family.

Questions About Recipes

→ Can I use salted butter for the shortbread?

Yes, you can use salted butter, but reduce the added salt in the recipe to balance the flavors.

→ How do I store the shortbread?

Keep the bars in an airtight container at room temperature or refrigerate for longer shelf life.

→ Can I make these bars ahead of time?

Absolutely! They can be made a few days in advance and stored properly.

→ Is there a substitute for condensed milk?

You can use coconut milk as a dairy-free alternative, but the texture and flavor may vary slightly.