Coffee Cookie Bars Recipe
Introduction
These Coffee Cookie Bars combine rich coffee flavor with a decadent chocolate and creamy condensed milk topping. Perfectly balanced with a touch of sea salt, they make a delightful treat for any coffee lover or dessert enthusiast.

Ingredients
- 1 cup softened unsalted butter (2 sticks, 16 Tbsp.)
- 1 cup dark brown sugar (packed)
- 2 cups all-purpose flour (spooned and leveled)
- 1 cup milk chocolate chips
- 2 Tbsp. instant coffee granules
- 1/2 tsp. baking powder
- 1/2 tsp. salt
- 1/2 tsp. vanilla extract
- 1/2 Tbsp. espresso powder (optional)
- 1 (14 oz.) can sweetened condensed milk
- 2 Tbsp. unsalted butter
- 2 tsp. vanilla extract
- 2 tsp. flaky sea salt
Instructions
- Step 1: Preheat the oven to 350° F and line a 9×13-inch baking pan with parchment paper.
- Step 2: Cream the softened butter and brown sugar using a stand mixer or hand mixer until light and fluffy, about 2-3 minutes.
- Step 3: Add the flour, chocolate chips, instant coffee granules, baking powder, salt, vanilla extract, and optional espresso powder. Mix on medium speed until combined. The mixture may seem crumbly but should hold together when pressed between your fingertips.
- Step 4: Press the mixture evenly into the lined baking pan using clean hands, the back of a measuring cup, or a rubber spatula.
- Step 5: Bake for 18-20 minutes until the cookie layer is set.
- Step 6: While the cookie layer bakes, heat the sweetened condensed milk and 2 tablespoons of butter in a small saucepan over low heat. Stir occasionally and cook until smooth, about 5 minutes. Be careful not to burn the bottom.
- Step 7: Remove from heat and stir in 2 teaspoons of vanilla extract.
- Step 8: Pour the condensed milk mixture evenly over the baked cookie layer. Return to the oven and bake for another 8-10 minutes, or until the top layer appears set.
- Step 9: Remove from oven, sprinkle with flaky sea salt, and let cool for at least 30 minutes to 1 hour until the topping firms up. You can refrigerate or freeze to speed this up.
- Step 10: Once cooled, cut into diamond-shaped bars by making diagonal cuts across the pan, then cutting diagonally in the opposite direction.
- Step 11: Store the bars in the refrigerator or freezer. They taste even better after a day or two, making them great for preparing in advance.
Tips & Variations
- Use parchment paper for easy removal and clean edges when cutting the bars.
- Substitute dark chocolate chips for milk chocolate for a richer flavor.
- Add chopped nuts, like pecans or walnuts, to the batter for added texture and flavor.
- If espresso powder isn’t available, double the instant coffee granules for a more intense coffee taste.
Storage
Store the coffee cookie bars in an airtight container in the refrigerator for up to one week or in the freezer for up to one month. Let frozen bars thaw in the fridge before serving. Reheating is not necessary, but you can warm them briefly in a microwave if you prefer.
How to Serve

Serve this delicious recipe with your favorite sides.
FAQs
Can I use regular brewed coffee instead of instant coffee granules?
Instant coffee granules are preferred because they dissolve completely and won’t affect the texture. Using brewed coffee might make the batter too wet and alter the consistency.
How do I prevent the condensed milk topping from burning?
Keep the heat low when warming the condensed milk and butter, and stir frequently. Removing it from heat as soon as it’s smooth helps avoid burning.
PrintCoffee Cookie Bars Recipe
Deliciously rich Coffee Cookie Bars featuring a buttery cookie base infused with instant coffee and chocolate chips, topped with a smooth sweetened condensed milk layer and a sprinkle of flaky sea salt for a perfect blend of sweet and salty flavors. Ideal for coffee lovers seeking a decadent treat with a hint of espresso.
- Prep Time: 15 minutes
- Cook Time: 30 minutes
- Total Time: 45 minutes
- Yield: 24 diamond-shaped bars 1x
- Category: Dessert
- Method: Baking
- Cuisine: American
Ingredients
Cookie Base
- 1 cup softened unsalted butter (2 sticks, 16 Tbsp.)
- 1 cup dark brown sugar (packed)
- 2 cups all-purpose flour (spooned and leveled)
- 1 cup milk chocolate chips
- 2 Tbsp. instant coffee granules
- 1/2 tsp. baking powder
- 1/2 tsp. salt
- 1/2 tsp. vanilla extract
- 1/2 Tbsp. espresso powder (optional)
Top Layer
- 1 (14 oz.) can sweetened condensed milk
- 2 Tbsp. unsalted butter
- 2 tsp. vanilla extract
- 2 tsp. flaky sea salt
Instructions
- Preheat: Preheat the oven to 350° F and line a 9×13-inch baking pan with parchment paper for easy removal of the cookie bars.
- Cream butter and sugar: Using a stand mixer or hand mixer, cream together the softened butter and dark brown sugar until the mixture is light and fluffy, which should take about 2-3 minutes.
- Add dry ingredients and mix: To the creamed mixture, add the all-purpose flour, milk chocolate chips, instant coffee granules, baking powder, salt, vanilla extract, and optional espresso powder. Mix on medium speed until combined. The dough may seem crumbly but should come together when pressed.
- Press into pan: Transfer the dough to the prepared baking dish and press down evenly using clean hands, the back of a measuring cup, or a rubber spatula to create a uniform base layer.
- Bake cookie base: Bake the cookie layer for 18-20 minutes until it is set but not fully golden.
- Prepare top layer: While the cookie base bakes, heat the sweetened condensed milk and unsalted butter together in a small saucepan over low heat. Stir occasionally to prevent burning and cook for about 5 minutes until smooth and combined.
- Add vanilla: Remove the saucepan from heat and stir in 2 teaspoons of vanilla extract into the condensed milk mixture.
- Apply top layer and bake: Pour the warm condensed milk mixture evenly over the baked cookie base. Return the pan to the oven and bake for an additional 8-10 minutes until the top layer looks set and slightly firm.
- Cool and salt topping: Remove the pan from the oven; it will be bubbling. Immediately sprinkle flaky sea salt evenly over the surface. Allow the bars to cool for 30 minutes to 1 hour or longer so the topping firms up. For quicker setting, refrigerate or freeze.
- Cut bars into diamond shapes: Once thoroughly cooled and set, cut the bars diagonally from one corner to form diamond shapes. Continue cutting parallel lines to complete the shape pattern.
- Store and enjoy: Store the coffee cookie bars in the refrigerator or freezer. They taste even better after a day or two, allowing flavors to meld.
Notes
- Using parchment paper makes it easier to remove the bars from the pan.
- The espresso powder is optional but enhances the coffee flavor.
- Allow ample cooling time to ensure the top layer sets properly and isn’t too gooey.
- Bars can be stored in the fridge or freezer for longer freshness.
- Pressing the dough evenly ensures uniform baking and consistent texture.
Keywords: coffee cookie bars, coffee dessert, chocolate chip bars, sweetened condensed milk bars, espresso cookie bars

