| |

Coffee Brownies

As an Amazon Associate, I earn from qualifying purchases. Read the full disclosure here.

Rich scratch brownies flavored with concentrated coffee and topped with a creamy mocha frosting.

coffee brownies with mocha frosting sliced and on a white surface

Another month, another brownie recipe! And this one has “Lynn” written all over it.

It is no secret that I am a gigantic coffee fan. In fact, just a couple weeks ago, I posted a drool-worthy mocha cake, which is a dark chocolate and coffee flavored cake topped with buttercream that also has coffee in it.

It was suuuuuch a hit at our house and with taste-testers!

Today’s brownie is similar. We’re taking my recipe for classic homemade fudgy brownies and simply flavoring it with super concentrated coffee and then topping all of it with a spin on my chocolate fudge frosting where we have, you guessed it, more concentrated coffee.

coffee brownie with mocha frosting with a bite taken out of it

If you attended my Facebook LIVE where we made my basic brownies, you’ll know I added a “secret” extract while you added vanilla. While I wouldn’t exactly call this “coffee extract,” it’s sort of similar but there’s no alcohol involved and we’re making it ourselves on the stove.

See my homemade fudgy brownies, which is the trusted base recipe for all of my brownies.

Just like I’ve done many times (see my champagne layer cake or glazed mimosa muffins, both with champagne reduction), we’re making a coffee reduction to add to the brownie batter and also to thin out the mocha frosting.

coffee brownies with mocha frosting sliced and on a white surface with coffee beans scattered around it

And I mean we are really concentrating this stuff.

You’re going to start with one cup of coffee (about 8 ounces) and you’re going to boil it down to just 2 Tablespoons.

This won’t take much time, but you’ll have to make sure you keep an eye on it so that you don’t boil it down to nothing and then wind up with coffee flavored crumbly bits and hot air.

This concentrated coffee will take the place of the vanilla extract completely in the brownies, so you’ll be left with a robust coffee favor hidden deep inside the chocolate flavor.

coffee brownie with mocha frosting and coffee beans on top of it for garnish

The thing that takes these coffee brownies from wow to POW, though, is most certainly the easy mocha frosting.

I’ve used this chocolate fudge frosting several times, and it’s a fan favorite among readers! It’s made with unsweetened baking chocolate and butter as the base, which is similar to how we start our chocolate brownies.

We’ll sweeten it with powdered sugar, as any frosting recipe does, and then thin it out with the remaining concentrated coffee and a little milk or cream.

aerial photo of coffee brownies with mocha frosting sliced and sitting on white parchment with coffee beans scattered around

If you want the mocha frosting thinner, feel free to use more coffee, or you can go straight to the milk or cream.

You’ll of course have to wait until your brownies are completely cool before topping them with frosting, but it will be totally worth the wait in the end. If you’re antsy, you can totally throw the brownies into the fridge to allow them to cool there!

Once frosted and cut and ready to eat, you’ll find these brownies are decadent and rich and not overly sweet.

stack of coffee brownies with mocha frosting and a cup of coffee in the background

The mocha frosting is a wonderful complement to all the gooey coffee brownie business happening under it, and we enjoyed our brownies alongside a scoop of vanilla a few times. That was totally a killer combo.

These might be my favorite brownie recipe of my monthly lineup so far… And I’m so excited we still have eight to go!!

If you love brownies and you love coffee, coffee brownies are where it’s at. The perfect balance of chocolate flavor and coffee notes that make a decadent treat.

stack of coffee brownies with mocha frosting-- the top brownie has a bite taken out of it

And since there’s coffee, you can totally have one for breakfast. There’s truly no judgment.

Coffee Brownies with Mocha Frosting: Rich scratch brownies flavored with concentrated coffee and topped with a creamy mocha frosting.
4.91 from 11 votes
Pin Recipe Print Recipe Rate this Recipe

Coffee Brownies

Rich scratch brownies flavored with concentrated coffee and topped with a creamy mocha frosting.
Prep Time15 mins
Bake Time25 mins
Total Time40 mins
Recipe Author Lynn April
Servings: 16 brownies


  • 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 preferred1
  • 1 Tablespoon (15mL) concentrated coffee
  • ¾ cup (90g) all-purpose flour be sure to measure properly
  • ¼ teaspoon salt


  • 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


  • Pour the brewed coffee into a small saucepan.
  • Heat over medium heat until boiling.
  • Reduce coffee down to 2 Tablespoons, remove from heat, and set aside.


  • 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.
  • In a medium saucepan over medium heat, melt the butter and chopped chocolate, stirring frequently until completely smooth. Allow to cool for about 15 minutes.
  • Whisk sugar into cooled chocolate mixture until combined. Add the eggs one at a time, whisking after each addition until smooth. Whisk in 1 Tablespoon of the concentrated coffee. Add the flour and salt and stir gently until completely combined.
  • Pour the batter into the prepared pan. Bake brownies for 25-30 minutes or until a toothpick inserted in the center comes out mostly clean. Allow brownies to cool completely before frosting.


  • In a small saucepan over medium heat, melt the unsweetened baking chocolate and the butter. Allow to cool for 15 minutes.
  • In a medium bowl with a handheld mixer or the bowl of a stand mixer fitted with the paddle attachment, combine cooled chocolate/butter mixture, concentrated coffee, and milk or cream (start with 1 Tablespoon). Turn the mixer onto low and slowly add the powdered sugar. Increase mixer speed to medium and beat until completely combined, scraping down sides as needed. Add salt to taste.
  • When you are ready to frost the brownies, remove the brownies by lifting the foil overhang straight up. Peel back remaining foil and place brownie block onto a large cutting board or safe-to-cut surface.
  • Spread frosting evenly over the top of the brownies, then cut into individual servings. Store leftover brownies at room temperature up to 1 week. Brownies freeze well, up to 3 months. Thaw in refrigerator overnight.


  1. Room temperature eggs: these incorporate into batter much more easily than cold eggs, although this is not absolutely necessary.
  2. Nutritional information: all nutritional values are approximate.
Did you make this recipe?Mention @freshaprilflours on Instagram or tag #freshaprilflours!
Serving: 1brownie | Calories: 319kcal | Carbohydrates: 41g | Protein: 3g | Fat: 17g | Saturated Fat: 10g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 5g | Trans Fat: 0.4g | Cholesterol: 54mg | Sodium: 55mg | Potassium: 153mg | Fiber: 2g | Sugar: 33g | Vitamin A: 318IU | Calcium: 31mg | Iron: 2mg

Similar Posts

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Inline Feedbacks
View all comments

Hi! The brownies look so so good. I was planning to make it this weekend. But for the frosting you have written 4 tbsp and 112 gms. I am not sure which is right. Please clarify.

5 stars
My frosting turned out a lot darker than shown in the picture? Not sure why, but the brownie itself was super great!

Hi! My frosting came out like wet sand 🙁

Can I use instant coffee or espresso?

5 stars
Delicious! Second time I have made them and they are great every time!!

5 stars
This recipe was really good! Making it again soon

5 stars
these turned out great. I went heavier with the chocolate cause I love both coffee and chocolate. dusted with vanilla powder.

5 stars
These Brownies are super rich and delicious. A keeper recipe that will make any chocolate fan happy.

So….. concentrated coffee IS instant coffee or espresso ?

How strong is the coffee flavoring in just the brownie (minus frosting?) Like, if I added both tbsp of coffee concentrate would that be too much? I was thinking of making these to add to a trifle but wanted to double-check the intensity + figure out how much coffee concentrate I’d need to make first.

5 stars
An update on the trifle: Accidentally reduced the coffee concentrate to 1 tbsp anyway since it reduced pretty quickly. Brownie turned out nice and moist and held up well against the pudding and cool whip in the trifle. The only issue was that I needed to double the batch to even out the different ratios.

For anyone else wondering, I used this brownie + caramel pudding + cool whip & topped with crushed pretzel bits for salt and crunch. Turned out really well!

5 stars
Made these with Nutella frosting and it was so good!! Needed more coffee and less sugar than the recipe states though – but that’s just my personal taste! Yummy!

5 stars
Hi , what should I do if my frosting is darker that the actual pic?? Thankyou in advance for ur response.,🧡

5 stars
THESE ARE SO GOOD!!!! had to add a bit of extra cream to the frosting, but it was amazing in the end!!!!! thank you <3

5 stars
These are SO yummy! As always, you make the recipe and instructions so easy to follow. Brownie is moist and the frosting is lovely. The coffee adds a delicious twist to “regular” brownies.

4 stars