Name: Coffee Cake Cookies with Streusel Topping and Vanilla Icing Recipe
Prep time: 1 h 10 min
Cook time: 15 min
Total time: 1 h 25 min
Cuisine: American
Ingredients: 4 tbsp Unsalted Butter (cold, cut into cubes); 1/3 cup + 1 tbsp Brown sugar; 2/3 cup All-purpose flour; 1/8 tsp Salt; 1 tsp Ground cinnamon; 1 cup Unsalted butter (softened); 1 cup White granulated sugar; 1/3 cup Light brown sugar; 1 Large egg (room temperature); 1 Large Egg yolk (room temperature); 1 tsp Vanilla extract; 2 3/4 cup + 2 tbsp All-purpose flour (sifted); 1 tsp Baking soda; 3/4 tsp Salt; 1/2 tsp Ground cinnamon; 1/2 cup Powdered sugar (sifted); 1 tbsp Whole milk; 1/4 tsp Vanilla extract

Jump to Recipe·4 from 14 reviews

If you’re anything like me, the perfect snack is one that brings the comforting flavors of a classic coffee cake but in a fun, handheld form. That’s exactly what the Coffee Cake Cookies with Streusel Topping and Vanilla Icing Recipe delivers—a dreamy, tender cookie that’s bursting with cinnamon-swirled streusel goodness on top, finished off with a smooth drizzle of vanilla icing. These cookies capture all the warmth and nostalgia of coffee cake, making them an irresistible treat for breakfast, afternoon coffee breaks, or anytime you want a sweet little pick-me-up. Trust me, once you make these, they’ll become the star of your cookie jar (and your heart!).

Ingredients You'll Need

A clear glass bowl holds a light tan, crumbly dough with a rough texture spread evenly inside. In the bowl, a white spatula with a red handle is partly covered with dough as it stirs from the side, creating a thumbprint swirl pattern in the middle of the dough. The bowl sits on a surface with a white marbled texture. photo taken with an iphone --ar 4:5 --v 7

What’s amazing about baking these coffee cake cookies is that they come together from simple, easy-to-find ingredients. Each one plays a crucial role: butter adds richness and moisture, sugars give sweetness and caramel notes, while cinnamon and vanilla weave that iconic coffee cake flavor throughout. You’ll also appreciate how these basics create layers of texture—from crumbly streusel to soft, chewy cookie bases.

4 tablespoon Unsalted Butter (cold, cut into cubes): Essential for the streusel’s crumbly texture; cold butter helps create delicious clumps.
⅓ cup + 1 tablespoon Brown sugar: Adds deep, molasses-like sweetness both in the streusel and dough.
⅔ cup All-purpose flour: Key for the streusel topping’s structure and tenderness.
⅛ teaspoon Salt: Balances sweetness and boosts all the flavors.
1 teaspoon Ground cinnamon: Infuses that classic coffee cake spice.
1 cup Unsalted Butter (softened): Creates a rich, creamy cookie base full of buttery goodness.
1 cup White granulated sugar: Sweetens the dough while helping with cookie texture.
⅓ cup Light brown sugar: Adds moisture and complexity to the cookies.
1 Large egg (room temperature): Binds all ingredients for a perfect chewy bite.
1 Large Egg yolk (room temperature): Adds richness and tenderness.
1 teaspoon Vanilla extract: Enhances all the other flavors with warm, floral notes.
2 ¾ cup + 2 tablespoon All-purpose flour (sifted): The foundation that makes the cookie dough hold together beautifully.
1 teaspoon Baking soda: Helps cookies rise and become delightfully soft.
¾ teaspoon Salt: A pinch to keep flavor balanced in the dough.
½ teaspoon Ground cinnamon: Adds a hint of spice into the cookie dough itself.
½ cup Powdered sugar (sifted): For the luscious, sweet vanilla icing.
1 tablespoon Whole milk: Thins out the icing perfectly for drizzling.
¼ teaspoon Vanilla extract: Gives the icing that unmistakable creamy vanilla finish.

How to Make Coffee Cake Cookies with Streusel Topping and Vanilla Icing Recipe

Step 1: Make the Streusel

Start by preparing the streusel topping—this little mixture is what sets these cookies apart. Take those cold cubes of butter and quickly work them into the flour, brown sugar, cinnamon, and salt using your fingertips. The goal here is to create small clumps of butter-coated flour that will bake into crunchy, crumbly, cinnamon-scented topping pieces. Pop this in the fridge while you start the cookie dough so it stays chilly and ready to go.

Step 2: Combine Dry Ingredients for Dough

In a medium bowl, sift together the 2 ¾ cups plus 2 tablespoons of all-purpose flour, baking soda, cinnamon, and salt. Sifting air-izes the mixture and ensures the spices and leavening are perfectly distributed, which helps your cookies bake evenly with a soft crumb.

Step 3: Cream the Butter and Sugars

In a separate large bowl, beat the softened butter along with white and light brown sugars until light and fluffy—this usually takes about 2 to 3 minutes. This step is crucial because it incorporates air into the dough, giving the final cookies a tender, melt-in-your-mouth texture that’s simply unbeatable.

Step 4: Add Eggs and Vanilla

Beat in the whole egg and the yolk, one at a time, making sure each is fully incorporated before adding the next. Then stir in the vanilla extract. These ingredients enrich the dough, improving flavor complexity and the overall moistness of the cookies.

Step 5: Mix in Dry Ingredients

Gently fold the flour mixture into the wet ingredients. Mixing just until combined is essential here—overmixing can make your cookies tough, so be gentle and patient as the dough comes together into a soft ball.

Step 6: Scoop and Chill the Dough

Using a 2-ounce ice cream scoop (or a generous tablespoon), portion out the dough onto a parchment-lined baking sheet. Press your thumb or the back of a teaspoon into the center of each cookie to create a small well. This indent will help the cookies bake evenly and hold the streusel topping perfectly once added. Refrigerate for 1 to 2 hours, or overnight if you have the time, to chill the dough thoroughly—this helps the cookies keep their shape and intensifies the flavors.

Step 7: Bake with Streusel

When you’re ready, preheat your oven to 350°F. Generously sprinkle the chilled cookies with the prepared streusel topping—don’t be shy here, the more streusel, the merrier! Bake for 13 to 15 minutes, rotating the pans halfway through to ensure even baking. About halfway through, sprinkle extra streusel on top to create that gorgeous layered topping and add crunch. When they come out of the oven, the cookies will be beautifully golden and smelling like a cozy kitchen on a crisp morning.

Step 8: Prepare and Drizzle Vanilla Icing

While your cookies cool, whisk together powdered sugar, milk, and vanilla until smooth and glossy. The icing should be thick but pourable, perfect for drizzling. Once the cookies are completely cool, drizzle the vanilla icing over each cookie and let it set for 10 to 15 minutes before serving. The icing brings a lovely sweetness and a hint of creamy vanilla that pulls all the flavors together beautifully.

How to Serve Coffee Cake Cookies with Streusel Topping and Vanilla Icing Recipe

There are eight round cookies with a golden brown color and crumbly texture on a black wire rack, all placed on a white marbled surface. Six of the cookies have thin white icing lines drizzled over the top in a neat pattern, while two cookies are plain, showing their crumbly, rough tops. A woman's hand is holding a white piping bag, delicately adding white icing drizzle onto one of the plain cookies in the center. The top left corner shows a white plate with some brown powder, and part of a textured glass jar is visible near the top right. A white cloth is partially visible at the bottom left. Photo taken with an iphone --ar 4:5 --v 7

Garnishes

To enhance these cookies visually and flavor-wise, try sprinkling some extra cinnamon sugar or chopped toasted pecans on top of the streusel before baking. A light dusting of powdered sugar right before serving can also add a pretty finishing touch and a hint of extra sweetness.

Side Dishes

These coffee cake cookies shine with a steaming cup of coffee or chai tea for a cozy breakfast or mid-afternoon snack. They pair well with fresh fruit, like sliced strawberries or a crisp apple, which adds a refreshing contrast to the warm cinnamon and sweet vanilla flavors.

Creative Ways to Present

For a brunch or special occasion, arrange these cookies on a pretty platter with mini jars of jam or whipped cream nearby. You can also layer them between parchment paper in a decorative tin as a thoughtful, homemade gift. They’re perfect for surprising friends and family with something nostalgic and delightful.

Make Ahead and Storage

Storing Leftovers

Once cooled completely, these coffee cake cookies store best in an airtight container at room temperature for up to 3 days. Keeping them sealed prevents the moisture from escaping and helps maintain their soft, tender crumb while preserving that delicious streusel crunch on top.

Freezing

If you want to enjoy these cookies later, freezing is a fantastic option. Freeze the baked and fully cooled cookies in a single layer on a baking sheet, then transfer to a freezer-safe container or zip-top bag for up to 3 months. To prevent the icing from cracking, you may want to freeze the cookies without icing and drizzle before serving.

Reheating

To refresh your stored or thawed cookies, warm them gently in a preheated 300°F oven for about 5 minutes. This step helps revive the cookies’ softness and re-crisp the streusel. Allow them to cool slightly before enjoying if you’ve reheated frozen ones with icing drizzled on.

FAQs

Can I make the streusel topping in advance?

Absolutely! The streusel can be made several days ahead and kept refrigerated until you’re ready to bake. This actually helps the flavors meld and saves you time on baking day.

Is it necessary to refrigerate the cookie dough before baking?

Yes, refrigerating the dough for at least 1 to 2 hours helps the cookies hold their shape during baking and enhances the flavor by allowing the ingredients to meld together.

Can I substitute the butter with a dairy-free alternative?

You can try using a dairy-free margarine or vegan butter, but keep in mind it might affect the texture of both the cookie and streusel slightly. For best results, choose a high-quality, solid butter substitute.

What if I don’t have an ice cream scoop?

A tablespoon or cookie scoop will work just fine. Aim for about 2 ounces of dough per cookie to get that perfect size and baking time.

Can these cookies be made gluten-free?

With a few adjustments, yes! Substitute the all-purpose flour with a gluten-free flour blend that includes xanthan gum for structure. Just be sure to follow the blend’s instructions for best results.

Final Thoughts

I truly hope you enjoy diving into this Coffee Cake Cookies with Streusel Topping and Vanilla Icing Recipe as much as I do. They’re not just cookies—they’re little bites of nostalgic comfort, perfect for brightening up your day or sharing with people you love. Once you try them, I have no doubt they’ll become one of your go-to recipes whenever you crave something sweet, warm, and effortlessly special.

Coffee Cake Cookies with Streusel Topping and Vanilla Icing Recipe

Ingredients You'll Need