These Caramel Chocolate Shortbread Cookies combine three simple layers that work perfectly together: a soft buttery cookie base, a thick layer of gooey caramel, and smooth melted milk chocolate on top.

The cookie itself is tender and lightly crisp around the edges, sturdy enough to hold the caramel without becoming soggy. Once the caramel sets slightly, the chocolate goes over the top to create a candy-bar-style finish. The combination tastes a little like a homemade Twix-inspired cookie, but with a softer, more buttery base.

They are easy enough for everyday baking but pretty enough for cookie boxes, parties, holidays, or an afternoon dessert with coffee.

In This Recipe

• Why You Will Love These Caramel Chocolate Cookies
• Ingredients You’ll Need
• Ingredient Notes
• Expert Tips for Best Results
• How to Make Caramel Chocolate Shortbread Cookies
• The Secret to Soft Buttery Cookies
• How to Get the Caramel Layer Right
• Delicious Variations
• Frequently Asked Questions
• Storage
• Recipe Card

Three Irresistible Layers

Every bite has buttery cookie, soft caramel, and creamy milk chocolate.

Simple Cookie Dough

The base uses basic pantry ingredients and does not require complicated chilling or shaping.

Easy to Customize

You can use milk, semisweet, or dark chocolate and choose either homemade or store-bought caramel.

Perfect for Making Ahead

The cookies can be baked first, then topped once completely cool.

Great for Sharing

These are sturdy enough for dessert trays, cookie tins, and gifting once the topping is set.


Ingredients

For the Butter Cookies

• 1 cup (226g) unsalted butter, softened
• 1 cup (200g) granulated sugar
• 1 large egg
• 1 teaspoon vanilla extract
• 3 cups (360g) all-purpose flour
• 2 teaspoons baking powder
• ½ teaspoon fine salt

For the Caramel Layer

• About 1 cup thick caramel, homemade or store-bought

For the Chocolate Topping

• About 8 ounces (225g) milk chocolate, chopped or in melting wafers

Butter

The butter should be softened but not melted.

Soft butter creams smoothly with the sugar and helps create a tender cookie that still holds its shape after cutting.

Granulated Sugar

Sugar gives the cookies sweetness and a lightly crisp exterior.

Egg

The egg helps bind the dough and gives it enough structure to support the caramel and chocolate.

Flour

Measure carefully.

Too much flour can make the cookies dry and crumbly.

If using cups, spoon the flour into the measuring cup and level it instead of scooping directly from the bag.

Caramel

Use a thick caramel rather than a very thin caramel sauce.

A thick caramel layer will stay on top of the cookie instead of running over the edges.

Milk Chocolate

Milk chocolate gives the cookies a classic candy-bar flavor.

Semisweet chocolate works well if you want to reduce the overall sweetness.

Expert Tips for the Best Results

Don’t Overcream the Butter

Cream the butter and sugar only until smooth and slightly fluffy.

Too much air can make the cookies puff and lose their clean shape.

Don’t Overmix After Adding Flour

Once the dry ingredients go in, mix only until a dough forms.

Roll Between Parchment

Rolling the dough between two pieces of parchment prevents sticking without adding extra flour.

Keep the Dough Even

Aim for approximately ¼ inch thick so all cookies bake at the same rate.

Let the Cookies Cool Completely

Do not add caramel to warm cookies.

Heat will make the caramel too loose and difficult to set.

Let the Caramel Firm Before Adding Chocolate

This keeps the two topping layers distinct instead of mixing together.
How to Make Caramel Chocolate Shortbread Cookies

Step 1 – Prepare the Oven

Preheat the oven to 350°F (175°C).

Line one or two baking sheets with parchment paper.

Step 2 – Cream the Butter and Sugar

Place the softened butter and granulated sugar in a large mixing bowl.

Beat until smooth, creamy, and slightly fluffy.

Step 3 – Add the Egg and Vanilla

Add the egg and vanilla extract.

Mix until completely incorporated.

Scrape down the sides of the bowl as needed.

Step 4 – Combine the Dry Ingredients

In a separate bowl, whisk together the flour, baking powder, and salt.

Step 5 – Make the Dough

Gradually add the flour mixture to the butter mixture.

Mix on low speed or fold with a spatula until a soft dough forms.

Stop mixing as soon as no dry flour remains.

Step 6 – Roll the Dough

Place the dough between two sheets of parchment paper.

Roll to approximately ¼-inch thickness.

If the dough becomes very soft, refrigerate it for about 15–20 minutes before cutting.

Step 7 – Cut the Cookies

Remove the top sheet of parchment.

Use a round cookie cutter to cut circles.

Transfer them carefully to the prepared baking sheet.

Gather the scraps, reroll gently, and continue cutting.

Step 8 – Bake

Bake at 350°F (175°C) for 8–11 minutes.

The cookies should look set with very lightly golden edges.

Avoid baking until deeply browned if you want a softer texture.

Step 9 – Cool

Let the cookies rest on the baking sheet for about 5 minutes.

Transfer to a wire rack and cool completely.

Add the Caramel

Melt or gently warm the caramel until spreadable.

Spoon a small amount onto the center of each cooled cookie.

Spread it into an even layer while leaving a narrow border around the edge.

Let the caramel sit until it firms enough that the chocolate can be spread over it without the layers blending together.

If needed, place the cookies in the refrigerator for 10–15 minutes.

Add the Chocolate

Melt the milk chocolate gently in the microwave in short intervals, stirring between each one.

Once smooth, spoon the chocolate over the caramel layer.

Spread evenly.

Let the cookies sit at room temperature or refrigerate briefly until the chocolate is completely set.
The Secret to Soft Buttery Cookies

The goal is to bake the cookies just until they are set.

If you wait until they are dark golden, they can become much firmer once cooled.

The softened butter also plays an important role. Unlike melted butter, it gives the dough structure while keeping the finished cookie tender.

Rolling to an even thickness ensures the edges do not overbake while the centers are still raw.
How to Get the Caramel Layer Right

The caramel should be soft enough to spread but thick enough to remain in place.

If using homemade caramel, let it cool until it has a thick, spoonable consistency before adding it to the cookies.

If using store-bought caramel, avoid very thin ice cream syrups.

After spreading, give the caramel time to firm before adding chocolate. This is what creates those clean, distinct layers.

Delicious Variations

Dark Chocolate Caramel Cookies

Replace milk chocolate with dark chocolate for a less-sweet finish.

Salted Caramel Cookies

Sprinkle a tiny pinch of flaky sea salt over the chocolate before it sets.

White Chocolate Version

Use melted white chocolate for a sweeter, creamier topping.

Nutty Caramel Cookies

Sprinkle chopped toasted pecans or hazelnuts over the caramel before adding chocolate.

Peanut Butter Caramel

Spread a very thin layer of peanut butter over the cookie before the caramel.

Frequently Asked Questions

Can I Use Store-Bought Caramel?

Yes.

Choose a thick caramel spread or caramel candies melted with a small splash of cream.

Why Is My Caramel Sliding Off?

The cookies may still be warm, or the caramel may be too thin.

Let both cool before assembling.

Can I Chill the Dough?

Yes.

If your dough becomes too soft to cut cleanly, chill it for 15–30 minutes.

Can I Use Dark Chocolate?

Absolutely.

Dark or semisweet chocolate is especially good if you prefer less sweetness.

Can I Make These Ahead?

Yes.

The finished cookies can be made 1–2 days before serving.

Storage

Store the cookies in an airtight container at room temperature for up to 3 days if your caramel remains stable at room temperature.

For longer storage, refrigerate for up to 5 days.

Place parchment between layers so the chocolate tops do not stick together.

Let refrigerated cookies sit at room temperature for several minutes before eating for the softest caramel texture.
Caramel Chocolate Shortbread Cookies Recipe Card

Prep Time: 25 minutes
Bake Time: 8–11 minutes per batch
Cooling and Setting Time: About 45 minutes
Yield: About 20–24 cookies, depending on cutter size
Oven: 350°F (175°C)

Cookie Dough

• 1 cup (226g) softened unsalted butter
• 1 cup (200g) granulated sugar
• 1 large egg
• 1 teaspoon vanilla
• 3 cups (360g) all-purpose flour
• 2 teaspoons baking powder
• ½ teaspoon salt

Topping

• About 1 cup thick caramel
• About 8 ounces (225g) milk chocolate

Instructions

1. Preheat oven to 350°F (175°C).
2. Cream softened butter and sugar until smooth.
3. Add egg and vanilla and mix until combined.
4. Whisk flour, baking powder, and salt separately.
5. Add dry ingredients to the butter mixture and mix just until a dough forms.
6. Roll dough between parchment to about ¼ inch thick.
7. Cut into circles and transfer to a lined baking sheet.
8. Bake for 8–11 minutes, until set and lightly golden around the edges.
9. Cool completely.
10. Melt or soften the caramel and spread a layer over each cookie.
11. Let the caramel firm slightly.
12. Melt the milk chocolate and spread over the caramel.
13. Allow the chocolate to set completely before serving.

Notes

Use softened, not melted, butter. Do not overmix the dough after adding flour. Keep the cookies lightly colored for a softer texture. Use thick caramel so it stays in place. Let each layer set before adding the next for the cleanest finish.