These chocolate chip cookie cake bars are the dessert you didn’t know you were missing. Picture chewy, golden cookie layers wrapped around a rich, creamy salted caramel filling. Every bite is gooey, indulgent, and completely impossible to resist. If you like these cookie bars, try my Caramel Chocolate Oatmeal Bars or Twix Cookie Bars.
SAVE THIS RECIPE!
Enter your email below and we’ll send this recipe straight to your inbox.
Why this Recipe is a Keeper
These bars check every box — impressive enough for company, easy enough for a weeknight treat.
- Made-from-scratch caramel: Homemade salted caramel takes less than 10 minutes and tastes incredible.
- No chilling required: The dough goes straight into the pan — no waiting around.
- Crowd-pleasing size: One 9×13 pan makes 12 generous servings with zero fuss.
- Shortcut-friendly: You can swap in store-bought caramels when you need to save time.
Can I Use Store-Bought Caramel Instead of Making it From Scratch?
Yes, absolutely! I actually suggest using Werther’s Original Soft Caramels as a quick substitute. Simply unwrap the caramels and layer them over the first baked cookie layer. They’ll melt during the second bake, creating that same luscious, gooey center. The homemade version has a deeper, richer flavor, but the store-bought shortcut still produces a seriously delicious bar. Either way, you’re winning.
Pro Tip
Let the homemade caramel cool completely before pouring it over the first cookie layer. If it’s too warm, it will soak into the dough rather than stay as a distinct, creamy layer. A fully cooled caramel holds its place and gives you that beautiful, defined filling in every slice.
Ingredient Notes
You probably have most of these ingredients already-here’s what to pay attention to.
This is an overview of key ingredients. Get the full printable recipe with specific measurements and directions in the recipe card below.
- Unsalted butter (both components): Use room temperature butter for the caramel and the cookie dough. Cold butter won’t incorporate properly in either.
- Heavy whipping cream: Don’t substitute half-and-half or milk here. The fat content in heavy cream is what makes the caramel thick and smooth.
- Sea salt: Used in both the caramel AND the cookie dough. It’s what makes the “salted” in salted caramel actually mean something.
- Dark chocolate chips: Dark chocolate balances the sweetness of the caramel beautifully. Semi-sweet works too if that’s your preference.
- Brown sugar (packed): Pack it firmly into the measuring cup for accurate measurement and maximum chewiness.
- Eggs (room temperature): Room temp eggs blend more evenly into the batter. Set them out when you set out the butter.
Variations and Substitutions
These bars are truly flexible—swap a few things and make them completely your own.
➡️ Swap the Chocolate: Use semi-sweet, milk chocolate, or white chocolate chips instead of dark.
➡️ Add a Crunchy Element: Fold in ½ cup of chopped pecans or walnuts into the cookie dough.
➡️ Layer in More Caramel: Make 1.5 times the caramel recipe and drizzle extra over the top after baking.
➡️ Try a Butterscotch Twist: Replace dark chocolate chips with butterscotch chips for a different flavor profile.
➡️ Skip the Homemade Caramel: Use Werther’s Original Soft Caramels layered directly onto the first baked cookie layer.
➡️ Use Salted Butter: If salted butter is all you have, reduce the added sea salt by half in both components.
Special Equipment Needed To Make It Easier
A few specific tools make this recipe go smoothly from start to finish.
- 9×13-inch Baking Pan: This is the right size for the dough quantity. A smaller pan will result in overly thick, underbaked bars.
- Small Saucepan: You need one with a heavy bottom if possible — it helps the sugar melt evenly without scorching.
- Hand Mixer: Creaming the butter and sugars properly gives you that chewy, bakery-style texture.
- Rubber Spatula: Essential for spreading both the caramel layer and pressing the top cookie layer into place.
How to Make the Recipe
This is a straightforward layered bar that comes together in about 45 minutes.
These are just highlights. Get the full printable recipe with specific measurements and directions in the recipe card below.
- Make the salted caramel–Melt sugar in a saucepan, stir in butter, then add heavy cream and salt. Cool completely.
- Make the cookie dough–Cream butter and sugars, add eggs and vanilla, mix in dry ingredients, then fold in chocolate chips.
- Build the first layer–Press half the dough into a greased 9×13 pan and bake at 350°F for 10 minutes.
- Add the caramel–Pour and spread cooled caramel evenly over the baked cookie base.
- Top and finish baking–Layer remaining dough over the caramel and bake 15-18 more minutes until golden brown. Cool completely before slicing.
Prep Ahead and Short Cut Tips
A little advance prep makes these bars even easier to pull together on baking day.
➡️ Make the caramel ahead: Prepare the salted caramel up to three days in advance and store it in the refrigerator. Bring it to room temperature before using.
➡️ Mix the dry ingredients early: Whisk together the flour, baking soda, baking powder, and salt and store in a sealed bag until ready to use.
➡️ Use store-bought caramel: Layer Werther’s Original Soft Caramels directly on the first baked cookie layer to skip the caramel-making step entirely.
➡️ Soften butter quickly: Cut butter into small cubes and let it sit at room temperature for 30 minutes, or microwave in five-second bursts.
Why Did my Caramel Seize Up or Turn Grainy?
This usually happens when the sugar crystallizes during melting. A few things can cause it — stirring too aggressively, sugar crystals on the sides of the pan, or adding cold butter. To prevent it, stir gently every 20-30 seconds as the recipe instructs, use room temperature butter, and make sure your saucepan is clean.
If your caramel does seize, try adding a tiny splash of water and continuing to heat gently over low heat while stirring — sometimes it will smooth back out. If it’s beyond saving, it’s quick enough to start a fresh batch.
How to Store, Reheat and Use Leftovers
- Storing: Store cooled bars in an airtight container at room temperature for up to three days. For longer storage, refrigerate for up to one week — the caramel layer firms up slightly in the fridge, which some people actually prefer.
- Reheating: Warm individual bars in the microwave for 15-20 seconds for that fresh-from-the-oven gooey texture. Don’t overheat or the caramel will become runny.
- Using Leftovers: Crumble leftover bars over vanilla ice cream for an incredible sundae topping. They’re also amazing warmed and served with a drizzle of extra caramel sauce on top.
Expert Tips for Making This Recipe
➡️ Watch the sugar carefully: Once you add sugar to the saucepan, don’t walk away. Stir every 20-30 seconds and pull it off the heat the moment it’s fully liquid — it goes from perfect to burnt fast.
➡️ Press, don’t spread: When adding the top layer of cookie dough over the caramel, flatten pieces in your hands first, then gently lay them over the caramel. Trying to spread cold dough will drag the caramel out of place.
➡️ Cool completely before cutting: I know it’s tempting, but cutting these bars warm will give you a gooey, shapeless mess. Let them cool fully — the caramel sets up and you’ll get clean, beautiful slices.
We Recommend You Try These
SAVE THIS RECIPE!
Enter your email below and we’ll send this recipe straight to your inbox.
Best Chocolate Chip Cookie Cake Bars Recipe
SAVE THIS RECIPE!
Enter your email and we’ll send this recipe to your inbox.
Ingredients
Salted Caramel
- 1 cup Granulated Sugar
- 6 Tablespoons Unsalted Butter
- ½ cup Heavy Whipping Cream
- 1 teaspoon Sea Salt
Cookie Layer
- ¾ cup Brown Sugar, packed
- ¾ cup Granulated Sugar
- 1 teaspoon Vanilla Extract
- 2 Large eggs
- 2 ⅛ cup All-Purpose flour
- ½ teaspoon Baking Soda
- ½ teaspoon Salt
- 2 cup Dark Chocolate Chips
Instructions
Salted Caramel
- First, add the sugar to a small saucepan over medium-low heat. Allow the sugar to slowly melt, stir every 20-30 seconds. It will begin to caramelize into chunks, and eventually smooth out into a liquid.
- Once the sugar has melted, remove from heat immediately and mix in the butter.
- Next, add heavy cream and salt. Mix until fully combined.
- Transfer caramel to a bowl and allow it to cool while you make the cookie bar dough.
Cookie
- Preheat oven to 350℉. Grease a 9×13-inch baking dish and set aside.
- To a large mixing bowl, add butter, brown sugar, granulated sugar, and vanilla extract. Beat together using a hand-held mixer on medium speed.
- Then add in the eggs, one at a time, mixing in between until incorporated.
- Add flour, baking soda, baking powder, and sea salt to the batter. Mix on low speed until combined.
- Fold in chocolate chips.
- Divide the cookie dough in half. Press half of the dough into an even layer in the prepared baking dish.
- Bake in preheated oven for 10 minutes.
- Pour cooled salted caramel over the top of the baked cookie dough layer. Use a spatula to spread the caramel into an even layer that covers the entire surface.
- Use the remaining cookie dough to form a top layer by scooping a ball of dough into your hands, flattening it, and gently placing over the caramel layer. Some caramel may peak through the top layer of cookie dough.
- Bake for an additional 15-18 minutes, or until golden brown.
- Allow the bars to cool completely before slicing and serving.
Christina’s Notes
- Use room temperature ingredients throughout. Both the butter for the caramel and the butter for the cookie dough should be fully softened. Cold butter won’t incorporate smoothly in either component.
- Grease your pan well. The caramel can stick, especially at the edges. Don’t skip greasing the 9×13 pan before adding the first dough layer.
- Don’t rush the caramel cool-down. The caramel needs to be genuinely cool before it goes on the first baked layer. A warm caramel will make the base soggy and won’t hold as a distinct layer.
- Bake the first layer before adding caramel. This 10-minute pre-bake sets the base so the caramel has a stable surface to sit on. Don’t skip this step.
- Some caramel peeking through is totally fine. When you lay the top cookie dough layer, don’t panic if caramel shows through the gaps — it bakes up beautifully and adds to the rustic, gooey look.
- Check for golden brown, not just time. Ovens vary. Start checking at the 15-minute mark for the second bake. You want the top to be golden brown and set, not pale or jiggly.
- Slice with a sharp knife after full cooling. A warm or even room-temp bar that hasn’t fully set will fall apart when cut. Patience here pays off in perfect, shareable slices.
- Scale the recipe: Simply adjust the serving size in the recipe card and the ingredients will update automatically.
- Make your own All Purpose Seasoning: When a recipe calls for All Purpose Seasoning, you can use my homemade All Purpose Seasoning recipe or substitute salt and pepper to taste.
- Meat doneness: I always use a meat thermometer to test for doneness when cooking meat.
- Use unsalted butter: I use unsalted butter so I can control the salt level in the recipe.
- Preheat the oven: Unless otherwise noted, always preheat your oven before baking.
For more helpful information about this recipe, such as variations, substitutions and other pro-tips, check out the blog post.
I think there are a few ingredients missing. For example, the caramel sauce doesn’t say how much sugar to use. For the cookie base the actual amount of butter for the batter is not listed. If going by the picture of the cookie base, it is one cup of butter for the base and maybe one cup of sugar for the caramel sauce.