Iris Field color palette — #F1F5FF · #B9C0F1 · #ABB97B · #7F86C6 · #2B5749
Slate Blue and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#B9C0F1): A luminous, dusty violet — the color of a velvet chair.
- Sage (#ABB97B): A luminous, balanced green — the color of fresh herbs.
- Slate Blue (#7F86C6): A luminous, balanced violet — the color of wild irises.
- Charcoal Brown (#2B5749): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, Calm, Sophistication. Tagged light, muted, cool.
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
- Muted Driftwood color palette (#F6F3FF, #E1B2E0, #86C0A7, #AA78A9, #275558)
- Hushed Honey color palette (#F2F5FF, #D2CEFF, #CECC77, #A59FE0, #325646)
- Washed Coast color palette (#F0F6FF, #ADC4F8, #D8A676, #748BC0, #62424E)
- Weathered Hollow color palette (#F2F5FF, #B0A8E3, #9DAE6A, #629A70, #3C4156)
- Patina Indigo Lantern color palette (#FFF1F8, #CCA1B8, #999F56, #7064B7, #4D5128)
- Ancient Pewter color palette (#EFF8EE, #B5D3C2, #8AA489, #89697E, #374D48)
- Weathered Oat color palette (#F4F4FE, #AADCDF, #7A799B, #4A4967, #2A2A35)
- Tempered Byzantium Villa color palette (#EEECFF, #C592D3, #2AAD84, #974EAB, #00402D)
Browse the whole catalog at Explore, or see today's palette.