Coffee Brownies with Mocha Frosting Recipe
Introduction
These coffee brownies combine rich chocolate with a bold coffee flavor, creating a perfect treat for any coffee lover. Topped with a smooth mocha frosting, they offer a delightful balance of sweetness and depth. Easy to make and irresistibly delicious, they’re sure to become a favorite dessert.

Ingredients
- 8 ounces (240mL) strong coffee
- ½ cup (113g) unsalted butter, cut into 6-8 slices
- 8 ounces (227g) semi-sweet chocolate, coarsely chopped
- ¾ cup (150g) firmly packed light brown sugar
- ¼ cup (50g) granulated sugar
- 3 large eggs, room temperature preferred
- 1 Tablespoon (15mL) concentrated coffee
- ¾ cup (90g) all-purpose flour (measured properly)
- ¼ teaspoon salt
- For Mocha Frosting:
- 2 ounces (40g) unsweetened baking chocolate, coarsely chopped
- 4 Tablespoons (57g) unsalted butter
- 1 Tablespoon (15mL) concentrated coffee
- 1 to 2 Tablespoons (15-30mL) milk or cream
- 2 cups (240g) powdered sugar
- Pinch of salt
Instructions
- Step 1: Pour the brewed coffee into a small saucepan. Heat over medium heat until boiling, then reduce to 2 Tablespoons by simmering. Remove from heat and set aside.
- Step 2: Preheat the oven to 350ºF (177ºC). Line an 8″ or 9″ square baking pan with foil and spray with nonstick spray. Set aside.
- Step 3: In a medium saucepan over medium heat, melt the butter and semi-sweet chocolate together, stirring frequently until smooth. Let cool for about 15 minutes.
- Step 4: Whisk both sugars into the cooled chocolate mixture until combined. Add the eggs one at a time, whisking after each addition until smooth. Stir in 1 Tablespoon of the concentrated coffee.
- Step 5: Add the flour and salt, stirring gently until just combined. Pour batter into the prepared pan.
- Step 6: Bake for 25-30 minutes, or until a toothpick inserted into the center comes out mostly clean. Let brownies cool completely before frosting.
- Step 7: For mocha frosting, melt the unsweetened baking chocolate and butter in a small saucepan over medium heat. Cool for 15 minutes.
- Step 8: In a medium bowl, combine the cooled chocolate/butter mixture, 1 Tablespoon concentrated coffee, and 1 Tablespoon milk or cream. Using a mixer on low speed, slowly add powdered sugar. Increase speed to medium and beat until smooth, adding salt to taste.
- Step 9: Remove brownies from pan using foil overhang and place on a cutting board. Spread frosting evenly over the top, then cut into servings.
Tips & Variations
- Use espresso or strong brewed coffee for a deeper flavor boost.
- Try adding chopped nuts for crunch or a pinch of cinnamon for warmth.
- For a dairy-free option, substitute butter and milk with plant-based alternatives.
- If you prefer less frosting, half the frosting recipe or serve it on the side.
Storage
Store leftover brownies at room temperature in an airtight container for up to 1 week. They also freeze well for up to 3 months—thaw in the refrigerator overnight before serving. Reheat gently if desired, but they’re delicious served cold.
How to Serve

Serve this delicious recipe with your favorite sides.
FAQs
Can I use instant coffee instead of brewed coffee?
Yes, you can substitute brewed coffee with strong instant coffee dissolved in hot water. Adjust the concentration to taste before reducing.
How do I know when the brownies are done?
Insert a toothpick into the center of the brownies. If it comes out with a few moist crumbs but no wet batter, the brownies are perfectly baked.
PrintCoffee Brownies with Mocha Frosting Recipe
Rich and fudgy Coffee Brownies with a deep mocha flavor, topped with a smooth mocha frosting. These brownies combine the boldness of coffee with the sweetness of semi-sweet chocolate, creating an indulgent treat perfect for dessert or an afternoon pick-me-up.
- Prep Time: 20 minutes
- Cook Time: 30 minutes
- Total Time: 50 minutes
- Yield: 16 brownies 1x
- Category: Dessert
- Method: Baking
- Cuisine: American
Ingredients
Brewed Coffee Reduction
- 8 ounces (240mL) strong coffee
Coffee Brownies
- ½ cup (113g) unsalted butter, cut into 6-8 slices
- 8 ounces (227g) semi-sweet chocolate, coarsely chopped
- ¾ cup (150g) firmly packed light brown sugar
- ¼ cup (50g) granulated sugar
- 3 large eggs, room temperature preferred
- 1 Tablespoon (15mL) concentrated coffee
- ¾ cup (90g) all-purpose flour, measured properly
- ¼ teaspoon salt
Mocha Frosting
- 2 ounces (40g) unsweetened baking chocolate, coarsely chopped
- 4 Tablespoons (57g) unsalted butter
- 1 Tablespoon (15mL) concentrated coffee
- 1 to 2 Tablespoons (15-30mL) milk or cream
- 2 cups (240g) powdered sugar
- Pinch of salt
Instructions
- Reduce Coffee: Pour the brewed strong coffee into a small saucepan. Heat over medium heat until it comes to a boil. Reduce the coffee down to 2 Tablespoons by simmering and then remove from heat. Set aside; this concentrated coffee will add a rich coffee flavor to the brownies and frosting.
- Prepare for Baking: Preheat your oven to 350ºF (177ºC). Line an 8″ or 9″ square baking pan with foil and spray it with nonstick spray. Set it aside for later.
- Melt Chocolate and Butter: In a medium saucepan over medium heat, melt the unsalted butter and coarsely chopped semi-sweet chocolate together. Stir frequently until the mixture is completely smooth and glossy. Remove from heat and allow it to cool for about 15 minutes to prevent cooking the eggs in the next step.
- Mix Sugars and Eggs: Whisk both light brown sugar and granulated sugar into the cooled chocolate mixture until fully combined. Add eggs one at a time, whisking thoroughly after each addition until the batter is smooth and well incorporated. Then whisk in 1 Tablespoon of the concentrated coffee reduction to infuse mocha flavor.
- Add Dry Ingredients: Gently fold in the all-purpose flour and salt until just combined; avoid overmixing to keep brownies tender.
- Bake the Brownies: Pour the prepared batter into the lined baking pan and smooth the surface. Bake in the preheated oven for 25-30 minutes or until a toothpick inserted in the center comes out mostly clean with a few moist crumbs. Remove from oven and allow brownies to cool completely before frosting.
- Prepare Mocha Frosting: In a small saucepan over medium heat, melt the unsweetened baking chocolate and unsalted butter together, stirring until smooth. Remove from heat and let cool for 15 minutes to prevent melting the powdered sugar when mixed.
- Combine Frosting Ingredients: Transfer the cooled chocolate and butter mixture to a medium bowl. Using a handheld mixer or stand mixer with a paddle attachment, add the concentrated coffee and start with 1 Tablespoon of milk or cream. Mix on low speed, gradually adding the powdered sugar until fully combined. Increase speed to medium and beat until the frosting is smooth and creamy, scraping down the sides as needed. Add a pinch of salt to enhance flavor and balance sweetness.
- Frost the Brownies: Lift the cooled brownies from the pan using the foil overhang and place them onto a cutting board. Peel back the foil from the top. Spread the mocha frosting evenly over the brownies. Cut into individual squares and serve.
- Storage: Store any leftover brownies at room temperature in an airtight container for up to 1 week. For longer storage, freeze brownies for up to 3 months and thaw overnight in the refrigerator before serving.
Notes
- Use room temperature eggs for a smooth batter that mixes evenly.
- Be sure to measure flour carefully to avoid dense brownies; spoon flour into the cup and level it off.
- Baking time can vary; check brownies at 25 minutes to avoid overbaking.
- The concentrated coffee reduction intensifies coffee flavor without adding extra liquid to the batter.
- Frosting consistency can be adjusted with milk or cream; add more for a thinner spread or less for thicker frosting.
- Brownies freeze well; wrap tightly before freezing to maintain moisture and flavor.
Keywords: coffee brownies, mocha brownies, chocolate brownies, mocha frosting, dessert recipe, fudgy brownies

