Iris Field color palette — #F0F5FF · #8797F5 · #9D883C · #555F9F · #274B36
Built around Lavender Blue, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Lavender Blue (#8797F5): A luminous, balanced violet — the color of wild irises.
- Moss (#9D883C): A luminous, balanced green — the color of new leaves after rain.
- Slate (#555F9F): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#274B36): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged 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
- Lilac Lantern color palette (#F3F4FF, #B588E2, #75964D, #745593, #1B4C42)
- Washed Denim Archive color palette (#ECF2FF, #929DE7, #A18C47, #545CA7, #312600)
- Ancient Azure Garden color palette (#EDF7FF, #41A9E9, #B47C33, #006CA0, #573C1B)
- Hushed Indigo color palette (#FFF0F9, #AFAEFB, #C49F4E, #7874C9, #523F13)
- Iris Coast color palette (#F1F5FF, #747EDD, #947816, #696E31, #2E384D)
- Patina Field color palette (#F1F5FF, #E8D9E1, #ECA9C3, #5F839D, #4D5163)
- Softworn Hollow color palette (#FFF1F6, #BCA376, #906948, #64475C, #2C4338)
- Frosted Iris color palette (#FFF0FA, #BCC8FF, #D8BB5C, #8595F7, #4F410E)
Browse the whole catalog at Explore, or see today's palette.