Iris Drift color palette — #F3F5FB · #DFD8E2 · #BCADB3 · #977DE3 · #313442

Built around Lavender Blue, softened by Deep Teal — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F3F5FB): a clean, paper-quiet neutral.
• Silver (#DFD8E2): bright and airy, almost weightless.
• Ash (#BCADB3): soft and architectural.
• Lavender Blue (#977DE3): A luminous, balanced violet — the color of a velvet chair.
• Deep Teal (#313442): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. 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

• Magenta Hollow color palette (#F5F4FD, #E2D7DF, #CEC2BD, #C863D0, #363243)
• Patina Azure color palette (#EEF6FF, #D8D8E3, #B6ACB7, #2398EA, #283744)
• Patina Violet Terrace color palette (#F3F4FE, #DED7E0, #D0BAD0, #8D55C7, #1C1D29)
• Indigo Balcony color palette (#FCF2F6, #EAD4D1, #D2B2BA, #6F5BA5, #4C3A42)
• Muted Garnet color palette (#E3DDE3, #C2B7BF, #A68799, #750017, #030003)
• Hushed Mallow Archive color palette (#F4F4FF, #DFD6DF, #FF8DDB, #B7B1A7, #3D0640)
• Hushed Coast color palette (#F8F3FA, #EBD7DE, #E2B3AA, #D13D7A, #2C1F31)
• Wisteria Parlor color palette (#F5F3FF, #BE69D3, #522C4C, #220828, #010107)

Browse the whole catalog at Explore, or see today's palette.