Coffee Cookie Bars Recipe
Introduction
Coffee Cookie Bars combine rich chocolate and bold coffee flavors in a soft, buttery base topped with a sweet, creamy layer. These bars are perfect for an afternoon treat or a delicious dessert that coffee lovers will adore.

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 together using a stand mixer or hand mixer until light and fluffy, about 2-3 minutes.
- Step 3: Add the flour, chocolate chips, instant coffee, baking powder, salt, vanilla extract, and optional espresso powder. Mix on medium speed until combined. The mixture may look crumbly but should hold together when pressed.
- Step 4: Press the dough evenly into the prepared pan using clean hands, the back of a measuring cup, or a rubber spatula.
- Step 5: Bake the cookie layer for 18-20 minutes.
- Step 6: While baking, gently heat the sweetened condensed milk and butter in a small saucepan over low heat. Stir occasionally until smooth, about 5 minutes. Remove from heat and stir in the vanilla extract.
- Step 7: Pour the condensed milk mixture evenly over the baked cookie layer. Return the pan to the oven and bake for another 8-10 minutes, or until the top layer is set.
- Step 8: Remove from oven and immediately sprinkle with flaky sea salt. Let cool for 30 minutes to 1 hour, or longer, until the topping firms up. For quicker cooling, you can chill in the fridge or freezer.
Tips & Variations
- For a stronger coffee flavor, increase the instant coffee granules or add the optional espresso powder.
- Use dark chocolate chips instead of milk chocolate for a richer taste.
- Line the pan with parchment paper for easy removal and cleaner edges.
- Chilling the bars overnight improves texture and makes cutting easier.
Storage
Store the bars in an airtight container at room temperature for up to 3 days. For longer storage, refrigerate for up to a week. They can also be frozen for up to 2 months; thaw in the fridge before serving. Reheat gently in the microwave if desired, but they are delicious served cold or at room temperature.
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 best for this recipe as they dissolve completely into the dough without adding extra liquid. Using brewed coffee would alter the dough’s consistency and may affect the texture.
What if I don’t have flaky sea salt for topping?
You can use regular coarse salt sparingly or omit the salt altogether. The sea salt adds a nice contrast to the sweetness but isn’t absolutely necessary.
PrintCoffee Cookie Bars Recipe
Indulge in these rich and flavorful Coffee Cookie Bars, featuring a buttery cookie base infused with instant coffee and chocolate chips, topped with a smooth, sweetened condensed milk glaze and a sprinkle of flaky sea salt. Perfectly baked to achieve a soft, chewy texture with a hint of espresso, these bars make a delightful treat for coffee lovers and dessert enthusiasts alike.
- Prep Time: 15 minutes
- Cook Time: 30 minutes
- Total Time: 45 minutes
- Yield: 16 bars 1x
- Category: Dessert
- Method: Baking
- Cuisine: American
Ingredients
Cookie Layer
- 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 the oven: Preheat your oven to 350°F (175°C) and line a 9×13-inch baking pan with parchment paper to ensure easy removal of the bars after baking.
- Cream butter and sugar: Using a stand or hand mixer, beat the softened butter and dark brown sugar together on medium speed until the mixture is light and fluffy, about 2 to 3 minutes.
- Add dry ingredients: Add the all-purpose flour, milk chocolate chips, instant coffee granules, baking powder, salt, vanilla extract, and optional espresso powder to the butter mixture. Mix on medium speed until just combined. The dough will appear crumbly but should hold together when pressed.
- Press dough into pan: Transfer the cookie dough into your prepared baking pan. Use clean hands, the back of a measuring cup, or a rubber spatula to press the dough evenly into the bottom of the pan, creating a uniform layer.
- Bake the cookie layer: Bake the cookie base for 18 to 20 minutes or until the edges are slightly golden but the center remains soft. Remove from oven but keep the oven on.
- Prepare the topping: While the cookie base bakes, combine the sweetened condensed milk and unsalted butter in a small saucepan over low heat. Stir occasionally until melted and smooth, about 5 minutes. Remove from heat and stir in vanilla extract.
- Add the topping and bake again: Pour the condensed milk mixture evenly over the baked cookie layer. Return the pan to the oven and bake for an additional 8 to 10 minutes until the topping is set and slightly golden.
- Cool and garnish: Remove the bars from the oven and immediately sprinkle flaky sea salt over the top. Let the bars cool completely for 30 minutes to 1 hour, or longer for the topping to firm up. To speed cooling, place the bars in the refrigerator or freezer before cutting and serving.
Notes
- Press the cookie dough firmly into the pan to ensure an even base that holds together well after baking.
- The espresso powder is optional but enhances the coffee flavor if available.
- Do not rush the cooling process; the topping needs time to set properly for the best texture.
- Using parchment paper helps remove the bars cleanly without sticking.
- Store bars in an airtight container at room temperature or refrigerated for up to 5 days.
Keywords: coffee cookie bars, coffee dessert bars, chocolate chip cookie bars, sweetened condensed milk topping, baked coffee bars

