Iris Field color palette — #F6F3FF · #D1C0FF · #957FCD · #635288 · #31244C
A conversation between Lavender Blue and Lavender, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#F6F3FF): bright and airy, almost weightless.
- Lavender (#D1C0FF): A whisper-light, balanced violet — the color of wild irises.
- Lavender Blue (#957FCD): A luminous, balanced violet — the color of twilight just after sunset.
- Graphite (#635288): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Indigo (#31244C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Balance. Tagged monochrome.
Use it as a design system
One click turns Iris Field 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
- Misty Mallow Field color palette (#F6F3FF, #F5ABEB, #B476B1, #744871, #3F213C)
- Faded Aubergine Workshop color palette (#F3F4FF, #E2D5E1, #AB8DD9, #68409C, #271244)
- Timeworn Loft color palette (#EEF6FF, #A6CFFF, #5C93D0, #356394, #153151)
- Faded Navy color palette (#F3F4FF, #BAAAE2, #8068AB, #4A3473, #372653)
- Shell Garden color palette (#F3F4FF, #DFD7E0, #FFBCCD, #9794C3, #4C4C5F)
- Patina Veranda color palette (#F8F2FF, #D67AB8, #B78351, #537099, #362F40)
- Ember Delta color palette (#F7F3FB, #FFA4CB, #D26E5E, #AE6686, #2B2028)
- Apricot Corridor color palette (#F8F2FF, #FBB08A, #985A80, #483D54, #241F2A)
Browse the whole catalog at Explore, or see today's palette.