Desserts
This Starbucks mocha cookie crumble recipe lets you recreate their signature treat at home—packed with rich chocolate, spiced notes, and a perfect balance of crispy cookie crumble over gooey layers. The secret lies in balancing coffee-infused chocolate chunks with buttery cookie dough and a perfectly toasted crumble topping.
I've perfected this version after testing dozens of variations—it's the closest you'll get to the café's iconic dessert without the $8 price tag.
This recipe combines three essential layers: a moist chocolate cookie base, a gooey cookie center, and a buttery crumble topping that bakes to golden perfection. The coffee extract enhances the chocolate flavor without overpowering it, while cinnamon and nutmeg add warmth.
Baking times are critical—too long, and the cookie center dries out; too short, and the crumble won't crisp properly.
What you'll end up with is a dessert that looks impressive yet comes together with straightforward steps: layer, bake, and serve warm. The contrast of crispy crumble and soft cookie creates every bite's magic.
Whether you're hosting a dinner party or craving a café-quality treat, this recipe delivers restaurant-quality results at home.
The best part? This dessert reheats beautifully, making it perfect for meal prep or leftovers. For a twist, swap regular chocolate for vegan chocolate chips—just adjust baking times slightly. Let's get baking!
Ingredients for starbucks mocha cookie crumble
Eight ingredients for three layers—crispy, gooey, and chocolatey perfection.
| Ingredient | Amount | Notes |
|---|---|---|
| All-Purpose Flour 🌾 | 2 cups | Sifted for light texture |
| Granulated Sugar 🍚 | ¾ cup | White or light brown |
| Packed Brown Sugar 🍚 | ½ cup | For deep caramel flavor |
| Unsalted Butter 🧈 | 1 cup | Cold, cubed for crumble |
| Large Eggs 🥚 | 2 whole | Room temperature |
| Pure Vanilla Extract 🍯 | 1 tbsp | High-quality preferred |
| Instant Espresso Powder ☕ | 2 tbsp | For coffee depth |
| Semisweet Chocolate Chips 🍫 | 1 ½ cups | High-quality like Ghirardelli |
| Ground Cinnamon 🌿 | 1 tsp | Freshly ground preferred |
| Ground Nutmeg 🌿 | ¼ tsp | Freshly grated better |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Old-Fashioned Rolled Oats 🍚 | 1 cup | Blended for crumble texture |
| Chopped Walnuts 🥜 | ½ cup | Toasted for nutty crunch |
| Powdered Sugar 🍚 | ¼ cup | For dusting crumble |
The butter and sugars are your secret weapons here. European-style butter from Land O'Lakes or Plugrá gives the best flavor, but any unsalted brand works. For the coffee kick, Starbucks instant espresso powder (yes, the same stuff in their drinks) is my go-to—it's consistent and strong. The chocolate chips? Ghirardelli or Guittard are worth the splurge; generic brands taste flat. Toast those walnuts first—they add a nutty depth that makes the whole thing sing. I always grab my oats from the bulk section at Whole Foods because they're fresher than the packaged stuff.
No instant espresso? Double-strength brewed coffee cooled works in a pinch, but you'll need about 1/4 cup. Running low on semisweet chips? Dark chocolate chunks (60-70% cocoa) add richness, though the flavor will be more intense. No walnuts? Pecans or hazelnuts are great swaps—just toast them first. The rolled oats can be substituted with quick oats, but they won't be as crispy. For a vegan twist, use vegan chocolate chips and flax eggs, but add an extra tbsp of powdered sugar to help bind everything. And if you're feeling fancy, swap half the chocolate chips for white chocolate chips—it adds a beautiful contrast.
This dessert is a make-ahead dream. Assemble it the night before and bake in the morning—it reheats beautifully. Store leftovers in an airtight container for up to 5 days at room temperature, or freeze for 3 months. To reheat, pop individual portions in the microwave for 20-30 seconds, or bake at 350°F for 10-15 minutes until the crumble is crispy again. Pro tip: Sprinkle extra powdered sugar on top right after baking—it melts into a dreamy coating. And if you're serving it warm, a scoop of vanilla ice cream takes it to the next level.
Why You'll Love This Recipe
- One-Bowl Wonder: I swear by this recipe because it’s that simple—just mix everything in one bowl, no fancy steps. The butter and sugars get creamed together (no food processor needed), then you fold in the dry ingredients like you’re making a giant cookie dough hug. Honestly, my kids think it’s magic how little work goes into something this good.
- Café Magic: That perfect balance of brown sugar richness and chocolatey depth? It’s like Starbucks’ mocha cookie crumble but way better. The brown sugar caramelizes into a chewy, buttery crunch while the eggs bind it into a tender, fudgy center. Between us, I’ve never found a store-bought version that hits this spot.
- Party in a Box: This is my go-to for gatherings—whether it’s a last-minute potluck or a cozy Sunday brunch. Bake it in a sheet pan, cut into squares, and boom: you’ve got a dessert that’s easy to serve (and easy to eat). My daughter even brings it to school for bake sales—because it’s foolproof and always a hit.
- Budget-Friendly Crunch: You’re using pantry staples here—flour, sugar, butter—so it’s cheap to make but feels indulgent. A batch costs me less than half of what I’d spend on a fancy dessert at a café, and it keeps for days in the fridge (if it lasts that long). I’ll be real: I’ve reheated leftovers for breakfast and called it “cookie crumble toast.” No judgment.
Step-by-step instructions for Starbucks mocha cookie crumble recipe
Here's how to recreate that perfect Starbucks crunch with gooey cookie layers and rich chocolate chunks.
Prepare the Crumble Topping
In a medium bowl, combine the 1 cup unsalted butter (cold and cubed), 1 cup old-fashioned rolled oats, 0.5 cup chopped walnuts, 0.75 cup granulated sugar, 0.5 cup packed brown sugar, 1 tsp ground cinnamon, 0.25 tsp ground nutmeg, and 0.5 tsp salt. Use your fingers or a pastry cutter to work the butter into the dry ingredients until the mixture resembles coarse crumbs with some pea-sized butter pieces remaining.
This texture is crucial—it creates that perfect crunchy topping. If the mixture feels too dry, add just 1 teaspoon cold water to help bind it together. Press half of this crumble mixture into an ungreased 9x13-inch baking dish, spreading it evenly across the bottom. Set aside the remaining crumble for the final layer.
Make the Mocha Cookie Base
In a large mixing bowl, cream together the 1 cup unsalted butter (softened) and 0.5 cup packed brown sugar until light and fluffy, about 3-4 minutes using an electric mixer. Add the 0.75 cup granulated sugar and mix until combined. Beat in the 2 whole large eggs one at a time, mixing well after each addition.
In a separate small bowl, whisk together the 2 tablespoons instant espresso powder, 1 tablespoon pure vanilla extract, 1 tsp ground cinnamon, 0.25 tsp ground nutmeg, and 0.5 tsp salt. Gradually add this spiced mixture to the butter-sugar mixture, mixing on low speed until just combined. Finally, fold in the 2 cups all-purpose flour and 1.5 cups semisweet chocolate chips using a spatula until evenly distributed.
Assemble and Bake the Crumble
Spread the cookie dough evenly over the crumbled base in the prepared baking dish, pressing down gently to create an even layer. Sprinkle the remaining crumble mixture evenly over the top of the cookie dough. The crumble should cover the entire surface with a thick, even layer.
Bake in a preheated 350°F oven for 30-35 minutes, or until the edges are golden brown and the center is just set. You'll know it's done when a toothpick inserted in the center comes out with a few moist crumbs but no wet batter. The cookie layers should be soft and gooey while the crumble topping remains crisp.
Cool and Serve
Remove the baking dish from the oven and let it cool in the pan for 10 minutes. This resting period allows the layers to set slightly while maintaining that perfect texture. Once cooled, dust the entire top generously with 0.25 cup powdered sugar using a fine-mesh sieve.
Cut into 8 equal squares and serve warm. The contrast of warm, gooey cookie layers with the crisp chocolate crumble topping is what makes this recipe so irresistible. Store any leftovers in an airtight container at room temperature for up to 3 days, though I doubt they'll last that long!
Pro Tips For Making Starbucks Mocha Cookie Crumble
- Chill the Dough: After mixing the butter, sugars, and eggs, pop the dough in the fridge for at least 30 minutes—yes, even if you’re eager to bake. I learned this the hard way when my first batch spread into a sad, flat pancake instead of those perfect crumbly cookies. Cold butter behaves better and gives you cleaner cuts when portioning.
- Measure Brown Sugar Right: Pack that brown sugar firmly into the measuring cup—no fluffy scoops. Too little sugar means your cookies won’t have that deep, caramelized flavor Starbucks nails. Tap the cup on the counter a few times to settle it, then level it off. Trust me, your taste buds will notice.
- Rotate the Pan: Swap the baking sheet halfway through—front to back, not just side to side. I used to ignore this, and my edges would overbrown while the centers stayed doughy. A quick flip at the 10-minute mark guarantees even baking. Pro move: Use parchment paper for easy cleanup, and your cookies won’t stick like they’re glued to the pan.
- Eggs at Room Temp: Cold eggs won’t blend smoothly with the butter, and you’ll end up with lumps that ruin the texture. Take them out of the fridge 15 minutes before mixing—just long enough to warm up. I skip this sometimes, and the dough turns out greasier, not richer. Worth the small wait.
Flavor customization for this dish
Espresso Intensity
Adjust the coffee flavor by tweaking the espresso powder—use 1 tbsp for a subtle mocha note or 3 tbsp for a bold, Starbucks-level kick. For a smoother finish, dissolve the powder in 2 tbsp warm milk before mixing into the dough.
If you love cold brew, replace the espresso with 2 tbsp cold brew concentrate—it adds depth without bitterness. 💫
Chocolate Variations
Swap semisweet chocolate chips for dark chocolate (70%) for a richer, more intense flavor—reduce to 1 cup to avoid overpowering the cookie. For a white chocolate twist, use 1 cup white chocolate chips and add ½ tsp orange zest to the crumble topping.
Vegan? Try Enjoy Life chocolate chips and replace eggs with 2 flax eggs (2 tbsp ground flaxseed + 6 tbsp water).
Spice Blends
Boost warmth with ½ tsp cardamom in the crumble topping—it pairs beautifully with coffee. For a Mexican-inspired version, add ¼ tsp cayenne and ½ tsp cinnamon to the cookie base.
If you prefer less spice, cut the nutmeg to ⅛ tsp and add ½ tsp vanilla bean paste for extra sweetness. Always toast spices lightly in a dry pan for 30 seconds to deepen their flavor.
Nutty Crunch Swaps
Replace walnuts with pecans for a buttery richness or hazelnuts for a European touch. For a peanut butter lover’s version, fold ½ cup creamy peanut butter into the cookie dough and top with chopped peanuts in the crumble.
Toast the nuts first—5 minutes at 350°F—to enhance their flavor. If you’re allergic to nuts, omit them entirely and add extra oats for texture.
Sweetness Adjustments
Reduce sugar by ¼ cup if you prefer a less sweet dessert—balance it with 1 tsp extra vanilla extract. For a caramelized twist, sprinkle ½ cup brown sugar over the crumble topping before baking.
If you love salted caramel, add ¼ tsp flaky sea salt to the crumble and drizzle 2 tbsp caramel sauce over each serving. Always taste the dough before baking—adjust sweetness to your preference!
Texture Tweaks
For a chewier cookie base, replace ½ cup flour with ½ cup cornmeal. Want a lighter crumble? Fold ½ cup shredded coconut into the crumble mixture. If the crumble turns too greasy, chill the dough for 30 minutes before baking.
For a crispier topping, bake the assembled dish at 375°F for the last 5 minutes of cooking time. 🔥
Nutrition facts
Frequently asked questions
Can I make this dessert without coffee?
The coffee is essential for that authentic mocha flavor, but you can substitute it with 2 tbsp strong brewed tea (like Earl Grey) or 1 tsp cocoa powder for a chocolatey twist. Just reduce the sugar slightly since these alternatives are sweeter. The spiced notes from cinnamon and nutmeg will still shine through!
Why is my crumble topping not crispy?
Crispy crumble depends on cold butter and proper baking time. Make sure your butter is cold and cubed when mixing, and bake until golden brown (30-35 minutes at 350°F). If it's still soft, broil for 1-2 minutes at the end for extra crispiness. Overmixing the crumble can also make it dense—just work the butter in until pea-sized pieces remain.
How do I store leftovers?
Store in an airtight container at room temperature for up to 3 days, or freeze for 3 months. To reheat, microwave individual portions for 20-30 seconds or bake at 350°F for 10-15 minutes until the crumble is crispy again. The cookie layers will soften slightly but still taste delicious!
Can I make this gluten-free?
Yes! Replace the 2 cups all-purpose flour with a 1:1 gluten-free flour blend (like Bob's Red Mill). For the crumble, use certified gluten-free oats and check that your chocolate chips are also gluten-free. The texture will be slightly different but still delicious. Add ½ tsp xanthan gum to help bind the cookie dough.
What's the best way to serve this dessert?
Serve warm with a scoop of vanilla ice cream or a drizzle of chocolate sauce for extra indulgence. For a café-style presentation, dust with extra powdered sugar and add a sprinkle of crushed peppermint or cocoa powder on top. It's also perfect with a cup of hot coffee or chai tea for the full Starbucks experience!