
There’s something magical about baking that takes me back to my childhood. The aroma of warm cookies and coffee filling the air always brings back fond memories of cozy afternoons spent in the kitchen. Today, I’m excited to share a delightful recipe that combines those nostalgic flavors into one amazing treat: Mocha Cookie Crumble Cupcakes. These cupcakes are not only easy to whip up, but they’re also a crowd-pleaser that you’ll want to make again and again!
Why You’ll Love Mocha Cookie Crumble Cupcake
- Fast
- Easy
- Giftable
- Crowd-pleasing
Ingredients
Gather these simple ingredients to make your Mocha Cookie Crumble Cupcakes:
- For the Cupcakes:
- 1 ½ cups all-purpose flour
- 1 cup granulated sugar
- ½ cup unsweetened cocoa powder
- 1 teaspoon baking powder
- ½ teaspoon baking soda
- ¼ teaspoon salt
- ½ cup unsalted butter, softened
- 2 large eggs
- 1 teaspoon vanilla extract
- 1 cup brewed coffee, cooled
- For the Cookie Crumble Topping:
- ½ cup all-purpose flour
- ¼ cup brown sugar, packed
- ¼ cup granulated sugar
- ½ teaspoon baking soda
- ¼ teaspoon salt
- ¼ cup unsalted butter, melted
- ½ cup chocolate chips
- For the Frosting:
- 1 cup unsalted butter, softened
- 4 cups powdered sugar
- ½ cup unsweetened cocoa powder
- 2 tablespoons brewed coffee, cooled
- 1 teaspoon vanilla extract
How to Make Mocha Cookie Crumble Cupcake
Let’s dive into the steps for creating these delicious cupcakes:
- Preheat your oven to 350°F (175°C) and line a muffin tin with cupcake liners.
- In a large bowl, combine the flour, granulated sugar, cocoa powder, baking powder, baking soda, and salt. Mix well.
- Add the softened butter, eggs, vanilla extract, and cooled coffee to the dry ingredients. Beat on medium speed until everything is well combined and smooth.
- Divide the batter evenly among the prepared cupcake liners, filling each about two-thirds full.
- In a separate bowl, prepare the cookie crumble topping by mixing together the flour, brown sugar, granulated sugar, baking soda, and salt. Stir in the melted butter until the mixture is crumbly, then fold in the chocolate chips.
- Sprinkle the cookie crumble mixture generously over the cupcake batter.
- Bake in the preheated oven for 18-20 minutes, or until a toothpick inserted into the center comes out clean. Allow the cupcakes to cool in the pan for 5 minutes before transferring them to a wire rack to cool completely.
- For the frosting, beat the softened butter in a large bowl until creamy. Gradually add the powdered sugar and cocoa powder, mixing until well combined. Add the brewed coffee and vanilla extract, beating until the frosting is smooth and fluffy.
- Once the cupcakes are completely cooled, frost each one with the mocha frosting.
- Enjoy your Mocha Cookie Crumble Cupcakes!

Substitutions & Additions
If you want to get creative, here are some swaps and upgrades you can try:
- Use dark chocolate cocoa powder for a richer flavor.
- Swap the brewed coffee for espresso for a stronger coffee kick.
- Add nuts like walnuts or pecans to the cookie crumble for extra crunch.
- Try adding a sprinkle of sea salt on top of the frosting for a sweet-salty combo.
Tips for Success
To ensure your cupcakes turn out perfect, keep these tips in mind:
- Don’t overmix your batter; this could lead to dense cupcakes.
- Make sure your butter is softened for the frosting to achieve a creamy texture.
- If you’re making these ahead of time, keep the frosting separate until you’re ready to serve.
How to Store Mocha Cookie Crumble Cupcake
To keep your cupcakes fresh, store them in an airtight container at room temperature for up to 3 days. If you want to keep them longer, you can freeze them for up to a month. Just remember to frost them after thawing!
FAQs
Can I make these cupcakes ahead of time?
Yes! You can bake the cupcakes a day in advance and frost them when you’re ready to serve.
What can I use instead of coffee?
If you prefer not to use coffee, you can substitute it with milk or any dairy-free alternative.
Can I make these cupcakes gluten-free?
Absolutely! Just use a 1:1 gluten-free flour blend in place of the all-purpose flour.
For more delicious recipes, check out Easy Homemade Frozen Butterbeer or Simple Chocolate Dump Cake Recipe for treats you will love!
Don’t forget to follow us on Pinterest for more tasty inspiration!

Mocha Cookie Crumble Cupcake

Ingredients
Equipment
Method
- Step 1: Preheat your oven to 350°F (175°C) and line a muffin tin with cupcake liners.
- Step 2: In a large bowl, combine the flour, granulated sugar, cocoa powder, baking powder, baking soda, and salt. Mix well.
- Step 3: Add the softened butter, eggs, vanilla extract, and cooled coffee to the dry ingredients. Beat on medium speed until everything is well combined and smooth.
- Step 4: Divide the batter evenly among the prepared cupcake liners, filling each about two-thirds full.
- Step 5: In a separate bowl, prepare the cookie crumble topping by mixing together the flour, brown sugar, granulated sugar, baking soda, and salt. Stir in the melted butter until the mixture is crumbly, then fold in the chocolate chips.
- Step 6: Sprinkle the cookie crumble mixture generously over the cupcake batter.
- Step 7: Bake in the preheated oven for 18-20 minutes, or until a toothpick inserted into the center comes out clean. Allow the cupcakes to cool in the pan for 5 minutes before transferring them to a wire rack to cool completely.
- Step 8: For the frosting, beat the softened butter in a large bowl until creamy. Gradually add the powdered sugar and cocoa powder, mixing until well combined. Add the brewed coffee and vanilla extract, beating until the frosting is smooth and fluffy.
- Step 9: Once the cupcakes are completely cooled, frost each one with the mocha frosting.
- Step 10: Enjoy your Mocha Cookie Crumble Cupcakes!










