Iris Drift color palette — #F1F5FB · #DDD9E2 · #C7BCC8 · #6D8FCE · #404855
Slate Blue and Charcoal set the tone — five colors that lean into sophistication and softness.
The five colors
- Ivory (#F1F5FB): a clean, paper-quiet neutral.
- Silver (#DDD9E2): a clean, paper-quiet neutral.
- Stone (#C7BCC8): A luminous, dusty pink — the color of peonies in June.
- Slate Blue (#6D8FCE): A luminous, balanced violet — the color of twilight just after sunset.
- Charcoal (#404855): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.
Use it as a design system
One click turns Iris Drift into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Muted Ash color palette (#F1F5FD, #DBD8E3, #BDADB8, #B18DAC, #424852)
- Muted Driftwood Study color palette (#EDF7FF, #B8C6E5, #9F99BA, #6B8251, #38575C)
- Iris Thicket color palette (#E0E4F3, #9181D2, #4F4861, #282C41, #14191F)
- Indigo Villa color palette (#F1F5FF, #DDDCF0, #C4B8D3, #6F5EE4, #29314D)
- Olive Station color palette (#DEFDF7, #83B7E7, #9575B9, #487029, #2F3D56)
- Timeworn Driftwood Boulevard color palette (#EEF8F0, #A4CFBE, #759B6F, #706B96, #2A4A3E)
- Washed Plum Drift color palette (#EFEDF4, #DCD4E1, #C5B0C2, #9B519A, #2F2B3B)
- Chalky Fuchsia Orchard color palette (#F1F5FF, #CAE0FE, #C5C1FF, #EA77C5, #463458)
Browse the whole catalog at Explore, or see today's palette.