Soft, rich dark chocolate cookies finished with a creamy mocha chocolate frosting—these Brownie Cookies with Mocha Frosting are truly a cookie lover’s dream. Dense, tender, and full of chocolate flavor, they pair perfectly with a coffee-kissed frosting for an irresistible treat.
Thank you for being here
I read every comment and try to answer questions as quickly as I can. If you have any questions about the recipe or substitutions, please leave a comment below. I welcome cooks of all levels — whether you’re confident in the kitchen or just starting out — and I’ll help when I can.
Cookie remake
Last year I joined a virtual cookie exchange and used a classic chocolate moonpie recipe as inspiration. Those cookies were so good that my husband and I experimented, shifting the focus to the mocha glaze and turning the cookies into a single-layer treat with a thicker frosting. The result became these brownie-like cookies with a luscious mocha topping.
Recipe changes
To make the mocha glaze the star, I thickened it with powdered sugar until it reached a spreadable frosting consistency. I kept the cookie base essentially the same — a soft, drop-style brownie cookie — and focused on creating a creamy, coffee-flavored chocolate topping that complements the rich cookie.
Variations you could try
These cookies are flexible and welcome a few fun variations. Consider topping them with mini marshmallows for a hot chocolate-inspired cookie, or swap the mocha frosting for a peanut butter frosting for a classic flavor pairing. Add peppermint to the frosting for a holiday twist, or stir coconut and chopped nuts into the dough to turn them into a German chocolate–style cookie. You can also make a double batch of frosting — it’s excellent on crackers, graham bars, or spooned straight from the bowl.
They’re amazing—trust me
The cookie base bakes up soft and almost cake-like, tender and chocolatey on its own. But once you spread on the mocha frosting, they become irresistible. The frosting is creamy with a gentle coffee bite that balances the chocolate. These cookies are perfect for Valentine’s Day, a cookie exchange, or anytime you want a special chocolate treat.
Let’s keep in touch
If you enjoy these recipes, subscribe by email or follow on social channels for photos, tips, and new recipes. If you try this one, please come back and leave a comment with your feedback — and share a photo so we can see how yours turned out!
Recipe
Chocolate Cookies with Mocha Frosting
Author: Debi
Soft, dark chocolate cookies topped with a creamy coffee-chocolate frosting. These brownie-style cookies are tender, chocolatey, and perfect for sharing.
Prep Time: 10 mins Cook Time: 12 mins Total Time: 22 mins
Servings: 12 cookies Calories: 312 kcal (approx.)
Course: Dessert Cuisine: American
Ingredients
Cookies
- 2 cups all-purpose flour
- 1 teaspoon baking powder
- 1 teaspoon salt
- 1/4 teaspoon baking soda
- 3 tablespoons cocoa powder
- 1 egg
- 1 cup granulated sugar
- 1 teaspoon pure vanilla extract
- 1 cup sour cream
Frosting
- 3 tablespoons hot coffee
- 1 tablespoon melted butter
- 1 tablespoon cocoa powder
- 3 cups powdered sugar
Instructions
- Preheat the oven to 375°F (190°C).
- In a medium bowl, sift together the flour, baking powder, salt, baking soda, and cocoa powder. Set aside. Line a baking sheet with parchment paper or a silicone mat.
- In a stand mixer or using a hand mixer, beat the egg, sugar, and vanilla until well combined. Add the sour cream in two additions, mixing until smooth.
- Mix in half of the dry ingredients, then continue adding the remaining dry ingredients in portions, scraping the bowl as needed to ensure everything is evenly combined.
- Use an ice cream scoop or spoon to drop even portions of dough onto the prepared baking sheet. Bake for 12–14 minutes, or until the centers are set and the cookies are baked through.
- Remove the cookies from the oven and let them cool completely on a wire rack before frosting.
- To make the frosting, whisk together hot coffee, melted butter, and cocoa powder until smooth. Gradually add powdered sugar and mix until the frosting is thick and spreadable. Add more powdered sugar for a firmer frosting or a splash of coffee if it’s too thick.
- Spread the mocha frosting over cooled cookies. Allow frosting to set before serving.
Notes
This recipe yields about 12 cookies. Nutritional values are estimates and will vary based on ingredient brands and portion sizes.
Nutrition (per cookie, approximate)
Calories: 312 kcal • Carbohydrates: 64 g • Protein: 3 g • Fat: 5 g • Sugar: 46 g
