Caramel Chocolate Shortbread Cookies

Photo of author
By Ava
Published on

There’s something quietly irresistible about a cookie that doesn’t rush to impress—but completely wins you over anyway. These caramel chocolate shortbread cookies are exactly that kind of treat.

At first glance, they look simple: a soft, pale shortbread base topped with glossy chocolate. But take one bite, and you get layers literally. Buttery, melt-in-your-mouth cookie. A smooth, chewy caramel center. And a silky chocolate topping that ties it all together.

They’re the kind of cookies you make for holidays, gift boxes, or cozy weekends when you want your kitchen to feel warm and a little indulgent. And if you’re thinking Pinterest? These layered beauties photograph like a dream.

Why You’ll Love This Recipe

  • 🍪 Buttery, tender shortbread base that melts in your mouth
  • 🍯 Soft caramel layer adds richness and chewiness
  • 🍫 Smooth chocolate topping for a bakery-style finish
  • 🎁 Perfect for gifting or holiday cookie trays
  • 📌 Elegant and Pinterest-worthy with minimal effort
  • 🧊 Make-ahead friendly and stores beautifully

Ingredient Notes (Tips for Perfect Layers)

Butter (Softened)
The heart of any good shortbread. Make sure it’s soft—not melted—for that classic tender texture.

Powdered Sugar
Gives the cookies a delicate sweetness and a softer crumb compared to granulated sugar.

Vanilla Extract
Adds warmth and enhances the buttery flavor.

All-Purpose Flour
Provides structure. Measure carefully—too much flour can make the cookies dry.

Salt
Balances the sweetness and brings out the richness of the butter and caramel.

Caramels
Use soft, store-bought caramels for convenience. They melt smoothly and create that chewy center.

Evaporated Milk or Cream
Helps thin the caramel for easy spreading and a smoother consistency.

Milk Chocolate Chips
Mild and creamy, they pair perfectly with caramel without overpowering it.

Shortening
This is the secret to silky, spreadable melted chocolate that sets with a smooth finish.

Step-by-Step Instructions

1. Preheat and Prep

Preheat your oven to 350°F (175°C). Line a baking sheet with parchment paper or a nonstick mat.

2. Cream Butter and Sugar

In a large mixing bowl, beat the butter until light and fluffy. Add powdered sugar and mix until smooth and combined.

3. Add Dry Ingredients

Mix in the vanilla extract, flour, and salt until a soft dough forms.

4. Chill the Dough

Wrap the dough in plastic wrap and chill in the freezer for 20 minutes. This makes rolling easier and helps maintain shape.

5. Roll and Cut

On a lightly floured surface, roll the dough to about ½ inch thick.

Use a 2–3 inch round cutter to cut out cookies and place them on the prepared baking sheet.

6. Bake

Bake for 12–13 minutes, or until the edges are just lightly golden.

Let cookies cool completely on a wire rack.

7. Make the Caramel Layer

In a microwave-safe bowl, combine caramels and evaporated milk. Heat in 45-second intervals, stirring each time until smooth.

8. Add Caramel to Cookies

Spoon a small amount of caramel onto each cookie and gently spread to the edges.

Let sit for about 20 minutes, until the caramel firms up.

9. Melt the Chocolate

Combine chocolate chips and shortening in a bowl. Microwave in 30-second intervals, stirring until smooth.

10. Finish with Chocolate

Spoon melted chocolate over the caramel layer and spread evenly.

11. Let Set

Allow the chocolate to fully harden before serving or storing.

Expert Tips for Best Results

  • Chill your dough properly
    Shortbread dough is soft—chilling helps prevent spreading and keeps edges clean.
  • Don’t overbake
    You want pale cookies with just lightly golden edges for that classic shortbread texture.
  • Work in layers
    Let each layer set before adding the next. This keeps everything neat and defined.
  • Use a small offset spatula
    For smooth, even caramel and chocolate layers.
  • Tap for smooth chocolate
    Gently tap the cookie tray after adding chocolate to level the surface.

Variations and Substitutions

Salted Caramel Version
Sprinkle flaky sea salt over the caramel layer before adding chocolate for a sweet-salty twist.

Dark Chocolate Upgrade
Swap milk chocolate for dark chocolate if you prefer a richer, less sweet flavor.

Nutty Addition
Add chopped pecans or almonds on top of the caramel layer for crunch.

Cookie Shape Ideas
Use square cutters or even cut into bars for a different presentation.

Dairy-Free Option
Use plant-based butter and dairy-free chocolate. Choose soft vegan caramels if available.

Storage and Freezing

Room Temperature
Store in an airtight container for up to 5 days. Keep in a cool area to prevent chocolate from melting.

Refrigerator
Can be stored longer, but bring to room temperature before serving for best texture.

Freezing
Freeze fully assembled cookies for up to 2 months. Layer with parchment paper to prevent sticking.

FAQ

Can I make these ahead of time?
Yes! These cookies are perfect for making 1–2 days in advance. The flavors actually develop more over time.

Why is my caramel too thick?
Add a little more cream or milk and reheat gently until smooth and spreadable.

Can I skip the shortening in chocolate?
You can, but the chocolate may be thicker and less smooth when spreading.

How do I get clean layers?
Let each layer set before adding the next, and use a small spatula for even spreading.

Final Thoughts

These caramel chocolate shortbread cookies are the kind of treat that feels special without being complicated. They strike that perfect balance between simple and indulgent—something you can make at home but that looks like it came from a bakery window.

They’re ideal for holidays, gifting, or just slowing down and baking something a little extra. And once you’ve made them once, you’ll start thinking of all the little ways to make them your own.

Because at the end of the day, the best recipes aren’t just about how they taste—they’re about how they make people feel. And these? They feel like a treat worth sharing.


Recipe Card Summary

Caramel Chocolate Shortbread Cookies

Prep Time: 25 minutes
Chill Time: 20 minutes
Bake Time: 12–13 minutes
Yield: About 24 cookies

Ingredients:

  • 1½ cups butter, softened
  • 1 cup powdered sugar
  • 1½ teaspoons vanilla extract
  • 3 cups all-purpose flour
  • ¼ teaspoon salt
  • 11 oz caramels
  • 1 tablespoon evaporated milk or cream
  • 2 cups milk chocolate chips
  • 2 teaspoons shortening

Instructions:

  1. Preheat oven to 350°F and line baking sheet.
  2. Beat butter and powdered sugar until fluffy.
  3. Add vanilla, flour, and salt; mix into dough.
  4. Chill dough for 20 minutes.
  5. Roll and cut cookies.
  6. Bake 12–13 minutes; cool completely.
  7. Melt caramels with milk; spread over cookies.
  8. Let caramel set.
  9. Melt chocolate with shortening; spread on top.
  10. Let chocolate harden before serving.

Notes:

  • Chill dough for easier handling
  • Let layers set between steps
  • Store in airtight container for freshness

About Me

Hi! I’m Sophie, a Moroccan-American baker with a soft spot for gooey, over-the-top stuffed cookies and decadent brownies. I grew up with my hands in both worlds—the heady scent of cinnamon and orange blossom water wafting from my dad’s kitchen, and the warm, buttery perfume of classic chocolate chip cookies cooling on parchment paper in my mom’s oven.

Master the Art of the Stuffed Cookie

Gooey Chocolate Chip Cookies

The Golden Rocher Volcano Cookies

Midnight Macadamia "Lava" Cookies

Toasted Matcha Crunch Jumbo Cookies

Leave a Comment