Coffee Cake Cookies

Tender cookies with cinnamon streusel and a simple glaze. Bringing together all the cozy, warm cinnamon spice and buttery crumble of traditional morning coffee cake in a portable, soft-baked cookie!

Italian Ricotta Cookies

The Science Behind Coffee Cake Cookies

  • Low-Protein Cake Flour Tenderness: Using cake flour (containing ~7–8% protein compared to 10–12% in all-purpose flour) significantly reduces gluten formation potential. Combined with cornstarch, this creates a ultra-soft, cake-like crumb structure that mimics the delicate crumb of a classic slice of coffee cake.
  • Melted Butter Fat Clumping in Streusel: Using cooled melted butter for the streusel coating coats sucrose granules and flour starches quickly, creating thick, cohesive “clumps” that resist melting completely during baking, ensuring a distinct crunchy crumble topping.
  • Center Indentation Mechanical Pocketing: Pressing a shallow well into the dough balls before adding the streusel creates a physical pocket that holds at least 2 tablespoons of crumble in place as the cookie expands in the oven.
Prep TimeChill TimeBake TimeYieldCategory
20 mins15 mins (while prepping streusel)~12 mins~16–20 cookiesBreakfast / Specialty
Ingredients for coffee cake cookie dough, cinnamon streusel, and glaze arranged in bowls on a wooden counter.
Coffee Cake Cookies 5

Ingredients

For the Soft Cookie Dough Base:

  • 1/2 cup (113 g / 1 stick) unsalted butter, softened
  • 1/2 cup (100 g) packed light or dark brown sugar
  • 1/4 cup (50 g) granulated sugar
  • 1 large egg, room temperature
  • 1/4 tsp pure vanilla extract
  • 2 cups (225 g) cake flour
  • 1 tbsp cornstarch
  • 1 tsp baking powder
  • 1/4 tsp baking soda
  • 1/2 tsp salt

For the Cinnamon Streusel Topping:

  • 6 tbsp (85 g) unsalted butter, melted and cooled
  • 1 1/4 cups (156 g) all-purpose flour
  • 1/2 cup (100 g) packed brown sugar
  • 1/3 cup (67 g) granulated sugar
  • 3/4 tsp ground cinnamon
  • 1/4 tsp salt

For the Vanilla Glaze:

  • 2/3 cup (80 g) powdered sugar, sifted
  • 1–2 tbsp whole milk
  • Pinch of salt
Butter, brown sugar, and granulated sugar in a glass mixing bowl with an electric hand mixer.
Coffee Cake Cookies 6

Step-by-Step Instructions

‫

1.Preheat Oven and Prep Pans:‏Set oven to 350°F (175°C).

Preheat your oven to 350°F (175°C) and line two large baking sheets with parchment paper.

‫

2.Cream Butter and Sugars:‏Beat 2 to 3 minutes until light.

In a large mixing bowl, beat the softened unsalted butter, packed brown sugar, and granulated sugar together with an electric mixer until light, pale, and fluffy.

‫

3.Beat in Egg and Vanilla:‏Emulsifies wet flavor base.

Add the room-temperature egg and pure vanilla extract, beating until completely smooth and emulsified.

‫

4.Combine Dry Mix into Wet Base:‏Low speed prevents tough crumb.

In a separate bowl, whisk together the cake flour, cornstarch, baking powder, baking soda, and salt. Gradually add to the wet butter mixture, mixing on low speed just until a soft, pillowy dough forms. Refrigerate dough while preparing streusel.

‫

5.Prepare Cinnamon Streusel:‏Fork in melted butter to create clumps.

In a medium bowl, whisk together the all-purpose flour, brown sugar, granulated sugar, ground cinnamon, and salt. Pour in the cooled melted butter and toss with a fork until thick, buttery crumbs and clumps form.

‫

6.Portion, Indent, and Top:‏Press 2 tablespoons streusel into each center.

Scoop 2-tablespoon portions (~40g each) of dough and place them 2 inches apart on the prepared sheets. Press a shallow well into the center of each ball with your thumb, then generously press at least 2 tablespoons of streusel crumble into each indentation.

Streusel-topped coffee cake cookies baking on a parchment-lined tray in the oven.
Coffee Cake Cookies 7

‫

7.Bake Until Edges Turn Lightly Golden:‏Bake about 12 minutes.

Bake at 350°F for approximately 12 minutes, or until the bottom edges are lightly golden while the tops remain soft and set.

‫

8.Cool, Glaze, and Set:‏Drizzle over cooled cookies.

Allow cookies to cool on the baking sheet for at least 10 minutes. Whisk the powdered sugar and milk together into a thick glaze, drizzle generously over cooled cookies, and let set for 15 minutes before serving.

Drizzling white icing over streusel-topped cookies cooling on a wire rack.
Coffee Cake Cookies 8

Pro Tips for Baking Success

  • Use Cake Flour ONLY: Cake flour is essential for getting that pillowy, tender coffee cake texture. If you must substitute with all-purpose flour, remove 2 tablespoons of flour per cup and replace with cornstarch.
  • Pack the Streusel Firmly: Press the streusel crumble firmly into the indented centers of the dough balls so the topping stays attached as the cookies bake and rise.
  • Cool Before Glazing: Let the cookies cool completely before drizzling with the simple milk glaze so the icing sets into clean bakery lines instead of melting into the warm crumbs.

Frequently Asked Questions

What are some common questions about cookies?

  • Why do my cookies turn out flat? Butter was too warm or melted, or the dough needed chill time.
  • How do I measure flour correctly? Spoon flour into your measuring cup and level it off with a knife (or weigh in grams) to avoid dense dough.
  • Can I bake cookies on aluminum foil? Parchment paper or silicone baking mats are always preferred over foil to prevent scorched bottoms.

What is a coffee cake cookie?

A coffee cake cookie is a soft, bakery-style cookie designed to mimic the flavors and textures of traditional cinnamon coffee cake—featuring a tender, cake-like base topped with a generous layer of cinnamon brown sugar streusel crumble and finished with a sweet vanilla icing drizzle.

Why is coffee cake called coffee cake?

Coffee cake is called “coffee cake” not because it contains brewed coffee or espresso in the recipe, but because it was historically created as a sweet, spiced crumb cake meant specifically to be served alongside a fresh hot cup of coffee or tea during breakfast or morning gatherings.

What are 10 interesting facts about cookies?

  1. The word “cookie” derives from the Dutch word koekje, meaning “little cake.”
  2. The chocolate chip cookie was invented by Ruth Wakefield at the Toll House Inn in 1938.
  3. Over 7 billion chocolate chip cookies are consumed in the United States every year.
  4. Cookie dough ice cream was first created in 1984 at the Ben & Jerry’s scoop shop.
  5. In the UK and Australia, cookies are typically referred to as “biscuits.”
  6. Fortune cookies were actually invented in California, not China.
  7. High ratios of brown sugar create chewier cookies than white sugar due to molasses moisture.
  8. The world’s largest cookie weighed over 40,000 pounds!
  9. Baking soda requires acid (like brown sugar or buttermilk) to activate, whereas baking powder contains its own acid.
  10. Girl Scout cookies were first baked by members at home in 1917 to raise funds!
Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Coffee cake cookies topped with cinnamon streusel and a drizzle of white icing on a plate.

Coffee Cake Cookies


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Inas Recipes
  • Total Time: 1 hour 2 minutes
  • Yield: 24 cookies 1x
  • Diet: Vegetarian

Description

These Coffee Cake Cookies are irresistibly soft, buttery, and wonderfully tender, with a thick cinnamon streusel topping and a sweet vanilla glaze. Made with a pillowy cake flour cookie base, rich brown sugar, and buttery cinnamon crumble, each cookie captures the comforting flavor of classic coffee cake in a delicious bakery-style treat. Finished with a delicate drizzle of vanilla icing, these homemade cookies are perfect for breakfast-inspired treats, holiday cookie trays, cozy gatherings, or enjoying with a warm cup of coffee.


Ingredients

Scale
  • For the Soft Cookie Dough Base:
  • 1/2 cup (113 g) unsalted butter, softened
  • 1/2 cup (100 g) packed light or dark brown sugar
  • 1/4 cup (50 g) granulated sugar
  • 1 large egg, room temperature
  • 1/4 tsp pure vanilla extract
  • 2 cups (225 g) cake flour
  • 1 tbsp cornstarch
  • 1 tsp baking powder
  • 1/4 tsp baking soda
  • 1/2 tsp salt
  • For the Cinnamon Streusel Topping:
  • 6 tbsp (85 g) unsalted butter, melted and cooled
  • 1 1/4 cups (156 g) all-purpose flour
  • 1/2 cup (100 g) packed brown sugar
  • 1/3 cup (67 g) granulated sugar
  • 3/4 tsp ground cinnamon
  • 1/4 tsp salt
  • For the Vanilla Glaze:
  • 2/3 cup (80 g) powdered sugar, sifted
  • 1–2 tbsp whole milk
  • Pinch of salt

Instructions

  1. Preheat Oven and Prep Pans: Preheat your oven to 350°F (175°C) and line two large baking sheets with parchment paper.
  2. Cream Butter and Sugars: In a large mixing bowl, beat the softened unsalted butter, packed brown sugar, and granulated sugar together with an electric mixer for 2–3 minutes until light, pale, and fluffy.
  3. Beat in Egg and Vanilla: Add the room-temperature egg and pure vanilla extract, beating until completely smooth and emulsified.
  4. Combine Dry Mix into Wet Base: In a separate bowl, whisk together the cake flour, cornstarch, baking powder, baking soda, and salt. Gradually add to the wet butter mixture, mixing on low speed just until a soft, pillowy dough forms. Refrigerate the dough while preparing the streusel.
  5. Prepare Cinnamon Streusel: In a medium bowl, whisk together the all-purpose flour, brown sugar, granulated sugar, ground cinnamon, and salt. Pour in the cooled melted butter and toss with a fork until thick, buttery crumbs and clumps form.
  6. Portion, Indent, and Top: Scoop 2-tablespoon portions (~40g each) of dough and place them 2 inches apart on the prepared baking sheets. Press a shallow well into the center of each ball with your thumb, then generously press at least 2 tablespoons of streusel crumble into each indentation.
  7. Bake Until Edges Turn Lightly Golden: Bake at 350°F (175°C) for approximately 12 minutes, or until the bottom edges are lightly golden while the tops remain soft and set.
  8. Cool, Glaze, and Set: Allow cookies to cool on the baking sheet for at least 10 minutes, then let them cool completely. Whisk the powdered sugar, the whole milk for the glaze, and a pinch of salt together into a thick glaze. Drizzle generously over the cooled cookies and let set for 15 minutes before serving.

Notes

  • Use Cake Flour ONLY: Cake flour is essential for getting that pillowy, tender coffee cake texture. If you must substitute with all-purpose flour, remove 2 tablespoons of flour per cup and replace with cornstarch.
  • Pack the Streusel Firmly: Press the streusel crumble firmly into the indented centers of the dough balls so the topping stays attached as the cookies bake and rise.
  • Cool Before Glazing: Let the cookies cool completely before drizzling with the simple milk glaze so the icing sets into clean bakery lines instead of melting into the warm crumbs.
  • Prep Time: 25 minutes
  • Cook Time: 12 minutes
  • Category: Dessert
  • Method: Baking
  • Cuisine: American

Nutrition

  • Serving Size: 1 cookie
  • Calories: 225
  • Sugar: 17g
  • Sodium: 115mg
  • Fat: 9g
  • Saturated Fat: 6g
  • Unsaturated Fat: 3g
  • Trans Fat: 0g
  • Carbohydrates: 34g
  • Fiber: 1g
  • Protein: 3g
  • Cholesterol: 30mg
    Save and share this wonderful recipe

    Leave a Comment

    Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star