Get Your Fix of Richness with Mocha Brownie Cookies

Are you a coffee and chocolate lover? Look no further, because this recipe is perfect for you! Mocha Brownie Cookies with Coffee Frosting is a dessert recipe that is sure to impress your taste buds. These cookies are fudgy, chewy and loaded with chocolate flavor, making them taste like brownies. The mocha flavor comes from the addition of brewed coffee in the batter, which adds an extra kick of caffeine to these treats.

If you’re a fan of frosting, you’re in for a treat! The coffee frosting takes this dessert to the next level by adding a rich and decadent layer of mocha-flavored frosting. This buttery frosting melts in your mouth and makes each bite of the cookie even more delicious.

This recipe is not only tasty but also easy to make. It requires simple ingredients that you may already have in your pantry such as flour, sugar, eggs, baking powder and soda. If you crave something indulgent for dessert or a snack, these mocha brownie cookies will surely satisfy your cravings.

Whether you are baking up some treats for a special occasion or just want to indulge in something sweet after dinner, these cookies are perfect. They are also great for sharing with friends and family during the holiday season or any time of the year.

So why not step up your baking game and try out this mouth-watering Mocha Brownie Cookies with Coffee Frosting recipe? With just one bite, you’ll be hooked on this scrumptious dessert!

Why You’ll Love This Recipe

Mocha Brownie Cookies With Coffee Frosting
Mocha Brownie Cookies With Coffee Frosting

Are you a fan of brownies, cookies, and coffee? If so, this recipe is perfect for you! These Mocha Brownie Cookies with Coffee Frosting are the ultimate dessert for coffee lovers. Trust me when I say that once you sink your teeth into these fudgy mocha brownies, you won’t be able to resist having more.

The combination of coffee and chocolate in these cookies is sure to satisfy any sweet tooth. The mocha brownies are incredibly rich and decadent, while the coffee frosting adds just the right amount of sweetness to balance out the bitterness of the coffee.

This recipe brings together three classic desserts – brownies, cookies, and coffee – into one incredible dessert that is ideal for serving at any occasion. Whether you’re hosting a dinner party or simply looking for something to enjoy with your morning cup of joe, these Mocha Brownie Cookies with Coffee Frosting are sure to impress.

Give this recipe a try and experience the magic of a café latte in the form of a cookie. You won’t regret it!

Ingredient List

 Prepare to indulge in the ultimate coffee-chocolate dessert.
Prepare to indulge in the ultimate coffee-chocolate dessert.

Here are the ingredients needed to make these mocha brownie cookies with coffee frosting recipe:

For the Mocha Brownie Cookies

  • 1 box brownie mix (18.3 oz)
  • 1 cup all-purpose flour
  • 1/4 cup instant coffee granules
  • 2 tablespoons hot water
  • 2 eggs
  • 1/2 cup unsalted butter, softened
  • 1 teaspoon vanilla extract

For the Coffee Frosting

  • 1/2 cup unsalted butter, softened
  • 4 cups powdered sugar
  • 1/2 cup unsweetened cocoa powder
  • 4 teaspoons instant coffee granules
  • 1/2 cup buttermilk

These ingredients may seem intimidating at first glance, but they can easily be found in your local grocery store. With just a few simple steps, you’ll be on your way to creating a delicious and indulgent dessert that will have everyone begging for more.

The Recipe How-To

 Sweet, rich, and decadent, these Mocha Brownie Cookies are what dreams are made of.
Sweet, rich, and decadent, these Mocha Brownie Cookies are what dreams are made of.

After drooling over the ingredients and becoming familiar with what you will need, it’s time to get started on the recipe itself. Don’t worry, though — this recipe is very beginner-friendly and won’t require any advanced baking skills!

Follow these simple steps to make your delicious mocha brownie cookies with coffee frosting:

Making the Mocha Brownies

  1. Begin by preheating your oven to 350°F (177°C), and lining a 13×9 inch pan with parchment paper.
  2. In a large bowl, mix together 2 cups of flour, 2 cups of white sugar, 3/4 cup of unsweetened cocoa powder, 1 tsp of baking powder, and 1 tsp of baking soda.
  3. In another bowl, combine 1 cup of brewed coffee, 1 cup of buttermilk, 1/2 cup (1 stick) of softened unsalted butter, and 1 egg, whisking together until well combined.
  4. Slowly pour the bowl with the wet mixture into the bowl with the dry mixture, stirring until everything is just mixed in.
  5. Pour this batter into your prepared pan and bake for 25-30 minutes or until a toothpick comes out clean when inserted into the center. Let them cool before cutting.

Making the Coffee Frosting

  1. In a small bowl, dissolve 2 tablespoons of instant coffee granules in hot water — enough to make 2 teaspoons upon dissolving.
  2. Using a mixer, cream together softened 1/2 cup butter with 4 cups powdered sugar.
  3. Add in dissolved coffee mixture from step 1, along with 4 tablespoons of unsweetened cocoa powder, and 4 teaspoons of instant coffee granules and mix together at high speed until light & fluffy.
  4. Beat in as much milk as needed (usually 1-3 tablespoons) to get a good spreading consistency.

Assembling the Delicious Brownie Cookies

  1. To assemble your cookie sandwiches, spread a heaping tablespoon of frosting onto the flat side of a cooled brownie.
  2. Gently top with another brownie, flat side down, creating a sandwich.
  3. Dust lightly with additional cocoa powder or sprinkle with chopped chocolate

Enjoy these fudgy mocha brownie cookies with coffee frosting and let us know in the comments how it turned out!

Substitutions and Variations

 Take a bite and experience the perfectly balanced combination of chocolate and coffee.
Take a bite and experience the perfectly balanced combination of chocolate and coffee.

This recipe for mocha brownie cookies with coffee frosting is already delicious on its own. However, you may want to switch some ingredients up to make it even more personalized according to your taste buds. Here are some substitutions and variations you may want to try:

1. Instead of brewed coffee, you can use espresso or instant coffee granules for a stronger flavor in the frosting.

2. If you’re looking for a gluten-free option, you can use almond flour instead of all-purpose flour.

3. For those who are lactose intolerant, you can use coconut oil instead of butter in the cookie dough recipe.

4. You can add dark chocolate chips to the cookie dough or even chopped peppermint candies for a festive twist during the holiday season.

5. If you’re not a fan of fudgy mocha brownies but still love coffee-based desserts, you can try turning this recipe into moist chocolate cookies with a mocha frosting filling instead.

6. For those who want to get fancy with their presentation, you can turn these cookies into bite-sized cake truffles by mixing the crumbled brownie cookies and frosting together, then rolling them in cocoa powder or espresso powder before refrigerating them until firm.

Remember that these substitutions and variations may affect the final taste or texture of the dessert, so don’t be afraid to experiment and adjust accordingly until you find your perfect version of the recipe!

Serving and Pairing

 Soft and chewy, these cookies are bursting with flavor with every bite.
Soft and chewy, these cookies are bursting with flavor with every bite.

These mocha brownie cookies with coffee frosting are delicious on their own or paired with a warm cup of brewed coffee. If you want to take it up a notch, why not try pairing with a frothy café latte or a peppermint hot chocolate to add that perfect touch of sweetness?

These cookies also make an excellent addition to any brunch or party spread. Their fudgy mocha brownie texture and rich coffee frosting will have your guests coming back for seconds, so consider doubling the recipe if you’re entertaining.

For those with a sweet tooth and a love for chocolate, try pairing these cookies with other chocolate desserts like dark chocolate chip cookies or a decadent chocolate cake. The deep flavors of chocolate will complement the rich coffee frosting and add an extra layer of indulgence.

If you’re feeling adventurous, try topping the cookies with a sprinkle of espresso powder to bring out the bold coffee flavors even more. Regardless of how you choose to serve and pair these mocha brownie cookies with coffee frosting, they’re sure to be a crowd-pleaser!

Make-Ahead, Storing and Reheating

 The coffee frosting on top just takes it to a whole new level of deliciousness.
The coffee frosting on top just takes it to a whole new level of deliciousness.

One of the great things about these mocha brownie cookies with coffee frosting is that they can be prepared in advance of serving. If you don’t want to bake the cookies right away, you can make the cookie dough ahead of time and store it in the refrigerator for up to 48 hours before baking. This option is a perfect one for people who have busy schedules and want to plan ahead.

Once the mocha brownie cookies are baked, they can be stored at room temperature in an airtight container for up to five days. To ensure freshness, you can add a slice of bread or two to the container, and this will keep the cookies soft and chewy. However, if you want to keep them for longer than five days, it’s best to store them in the freezer. These cookies freeze beautifully and can be kept in the freezer for up to three months.

To reheat your mocha brownie cookies, preheat your oven at 350°F (180°C) and place them on a baking sheet lined with parchment paper. Bake them for 5-7 minutes, or until warmed through.

The coffee frosting can also be made in advance and stored for up to seven days in a covered container in the refrigerator. Before using it, take it out of the fridge and leave it at room temperature for around 30 minutes. If it becomes too thick after being refrigerated, simply beat it again with an electric mixer until soft peaks form.

Whether you’re baking these delicious mocha brownie cookies with coffee frosting for a party or just preparing ahead of time, these tips will help you get the most out of your dessert.

Tips for Perfect Results

 The aroma of fresh coffee and chocolate baking in the oven is almost too much to handle.
The aroma of fresh coffee and chocolate baking in the oven is almost too much to handle.

Here are some essential tips to achieve the perfect Mocha Brownie Cookies with Coffee Frosting!

Firstly, make sure you use room temperature butter in both the cookie dough and frosting recipes. Softened butter is easier to cream with sugar, producing a smooth texture and consistency in the dough. On the other hand, cold butter may form lumps that can ruin the overall texture of your brownie cookies.

Secondly, don’t overmix the batter. Overmixing causes gluten formation which results in a tough and chewy texture. Mix the ingredients only until they are just combined for fudgy and moist cookies.

Thirdly, before introducing eggs into the cookie batter, it’s crucial to beat them lightly in a separate bowl to produce air pockets creating an extra fluffy and light texture in your cookies.

Fourthly, it’s always best to measure ingredients with precision using measuring cups and spoons, especially for baking powder and baking soda. Excess or insufficient use of these two ingredients will result in lesser than desirable outcomes.

Fifthly, when adding dry ingredients such as flour in your cookie dough, it’s better to sift them beforehand since this process removes lumps resulting in a smoother texture of your batter.

Lastly, when making the coffee frosting on top of your mocha brownie cookies, take care not to add too much brewed coffee. Adding too much liquid could cause your frosting mixture to separate or become runny. Use small amounts at a time until you achieve the desired consistency.

By following these tips, you’ll undoubtedly have perfect results every time you make Mocha Brownie Cookies with Coffee Frosting!

Bottom Line

In conclusion, the Mocha Brownie Cookies With Coffee Frosting Recipe is one that you definitely want to try out. This recipe is perfect for satisfying your sweet tooth and it’s also great for impressing your guests. The combination of mocha brownie cookies with coffee frosting is an irresistible duo that will leave you craving more. With simple ingredients such as butter, sugar, flour, cocoa powder, instant coffee granules, and vanilla extract, this recipe is easy to follow and worth every effort.

Additionally, this recipe offers versatility to suit multiple preferences. You can easily substitute some of the ingredients to cater to dietary restrictions or personal taste. Whether you prefer a light or dark roast brew, this recipe recipe can be customized to match your preference perfectly.

Overall, the Mocha Brownie Cookies With Coffee Frosting Recipe is a crowd-pleaser and a great way to spice up your dessert menu. Give it a try today and enjoy delicious baked treats right at home!

Mocha Brownie Cookies With Coffee Frosting

Mocha Brownie Cookies With Coffee Frosting Recipe

This recipe is from a Gooseberry Patch cookbook. They are absolutely wonderful. I actually use a little less cocoa in the frosting than it calls for, but feel free to adjust according to how chocolaty you like it.
No ratings yet
Prep Time 15 mins
Cook Time 10 mins
Course Dessert
Cuisine American
Servings 1 dozen
Calories 2601.9 kcal


  • 6 tablespoons butter
  • 1 1/2 ounces squares unsweetened baking chocolate, melted
  • 6 tablespoons buttermilk
  • 1/3 teaspoon baking soda
  • 3/4 cup sugar
  • 1 egg
  • 1 teaspoon baking powder
  • 1 teaspoon vanilla
  • 1 cup flour
  • 2 tablespoons flour

Coffee Frosting

  • 3 cups powdered sugar
  • 1/4 cup baking cocoa
  • 4 tablespoons butter, softened
  • 1/3 cup brewed coffee


  • Combine all ingredients in order listed, mix well.
  • Drop by tbsp onto ungreased baking sheets.
  • Bake at 350°F for 10 minutes.
  • Cook and frost.
  • For frosting:
  • Combine first 3 ingredients.
  • Gradually blend in coffee until desired spreading consistency is reached.

Add Your Own Notes


Serving: 1088gCalories: 2601.9kcalCarbohydrates: 431.3gProtein: 23.3gFat: 98.9gSaturated Fat: 60.7gCholesterol: 346.9mgSodium: 1192mgFiber: 12.1gSugar: 339.2g
Keyword < 30 Mins, Cookie and Brownie, Dessert, Drop Cookies
Tried this recipe?Let us know how it was!

Recommended Recipes Just For You