I absolutely adore making and sharing this Chocolate Chip Salted Caramel Shortbread Recipe because it’s a perfect combination of buttery shortbread, rich and gooey salted caramel, and a luscious marbled chocolate topping. It takes classic flavors to another level, delivering a treat that feels indulgent yet totally achievable in my own kitchen. Every bite offers a delightful contrast of textures and just the right hit of sweet and salty, making it one of my favorite go-to desserts whenever I want to impress friends or just treat myself.
Why You’ll Love This Chocolate Chip Salted Caramel Shortbread Recipe
From the moment I bit into this Chocolate Chip Salted Caramel Shortbread Recipe, I knew it was something special. The tender, buttery shortbread base acts as the perfect canvas, while the salted caramel layer adds a silky, rich sweetness that’s perfectly balanced by the gentle crunch and subtle bitterness from the chocolate chips and topping. The harmony of flavors hits all the right notes—sweet, salty, creamy, and chocolaty—which is why I find myself craving this treat again and again.
Besides the incredible flavor, I love how approachable this recipe is. Despite feeling fancy, it’s really straightforward to prepare, especially since the ingredients are simple and easy to find. The steps flow naturally, and I find the process incredibly satisfying. It’s the kind of recipe that works beautifully for holidays, special gatherings, or whenever I just want a luxurious dessert that’s a little bit different but always crowd-pleasing. This recipe stands out because it feels crafted yet accessible, offering a stunning homemade dessert without an overwhelming time commitment.
Ingredients You’ll Need
Every ingredient in this recipe plays a crucial role, whether it’s adding richness, sweetness, or that irresistible texture and color contrast. I love how simple and classic these ingredients are, yet they come together to create a multi-layered masterpiece.
- Salted butter, ½ cup (113g) softened: The foundation of the shortbread’s tender, crumbly texture and flavor depth.
- Brown sugar, ¼ cup (50g): Adds softness and caramel undertones to the dough.
- Fine sea salt, ¼ tsp: Enhances the flavors and balances sweetness beautifully.
- Pure vanilla extract, 1 tsp: Brings warmth and aroma to the shortbread and caramel.
- Powdered sugar, 2 tablespoons: Keeps the shortbread delicate and melt-in-your-mouth.
- All-purpose flour, 1 cup (120g): The structure that holds the shortbread together.
- Mini chocolate chips or finely chopped dark chocolate, ¼ cup: Adds bursts of deep chocolate with each bite.
- Sweetened condensed milk, 1 can (396g): The secret to that rich, thick salted caramel layer.
- Unsalted butter, ¼ cup (57g): Makes the caramel extra creamy and smooth.
- Lyle’s Golden Syrup or corn syrup, 2 tablespoons: Helps the caramel set to a perfect consistency.
- Flaky sea salt, 1 tsp: Provides that irresistible salty crunch in the caramel.
- Dark chocolate, 170g chopped: The base for the gorgeous chocolate topping.
- White and milk or dulcey chocolate, 28g each chopped: For swirling a beautiful marbled effect on top.
- Edible glitter (optional): To add a touch of sparkle and elegance if you’re feeling fancy!
Directions
Step 1: Preheat your oven to 350°F (175°C) and line the bottom of an 8-inch square pan with parchment paper to prevent sticking and make removal easy.
Step 2: Using a hand mixer, beat together the softened salted butter, brown sugar, and fine sea salt until the mixture becomes light and fluffy. Add the vanilla extract and powdered sugar, mixing until just combined.
Step 3: Gently fold in the all-purpose flour until the dough just comes together, then carefully fold in the mini chocolate chips or chopped dark chocolate. Press this shortbread dough evenly into the prepared pan, smoothing the top with a spatula or your hands.
Step 4: Bake the shortbread layer for about 20 minutes, or until the edges turn a lovely golden brown. While baking, keep an eye to avoid overbaking since you want it tender, not dry.
Step 5: While the shortbread is baking, start the caramel layer by combining the sweetened condensed milk, unsalted butter, and golden syrup in a saucepan over medium-low heat. Stir constantly to prevent scorching; cook until the mixture thickens and reaches between 220-225°F (104-107°C), resembling butterscotch in color and texture.
Step 6: Remove the caramel from heat, stir in flaky sea salt and vanilla extract to add that signature flavor punch. Keep the caramel warm on the lowest heat setting if your shortbread is still baking.
Step 7: Once your shortbread is golden and out of the oven, pour the warm caramel evenly over the top and smooth it out. Set the pan aside to cool completely, allowing the caramel to set firm.
Step 8: For the chocolate topping, divide each type of chocolate into quarters and set aside one quarter as “seed.” Melt the remainder of each chocolate variety in 30-second bursts in the microwave, stirring each time until mostly melted but not fully smooth.
Step 9: Add the reserved “seed” chocolates back in and stir gently to finish melting and achieve a smooth texture. Pour the dark chocolate over the cooled caramel layer and smooth it into an even layer.
Step 10: Spoon dollops of white and milk (or dulcey) chocolate on top of the dark chocolate layer. Using a butter knife, swirl these to create a beautiful marbled effect. Optionally, sprinkle edible glitter for some glamour.
Step 11: Allow the entire bar to cool thoroughly at room temperature or in the fridge, until the chocolate topping is fully set. Then, cut into squares and enjoy!
Servings and Timing
This recipe yields about 16 small squares, perfect for sharing at a party or treating yourself over several days. Prep time is roughly 15 minutes, with about 20 minutes to bake the shortbread. The caramel layer takes about 15 minutes to cook and requires additional cooling time of at least 1 hour to fully set the caramel and chocolate topping. Altogether, expect about 1 hour and 50 minutes from start to finish, mostly hands-off cooling time.
How to Serve This Chocolate Chip Salted Caramel Shortbread Recipe
I love serving this Chocolate Chip Salted Caramel Shortbread Recipe slightly chilled or at room temperature, which lets the layers hold their shape beautifully while still offering a pleasantly soft bite. It’s a fantastic dessert for casual get-togethers, holiday celebrations, or afternoon tea with friends. For presentation, I often line a pretty serving platter with parchment and neatly arrange the squares for easy picking. A sprinkle of flaky sea salt or a dust of cocoa powder adds a professional touch that always impresses.
Pairing this rich dessert with something light and refreshing really elevates the experience. I often serve it alongside a cup of strong black coffee or a smooth latte, which balances the sweetness perfectly. If you want to be extra indulgent, a glass of full-bodied red wine such as a Cabernet Sauvignon or a rich port brings out the chocolate notes beautifully. For a non-alcoholic choice, sparkling water with a twist of lemon cleanses the palate nicely between bites.
This recipe fits right in at special occasions, from family dinners and birthday parties to festive holiday spreads. Because of its layered complexity, I recommend serving the shortbread squares in small portions alongside fresh berries or a dollop of whipped cream to add freshness. I’ve also enjoyed them as a delightful snack with a cup of chai or hot cocoa on cozy winter evenings. No matter the occasion, these bars always bring smiles and requests for seconds!
Variations
One of the things I love about this Chocolate Chip Salted Caramel Shortbread Recipe is how adaptable it is. If you want to switch up the chocolate, try using white chocolate chunks in the shortbread or experimenting with bittersweet or milk chocolates on top for different flavor profiles. For a nutty twist, adding toasted pecans or macadamia nuts into the shortbread dough adds an extra crunch and richness that’s absolutely delicious.
If you need a gluten-free version, I’ve had great results substituting equal parts gluten-free all-purpose flour blends, just be mindful of the texture and add a little extra powdered sugar if the dough feels too crumbly. For my vegan friends, replacing butter with a firm coconut oil and using a vegan condensed milk alternative works surprisingly well, though you might want to slightly reduce baking time and closely monitor caramel thickness.
For an exciting flavor variation, you can infuse the caramel with a splash of espresso or use flavored vanilla extracts like bourbon or almond. Cooking methods can also vary: instead of swirling the chocolate topping, try spreading it evenly and sprinkling sea salt flakes on top for a cleaner look. Alternatively, pour a single chocolate layer and sprinkle with crushed toffee or caramelized sugar for added crunch.
Storage and Reheating
Storing Leftovers
I keep leftovers of this Chocolate Chip Salted Caramel Shortbread Recipe in an airtight container at room temperature if I plan to enjoy them within 2 to 3 days. For longer storage, refrigerating them helps maintain freshness and keeps the chocolate topping from melting, although the shortbread might firm up a bit. Using parchment paper layers between the bars prevents sticking and makes portioning easier when you want to grab a piece later.
Freezing
This recipe freezes beautifully! I usually cut the shortbread into squares, place them on a baking sheet lined with parchment, and flash freeze for a couple of hours before transferring them into a freezer-safe container or zip-top bag. Wrapped well, they can stay frozen for up to 3 months. When you’re ready to enjoy, thaw them in the fridge overnight to prevent condensation or sogginess on the topping.
Reheating
I generally don’t recommend reheating this dessert in the microwave, as it can cause the caramel and chocolate layers to become overly soft or grainy. Instead, I bring pieces to room temperature naturally or, if you want them a touch warmer, briefly warm in a low oven (around 275°F/135°C) for 3-5 minutes. This method helps revive the texture without compromising the integrity of the layers or the rich flavor balance.
FAQs
Can I use salted butter instead of unsalted in the caramel layer?
Yes, you can use salted butter instead of unsalted in the caramel, but reduce or omit the additional flaky sea salt to avoid making the caramel too salty. I prefer unsalted for precise control over saltiness, but salted butter works fine if that’s what you have on hand.
Is it necessary to use golden syrup, or can I substitute with honey or corn syrup?
Lyle’s Golden Syrup is preferred because it adds a rich, buttery note and proper texture to the caramel, but corn syrup is a suitable substitute. Honey can alter the flavor and texture slightly, making the caramel more floral and sticky, so it’s less ideal but possible if you’re in a pinch.
How do I prevent the chocolate topping from cracking when cutting?
Allow the bars to cool completely and set firmly before slicing. Using a sharp knife that’s been warmed with hot water and dried helps create clean cuts without cracking. Also, cut the bars gently with a rocking motion rather than pressing down hard to preserve the smooth chocolate layer.
Can I make this recipe without a hand mixer?
Absolutely! You can mix the dough by hand using a wooden spoon or spatula, just be sure to cream the butter and sugar thoroughly until fluffy before adding the flour. It might take a bit more elbow grease but works perfectly fine.
What is the best way to swirl the white and milk chocolate toppings?
I like to spoon small amounts of white and milk chocolate onto the still-wet dark chocolate and then use the tip of a butter knife or toothpick to gently swirl the chocolates together. The key is not to overmix; you want pretty, visible streaks for that stunning marbled effect.
Conclusion
Trust me when I say this Chocolate Chip Salted Caramel Shortbread Recipe is such a showstopper that once you try it, it’ll become one of your favorite desserts to make again and again. The layers of buttery shortbread, velvety caramel, and luscious marbled chocolate topping all come together to create a beautiful balance of textures and flavors that will wow any crowd. I can’t wait for you to enjoy making and sharing this irresistible treat as much as I do!
Print
Chocolate Chip Salted Caramel Shortbread Recipe
This decadent Chocolate Chip Salted Caramel Shortbread is a luxurious treat combining buttery chocolate chip shortbread, smooth homemade salted caramel, and a rich marbled chocolate topping. Perfect for festive occasions or any time you crave an indulgent homemade confection that combines the best elements of cookies and candy bars.
- Total Time: 1 hour 10 minutes
- Yield: 16 bars
Ingredients
Chocolate Chip Shortbread
- ½ cup (113g) salted butter, softened
- ¼ cup (50g) brown sugar
- ¼ tsp fine sea salt
- 1 tsp pure vanilla extract
- 2 tablespoons powdered sugar
- 1 cup (120g) all-purpose flour
- ¼ cup mini chocolate chips or finely chopped dark chocolate
Salted Caramel Layer
- 1 can (396g) sweetened condensed milk
- ¼ cup (57g) unsalted butter
- 2 tablespoons Lyle’s Golden Syrup or corn syrup
- 1 tsp flaky sea salt
- 1 teaspoon pure vanilla extract
Chocolate Topping
- 170g dark chocolate, chopped
- 28g white chocolate, chopped
- 28g milk or dulcey chocolate feves, chopped
- Edible glitter (optional)
Instructions
- Prepare the shortbread dough: Preheat the oven to 350°F (175°C). Line the bottom of an 8-inch square pan with parchment paper for easy removal. Using a hand mixer, beat together the softened salted butter, brown sugar, fine sea salt, and vanilla extract until fluffy, about 2-3 minutes.
- Incorporate dry ingredients: Add the powdered sugar and all-purpose flour to the butter mixture and beat on low speed just until combined. Then gently fold in the mini chocolate chips or finely chopped dark chocolate with a spatula, ensuring even distribution throughout the dough.
- Bake the shortbread layer: Press the dough evenly into the prepared pan, flattening it to form a uniform layer. Bake in the preheated oven for 20 minutes, or until the edges turn golden brown and the shortbread is set. Remove from the oven and set aside.
- Make the salted caramel: While the shortbread bakes, combine the sweetened condensed milk, unsalted butter, and golden syrup (or corn syrup) in a medium saucepan. Cook over low to medium heat, stirring constantly to prevent scorching, until the mixture reaches a thick butterscotch color and a temperature of 220-225°F (104-107°C) on a candy thermometer, about 10-15 minutes.
- Finish the caramel: Remove the caramel from heat once the desired temperature and consistency are reached. Stir in the flaky sea salt and vanilla extract until fully incorporated. If the shortbread is still baking, keep the caramel warm over very low heat, stirring occasionally.
- Assemble caramel layer: Once the shortbread is baked and slightly cooled, pour the warm salted caramel evenly over the top. Use a spatula to smooth it into a flat, even layer. Allow it to cool completely at room temperature to set.
- Prepare the chocolate topping: Divide each type of chocolate—dark, white, and milk/dulcey—into two portions, setting aside ¼ of each as a ‘seed’ to temper the chocolate later. Melt the main portion of each chocolate separately in the microwave in 30-second increments, stirring between intervals until mostly melted but with some solids remaining.
- Temper the chocolates: Add the reserved ‘seed’ pieces to each melted chocolate and stir until smooth and glossy. This tempering step helps the chocolate set with a nice snap and shine.
- Create the marbled topping: Pour the tempered dark chocolate over the cooled caramel and smooth into an even layer. Using spoons, alternate dollops of tempered white and milk/dulcey chocolates on top. With a butter knife, gently swirl the layers together to create a marbled effect. Optionally, sprinkle edible glitter for an elegant finish.
- Final setting: Allow the entire bar to set at room temperature or refrigerate briefly until the chocolate is firm. Once fully set, cut into squares and serve.
Notes
- Use a candy thermometer to accurately monitor caramel temperature for perfect consistency.
- Press dough firmly and evenly to ensure uniform shortbread thickness and even baking.
- Tempering chocolate ensures a glossy finish and prevents dull, streaky chocolate topping.
- You can substitute golden syrup with corn syrup if unavailable.
- Store finished bars in an airtight container at room temperature for up to 3 days or refrigerate for up to a week.
- Prep Time: 20 minutes
- Cook Time: 25 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American
