• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Recipes
  • About Me
  • Contact Me
  • Web Stories

coffeecopycat.com logo

menu icon
go to homepage
subscribe
search icon
Homepage link
  • Recipes
  • About Me
  • Contact Me
  • Web Stories
    • Facebook
    • Instagram
    • Pinterest
  • ×
    Home » Coffee Copycat » Recipes

    Published: Jul 20, 2024 by Megan Byrd · This post containes affiliate links. See disclosure policy for details. · Leave a Comment

    Cinnamon Crumble Oatmilk Frappuccino (Starbucks Copycat)

    Jump to Recipe - Print Recipe

    Sweet, creamy, frosty deliciousness awaits with my Starbucks Copycat Cinnamon Crumble Oatmilk Frappuccino recipe! Simply made with fewer than 10 ingredients and no dairy, this cinnamon cookie-flavored coffee milkshake is the perfect way to indulge.

    homemade cinnamon crumble oatmilk frappuccino in a clear glass topped with whipped cream, cinnamon cookie crumble, and a glass straw.

    Do you ever have those moments where you want an iced coffee, but also don’t want a regular coffee drink? Maybe it’s just me, but it happens more often than you’d think. Whenever that happens, I turn to hybrid drinks like my coffee boba tea, coffee soda, or this cinnamon-flavored Starbucks cookie crumble frappuccino recipe.   

    Between the creamy frozen texture, warmly spiced cinnamon coffee flavor, the creamy oat milk, a generous dollop of dreamy whipped cream, and sweet cinnamon crumble topping, this magical mixture is about as satisfying as it gets. Better yet, all that blended ice cream goodness is completely dairy-free!

    So, next time a regular cold brew drink isn’t cutting it, give this oatmilk cinnamon crumble frappuccino a whirl! It’s like dessert and coffee all rolled into one—perfect for when you need a little extra sweetness in your day.

    Jump to:
    • What is Starbucks Cinnamon Crumble Oatmilk Frappuccino?
    • What does it taste like?
    • Why You’ll Love This Non-Dairy Frappuccino Recipe
    • Ingredients Needed
    • Substitutions
    • How To Make A Cinnamon Cookie Crumble Frappuccino
    • Optional Variations & Dietary Adjustments
    • Serving Suggestions
    • Recipe Success Tips
    • FAQs
    • Homemade Cinnamon Crumble Oat Milk Frappuccino Nutrition
    • Other Starbucks Copycat Recipes
    • Cinnamon Crumble Oatmilk Frappuccino (Starbucks Copycat)

    What is Starbucks Cinnamon Crumble Oatmilk Frappuccino?

    If you’re yet unacquainted, frappuccinos are Starbucks' signature line of blended beverages that combine ice, dairy or plant-based milk, and flavors ranging from coffee to fruit, all topped with whipped cream. They're creamy, icy, and perfect for sipping!

    The Cinnamon Crumble Oatmilk Frappuccino mixes toasted cinnamon syrup with bold cold brew coffee, nutty oat milk, and plenty of ice, creating a richly flavored, quasi-milkshake. It’s then topped off with a dollop of nondairy whipped cream and a generous sprinkle of cinnamon-sugar cookie crumbles, adding a delightful crunch. 

    Between the warmth of cinnamon and the chill of ice, this is the perfect sweet n’ spicy coffee treat for any time of year!

    What does it taste like?

    You’re first greeted by the inviting rush of toasted cinnamon. Its warmly spiced notes wrap around the subtle, nutty undertones of oat milk, creating a flavor reminiscent of a freshly baked cinnamon roll. Cold brew injects a robust coffee flavor that complements the sweetness, adding a smooth, rich complexity. 

    When blended with ice, this delightful mixture transforms into a refreshingly cool experience. But the finish is where the magic happens—a lush topping of nondairy whipped cream that's light and creamy, followed by a sprinkle of cinnamon-sugar cookie crumbles. In short, it’s the ideal coffee meets dessert with a perfect balance of sugar, spice, caffeine, and crunch!

    closeup shot of a copycat cinnamon crumble oat milk frappucino from starbucks highlighting the golden brown cinnamon cookie crumbles on the fluffy white whipped cream.

    Why You’ll Love This Non-Dairy Frappuccino Recipe

    • Quick & Easy - If you have a high-speed blender, this chilly drink takes just a minute to whip up. And, if you opt to make the cinnamon cookie crumbles for garnish, one batch will set you up with enough for 12 drinks. The extra 5 minutes it takes is well worth the yummy results!
    • Inclusive - If coffee frappés call your name, but lactose and dairy aren’t your friends, this recipe is for you! Swapping in oat milk makes the frappuccino base safe, and you can easily use a vegan whipped topping and make a plant-based crumble topping.
    • Budget-Friendly - I know, I know. I say this every time! But making your own café-style drinks is one of the easiest, tastiest ways to keep your budget in check. Rather than spending $5+ on a single drink, you can make your own for a fraction and still get all the satisfaction!

    Ingredients Needed

    As promised, you only need a handful of ingredients to make a cinnamon roll frappuccino Starbucks would be proud of. 

    If you want to make the optional Cinnamon Crumble Topping, you’ll need:

    • Nilla Wafers - Note that these cookies are not dairy-free or egg-free, so you may want to swap in another vanilla cookie variety. 
    • Cinnamon - Ground cinnamon adds warmth and sweetness without boosting the sugar content. 
    • Unsalted Butter - Toasting the cookies in butter makes the crumble topping taste extra rich. Make sure to use plant-based butter if you want it to be completely dairy-free!
    • Granulated Sugar - When you add sugar to the buttery crumble mix, it caramelizes and becomes extra delicious.
    flat lay shot of the ingredients needed to make a homemade dairy-free cinnamon crumble frappuccino from starbucks.

    For the actual Cinnamon Crumble Oatmilk Frappuccino you’ll need:

    • Ice - If possible, start with filtered water for the best taste.
    • Cold Brew Coffee - Cold brewed coffee is less acidic and has a bolder, more nuanced flavor than conventionally brewed hot coffee. It’s the best choice for the most intense coffee taste.
    • Oat Milk - For rich, creamy results without any dairy. I recommend choosing a “barista blend” for the best results. 
    • Toasted Cinnamon Syrup - My homemade coffee syrup is made with just 4 ingredients in about 10 minutes, making it far cheaper than store-bought. That said, feel free to use the bottled stuff!
    • Xanthan Gum - This popular corn-based food additive is used as both a thickener and an emulsifier. Here, it helps keep the frothy frappuccino mixture from separating and adds a luscious mouthfeel. Word to the wise: a little goes a long way!
    • Whipped Cream - Totally optional, but lovely for added creaminess and a pretty garnish. Make sure to opt for a vegan version if you are fully dairy-free.

    Substitutions

    Need to make some changes? I’ve got you covered:

    • Nilla Wafers - You’re welcome to omit the cookie crumble topping if you prefer. You can also swap in gluten-free cookies, honey or cinnamon graham crackers, shortbread, or spice cookies (e.g. gingersnaps or speculoos) instead. 
    • Cinnamon - Feel free to trade in another warming spice or spice blend like pumpkin spice, ginger, or cardamom. 
    • Unsalted Butter - You can use regular or plant-based salted butter for a salty-sweet twist. You can also swap in coconut oil if you prefer.
    • Granulated Sugar - You’re welcome to omit the sugar, swap in a cup-for-cup sugar-free alternative, or use another type of sugar like brown sugar or sugar in the raw. 
    • Ice - For deeper coffee flavor, swap in coffee ice cubes. 
    • Cold Brew Coffee - Feel free to use conventionally brewed coffee or French press espresso that has been chilled. 
    • Oat Milk - You can use any variety of plant or dairy milk you prefer. Just remember that the higher the fat, the creamier your cinnamon frappuccino will taste!
    • Toasted Cinnamon Syrup - Cinnamon syrup or cinnamon dolce syrup are close alternatives, but you can use any flavor of coffee syrup you like!
    • Xanthan Gum - If you have a corn allergy, guar gum is a perfect 1:1 substitute for xanthan gum. You can also use ground psyllium husks, ground chia seeds, or ground flaxseeds, or soy or sunflower lecithin.
    • Whipped Cream - Feel free to omit this, or swap in frozen whipped topping or a scoop of ice cream for added decadence. 
    45 degree angle shot of a DIY cinnamon crumble oatmilk frappuccino on a white coaster with cinnamon sticks atop a hammered metal black serving tray.

    How To Make A Cinnamon Cookie Crumble Frappuccino

    This cinnamon roll frappuccino comes together in just a few simple steps:

    Step 1: Make the Cookie Crumble Topping. Stir the crushed Nilla wafers and cinnamon together in a small bowl. In a small skillet, melt the butter over medium heat. Stir in the cookie mixture. Continue to cook for another 2-3 minutes, until golden brown, then remove from heat. Transfer to a small bowl and stir in the granulated sugar. Set aside. (The topping recipe above makes 12 servings, about ¼ cup of topping.)

    Step 2: Add the ice to a high-speed blender, then pour in the cold brew, oat milk, toasted cinnamon syrup, ground cinnamon, and xanthan gum. 

    Step 3: Blend until smooth and no ice chunks remain.

    Step 4: Pour the frappuccino into a tall glass. 

    Step 5: Garnish & Serve. Top with whipped cream and/or cinnamon crumble topping if desired. Drink up!

    cinnamon crumble ingredients in a saute pan after browning.
    action shot of oat milk being poured into a smoothie blender with ice, toasted cinnamon syrup, and cold brew coffee.
    toasted cinnamon coffee mixture after blending into a homemade frappuccino.
    action shot of the cinnamon crumble frappuccino being poured into a clear pint glass.
    whipped cream and toasted cinnamon cookie crumble added on top of the frappuccino in the glass.

    Optional Variations & Dietary Adjustments

    As much as I love this cinnamon toast crunch frappuccino just the way it is written, there are plenty of ways for you to make it your own. Here are a few ideas to get you started: 

    • Sugar-Free - Use sugar-free cinnamon syrup, opt for unsweetened oat milk, and use sugar-free whipped cream. You can either omit the crumble topping or use sugar-free cookies and your favorite cup-for-cup sugar alternative to make it.
    • Gluten-Free - Use your favorite gluten-free vanilla cookies instead of Nilla Wafers. 
    • Caffeine-Free - Using decaf beans to make your cold brew will ensure a much lower caffeine content, but it’ll still be there. If you need to go fully caffeine-free, swap in an alternative like roasted chicory or Dandy Blend.
    • Use Different Milk - Coconut, soy, or even dairy milk are all great choices!

    Serving Suggestions

    Whether you're jazzing up your morning or adding a spark to your evening, this beverage is versatile enough for any occasion:

    • Morning Glow: Start your day on a sweet foot by pairing this frappuccino with buttery croissants, a slice of lush banana nut bread, or a granola yogurt parfait.
    • Sweet Afternoon Escape: Turn an ordinary afternoon into a moment of “me time” by coupling your cinnamon frappuccino with oatmeal protein cookies or energy bites, perfect for a sweet, midday indulgence.
    • Decadent Dessert: Serve this caramel coffee drink alongside a warm apple crumble or a rich caramel cheesecake for a festive fall-inspired finish to any meal.
    • Cocktail Hour Twist: Infuse an adult kick by spiking your frappuccino with a shot of cinnamon whiskey, spiced rum, or Kahlua for a near-Mudslide.
    • Snack and Sip: Pair it with a handful of cinnamon-dusted almonds or sweet, crunchy pecans for the perfect book club or study session snack.
    hand grabbing the homemade cinnamon crumble oat milk frappuccino from the white coaster atop the hammered metal tray.

    Recipe Success Tips

    • To get the full benefit of xanthan gum, wait to add it until the very end and flip the blender switch as soon as possible. As soon as it touches liquid, it’ll begin to gel, so the faster you can get it distributed throughout the drink, the better.
    • Start with cold ingredients for the frostiest results. Bonus points if you freeze your serving cup first!
    • Think ahead. Make your cold brew and the cookie crumbles a day in advance to make your frappuccino-making experience go smoothly. 
    • Use a high-speed blender for the creamiest, dreamiest results. 

    FAQs

    Can you make a frappuccino with oat milk?

    You sure can! This DIY Starbucks frappuccino recipe works beautifully with oat milk. Just don’t skip the xanthan gum (or one of the many alternatives I list above) to ensure it stays perfectly blended and creamy to the last drop.

    What does a frappuccino contain?

    If you order the toasted cinnamon crumble oatmilk frappuccino from Starbucks, it’ll have: ice, oatmilk, coffee frappuccino syrup (sugar, water, natural flavor, salt, xanthan gum, potassium sorbate, citric acid), coffee, nondairy whipped cream (water, palm kernel oil, liquid sugar, maltodextrin, oatmilk, and less than 2% of polyglycerol esters of fatty acids, gellan gum, hydroxypropyl methylcellulose, dipotassium phosphate, microcrystalline cellulose, natural flavor, polysorbate 60, fully hydrogenated rapeseed oil, sea salt, beta-carotene (for color), sodium carboxymethylcellulose), toasted cinnamon syrup (water, sugar, natural flavor, potassium sorbate, citric acid), and cinnamon crumble topping (sugar, vanilla cookie crumbs, ground cinnamon, natural flavor, salt, corn protein glaze, and cream of tartar). Whew! That’s a mouthful!

    If you make mine, on the other hand, it’ll have just ice, cold brew coffee, oat milk, toasted cinnamon syrup (made with just sugar, brown sugar, water, and cinnamon sticks), xanthan gum, plus optional whipped cream and cinnamon cookie crumbles (made with vanilla cookies, butter, cinnamon, and sugar). I don’t know about you, but I prefer the latter!

    What’s another name for a frappuccino?

    While “frappuccino” is a trademarked name for Starbucks, other cafés will refer to these blended coffee drinks as frappés, coffee milkshakes, or coffee smoothies.

    Homemade Cinnamon Crumble Oat Milk Frappuccino Nutrition

    Per serving, it's relatively light on calories, coming in at 170 calories. It contains a modest 3 grams of fat, which is pretty decent for a treat. On the protein front, it has 2 grams per serving—not a lot, but every bit counts, right? It also packs 36 grams of carbs, 30 grams of which are from sugar. That's quite a bit, so it's something to be mindful of. As for sodium, it's fairly low at 66 mg per serving. 

    If you decide to sprinkle on that delicious cinnamon crumble topping, just remember it adds an extra 19 calories, 1 gram of fat, 7 mg of sodium, 2 grams of carbs, and 1 gram of sugar per teaspoon. All in all, it’s a nice little indulgence!

    Total nutritional content per serving (without the cookie crumble topping) is:

    • Calories: 170 calories
    • Total Fat: 3 grams
    • Protein: 2 grams
    • Sodium: 66 mg
    • Carbohydrates: 36 grams
    • Sugar: 30 grams

    *This nutritional information is an estimate and calculated based on the ingredients used to create the recipe. The nutritional value of your ingredients may differ slightly. Furthermore, this food is not intended to prevent, diagnose, cure, or treat any disease.

    side on shot of a plain, ungarnished cinnamon oat milk frappuccino on a white coaster with a few whole cinnamon sticks and a green houseplant in the background.

    Other Starbucks Copycat Recipes

    • Iced Crème Brûlée Latte
    • S'mores Frappuccino (Starbucks Copycat)
    • Homemade Caramel Macchiato Creamer
    • Iced Ube Coconut Cream Shaken Espresso (Starbucks Copycat)
    Print Recipe
    5 from 2 votes

    Cinnamon Crumble Oatmilk Frappuccino (Starbucks Copycat)

    This delightfully dairy-free Cinnamon Crumble Oatmilk Frappuccino tastes as creamy & delicious as you'd get from Starbucks!
    Prep Time3 minutes mins
    Total Time3 minutes mins
    Course: Drinks
    Cuisine: American
    Keyword: Cinnamon Crumble Oatmilk Frappuccino
    Servings: 1 drink
    Calories: 170kcal
    Author: Megan Byrd

    Equipment

    • 1 high-speed blender

    Ingredients

    Cinnamon Crumble Topping (optional):

    • ¼ cup crushed Nilla wafers (or DF vanilla cookie of choice)
    • ¾ teaspoon cinnamon
    • 1 tablespoon unsalted butter
    • 1 teaspoon granulated sugar

    Cinnamon Crumble Oatmilk Frappuccino:

    • 1 cup ice
    • ½ cup cold brew coffee
    • ½ cup oat milk
    • 3 tablespoon toasted cinnamon syrup
    • ¼ teaspoon cinnamon
    • ¼ teaspoon xanthan gum
    • Whipped cream (optional for garnish)

    Instructions

    • Make the cookie topping (optional): Stir together the crushed Nilla wafers and cinnamon in a small bowl. In a small skillet, melt the butter over medium heat. Stir in the cookie mixture. Continue to cook for another 2-3 minutes, until golden brown, then remove from heat. Transfer to a small bowl and stir in the granulated sugar. Set aside.
    • Make the Frappuccino: Add the ice to a high-speed blender, then pour in the cold brew, oat milk, toasted cinnamon syrup, ground cinnamon, and xanthan gum. Blend until smooth and no ice chunks remain.
    • Pour the frappuccino into a tall glass, then top with whipped cream and/or cinnamon crumble topping if desired. Drink up!

    Notes

    ***Nutrition info does not include the cinnamon crumble topping. The topping recipe above makes 12 servings, about ¼ cup of topping.
    ***Note the Nilla Wafers are not dairy-free or vegan. Swap in a dairy-free vanilla cookie of choice for a dairy-free crumble topping.

    Nutrition

    Serving: 1drink | Calories: 170kcal | Carbohydrates: 36g | Protein: 2g | Fat: 3g | Sodium: 66mg | Sugar: 30g
    Indulge in a creamy and delicious Cinnamon Crumble Oatmilk Frappuccino, a perfect Starbucks copycat recipe for fall! This vegan-friendly drink combines the rich flavors of cinnamon, oat milk, and a delightful crumble topping for a refreshing yet cozy drink. Ideal for any time of the day, this frappuccino is a must-try for coffee lovers. Try this delicious Starbucks fall drink today and enjoy a cinnamon cookie-flavored coffee milkshake in no time! #starbucksfalldrinks #falldrinks

    xoxo Megan

    More Recipes

    • Iced Mango Cream Matcha (Starbucks Copycat)
    • Iced Mango Cream Chai (Starbucks Copycat)
    • Fresh Mango Syrup (Starbucks Copycat)
    • Iced Ube Coconut Macchiato (Starbucks Copycat)

    Reader Interactions

    5 from 2 votes (2 ratings without comment)

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Recipe Rating




    Primary Sidebar

    Recent Posts

    • Iced Crème Brûlée Latte
    • S'mores Frappuccino (Starbucks Copycat)
    • Homemade Caramel Macchiato Creamer
    • Iced Ube Coconut Cream Shaken Espresso (Starbucks Copycat)
    • Iced Mango Cream Matcha (Starbucks Copycat)

    Recent Comments

    1. Megan Byrd on Strawberry Acai Refresher (Starbucks Copycat)
    2. Joan K on Strawberry Acai Refresher (Starbucks Copycat)
    3. Isabel on Strawberry Acai Refresher (Starbucks Copycat)
    4. Megan Byrd on Banana Bread Latte (w/Banana Cold Foam)
    5. Megan Byrd on Homemade Chai Concentrate (From Tea Bags)

    Footer

    Disclosure and Privacy Policy

    Copyright © 2026 coffeecopycat.com on the Brunch Pro Theme

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.