Iris Canyon color palette — #F0F5FF · #C1D1FF · #8E99F4 · #6E6DA6 · #583547
A conversation between Lavender Blue and Slate, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Lilac Frost (#C1D1FF): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#8E99F4): A luminous, balanced violet — the color of wild irises.
- Slate (#6E6DA6): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#583547): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Creativity, Balance. Tagged muted.
Use it as a design system
One click turns Iris Canyon 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
- Softworn Wisteria color palette (#F5F3FF, #E1CAFF, #C190E5, #82598D, #573138)
- Nightshade Grove color palette (#D1E7FF, #8BA6E3, #6A73C4, #593F98, #37244C)
- Weathered Aqua color palette (#FFF0F9, #CDCFFF, #4DD3C6, #8181C7, #284022)
- Linen Alley color palette (#E5F9FF, #93E4FF, #2EB1E6, #2F7297, #244F43)
- Washed Grove color palette (#FFF1F6, #CAA6FF, #F0849A, #5C9ABE, #3C222D)
- Gentle Byzantium Canyon color palette (#F2F2FF, #BCABFF, #9D3FFF, #6F22A2, #400756)
- Aged Taupe color palette (#FFF1F6, #E9D8E0, #C4AFAB, #B78F7B, #564047)
- Grape Boulevard color palette (#DCE0F5, #746CFF, #5A12D0, #330069, #060011)
Browse the whole catalog at Explore, or see today's palette.