Coffee Cookie Crack Bars

Featured in: Desserts to Satisfy Every Craving

These coffee cookie crack bars combine a buttery cookie base with hints of instant coffee and chocolate chips, then layer on a rich vanilla-scented condensed milk topping. The result is a chewy, melt-in-your-mouth dessert with sweet, salty, and bold coffee notes. After baking, flaky sea salt adds an irresistible crunch. Letting the bars cool thoroughly ensures the topping sets perfectly, making them easy to cut and deliciously gooey. Enjoy them chilled from the fridge, or store for a few days to deepen flavors.

A woman in a kitchen with a stove and oven.
Updated on Thu, 17 Jul 2025 14:00:45 GMT
Three pieces of chocolate and peanut butter bars. Pin it
Three pieces of chocolate and peanut butter bars. | cookingkitchn.com

These Coffee Cookie Crack Bars are the sort of bake that instantly elevates any snack table or afternoon coffee break. Rich and buttery with deep coffee flavor, a gooey condensed milk topping, and a shower of sea salt, they strike that perfect note of sweet meets sophisticated. I have taken these to every potluck and holiday get-together for years and they disappear before anything else does.

I still remember the first batch I brought to my book club everyone demanded the recipe and now I always double the batch to keep up with requests

  • Unsalted butter: room temperature This creates a tender crumb and rich flavor Look for butter with just cream and no additives for best results
  • Dark brown sugar: brings out the caramel notes in the bar Make sure it is packed well for accurate measuring
  • All purpose flour: gives these bars their structure Sift or spoon and level for the right texture
  • Milk chocolate chips: add creamy bursts of chocolate throughout Use good quality chips for best melt and flavor
  • Instant coffee granules: infuses every bite with deep roast flavor I always use specialty instant coffee from the grocery store for the best taste
  • Baking powder: ensures the bars rise and stay tender Check that yours is fresh and not expired
  • Salt: balances the sweetness and elevates all the flavors Use fine salt in the dough
  • Vanilla extract: enhances every layer look for pure extract for true vanilla flavor
  • Espresso powder (optional): but extra punchy Choose a trusted brand for real coffee flavor if you want even more depth
  • Sweetened condensed milk: creates that signature gooey topping Choose a name brand for consistency
  • More unsalted butter: for richness in the glaze
  • Vanilla extract: added to the topping for a warm finish
  • Flaky sea salt: sprinkled over the top for textural magic Maldon or another high quality flake is best

Step-by-Step Instructions

Cream the Butter and Sugar:
Beat room temperature butter and brown sugar with a stand or hand mixer for two to three minutes The mixture should look pale and fluffy This step adds air and gives you a lighter cookie base
Add and Mix Dry Ingredients:
Add flour chocolate chips instant coffee baking powder salt vanilla and optional espresso powder Mix on medium speed just until combined The mixture may appear crumbly but if you pinch it together it should hold its shape
Press Into Pan:
Transfer the dough to a lined nine by thirteen inch baking dish Use your hands or the back of a measuring cup to press it down into an even layer
Bake the Cookie Layer:
Place the pan in a three hundred fifty degree Fahrenheit oven and bake for twenty minutes The edges should look set but the middle will remain soft
Prepare the Condensed Milk Topping:
While the bars bake heat condensed milk and unsalted butter in a saucepan on low Stir every minute or so until the mixture looks thick glossy and perfectly smooth Remove from heat and quickly stir in vanilla extract
Add the Creamy Layer and Bake Again:
As soon as the cookie layer comes out pour the warm condensed milk mixture evenly over the top Return the pan to the oven and bake for another ten to fifteen minutes until the topping is bubbling
Finish with Flaky Sea Salt and Cool:
Remove from oven and immediately sprinkle with flaky sea salt Let the bars cool at least thirty minutes to one hour longer if possible to allow the topping to set Slip the pan into the fridge or even freezer to speed it up if you like
Cut and Serve:
Once fully cooled slice into bars and enjoy Store leftovers in the fridge or freezer for best texture I find these are most irresistible on day two and three
A close up of a chocolate dessert. Pin it
A close up of a chocolate dessert. | cookingkitchn.com

I will never forget baking these with my mom and my daughter and watching three generations crowd around the kitchen counter for that very first taste The way the kitchen smells when this bakes is reason enough to make it again and again

Storage Tips

Once you have cut the bars arrange them in a single layer inside an airtight container Separate layers with parchment to prevent sticking Always refrigerate or freeze to preserve the gooey topping If you want that melty chocolate effect gently zap a bar in the microwave for a few seconds before eating They are also fantastic frozen for an ice cold treat in summer

Ingredient Substitutions

You can swap out the milk chocolate chips for dark or semisweet chips for a more pronounced cocoa flavor Oat flour works well for a gluten free version just measure lightly If you do not have espresso powder double up on instant coffee or omit altogether For a nutty crunch stir in a half cup of chopped pecans with the dough

Serving Suggestions

These bars shine at the end of a dinner party piled high on a vintage cake stand You can pair them with strong coffee or pour a splash of cream over them for a twist Serve them chilled for a more fudge like bite or try warming them and topping with a scoop of vanilla ice cream They make a decadent brunch addition next to a big pot of coffee and fresh berries

Cultural Note

Coffee and chocolate have a long history together in desserts especially in European and Middle Eastern baking traditions These bars are a modern spin on classic millionaire shortbread with the lively kick of coffee and the snappy finish of sea salt They will remind you of your favorite coffee shop treat or bakery slice but one hundred percent homemade

A stack of chocolate chip cookies with milk. Pin it
A stack of chocolate chip cookies with milk. | cookingkitchn.com

Frequently Asked Questions

→ How do I get the cookie base to hold together?

After mixing, press the crumbly dough firmly into your baking pan. Use a spatula or the bottom of a cup for an even, compact layer.

→ Can I use espresso powder instead of instant coffee?

Yes, espresso powder deepens the coffee flavor. Add as much or as little as you prefer for a stronger taste.

→ What’s the best way to cut the bars cleanly?

Let bars cool completely, then refrigerate to firm up the topping. Use a sharp knife for clean slices.

→ How should I store the bars?

Keep bars in an airtight container in the fridge for up to a week. They stay fresh and retain their chewy texture.

→ Can I make these in advance?

Yes, these bars actually taste better after a day or two as flavors meld and the texture improves with time.

→ Is parchment paper necessary for the pan?

While not required, lining the pan with parchment makes it much easier to lift and remove the bars for slicing.

Coffee Cookie Crack Bars

Buttery coffee-infused bars with chocolate chips, topped with sweet condensed milk and sea salt for a decadent treat.

Prep Time
20 Minutes
Cook Time
35 Minutes
Total Time
55 Minutes
By: Sophia

Category: Sweet Delights

Difficulty: Intermediate

Cuisine: American

Yield: 24 Servings (24 bars)

Dietary: Vegetarian

Ingredients

→ Cookie Layer

01 227 grams unsalted butter, softened
02 200 grams dark brown sugar, packed
03 250 grams all-purpose flour, spooned and leveled
04 170 grams milk chocolate chips
05 2 tablespoons instant coffee granules
06 0.5 teaspoon baking powder
07 0.5 teaspoon fine salt
08 0.5 teaspoon vanilla extract
09 0.5 tablespoon espresso powder (optional)

→ Top Layer

10 397 grams sweetened condensed milk (1 can, 14 oz)
11 28 grams unsalted butter
12 2 teaspoons vanilla extract
13 2 teaspoons flaky sea salt

Instructions

Step 01

Preheat oven to 175°C. Line a 23×33 cm baking dish with parchment paper for easier removal of bars.

Step 02

Using a stand or hand mixer, beat softened butter and dark brown sugar on medium speed until light and fluffy, about 2–3 minutes.

Step 03

Add flour, chocolate chips, instant coffee granules, baking powder, salt, vanilla extract, and espresso powder (if using). Mix on medium speed until combined; mixture may appear crumbly, but holds together when pressed between fingertips.

Step 04

Transfer dough to prepared pan. Press cookie mixture evenly into base using clean hands, the back of a measuring cup, or a rubber spatula to form an even layer.


A close up of a chocolate dessert.
Step 05

Bake for 20 minutes until lightly golden.

Step 06

While the cookie base bakes, combine condensed milk and butter in a small saucepan over low heat. Stir occasionally for about 5 minutes until smooth. Remove from heat and stir in vanilla extract.

Step 07

Pour the warm condensed milk mixture over the baked cookie base in an even layer. Return to oven for 10–15 minutes, until topping is bubbling and just golden around the edges.

Step 08

Remove pan from oven and sprinkle evenly with flaky sea salt. Let cool for 30–60 minutes, or until the topping is set. Speed cooling by placing in fridge or freezer if desired.


A stack of chocolate chip cookies with milk.
Step 09

Once completely cool, cut into bars. Store chilled in an airtight container. Flavour develops further after one or two days.

Notes

  1. Bars can be made ahead and their flavour improves with time; chilling assists with clean slicing.

Tools You'll Need

  • 23×33 cm (9×13 inch) oven-safe baking dish
  • Stand mixer or hand mixer
  • Parchment paper
  • Small saucepan
  • Spatula

Allergy Information

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Contains dairy (butter, condensed milk, chocolate chips)
  • Contains gluten (wheat flour)

Nutrition Facts (Per Serving)

It is important to consider this information as approximate and not to use it as definitive health advice.
  • Calories: 235
  • Total Fat: 10 g
  • Total Carbohydrate: 33 g
  • Protein: 2 g