Iris Pier color palette — #F0F5FF · #BFD0FF · #8B95ED · #6C68A1 · #563346
Lavender Blue and Slate set the tone — five colors that lean into creativity and balance.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Lilac Frost (#BFD0FF): A whisper-light, dusty violet — the color of wild irises.
- Lavender Blue (#8B95ED): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#6C68A1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#563346): 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 Pier 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
- Wandering Wisteria color palette (#F6F3FF, #E3CBFF, #B983D7, #896095, #532B34)
- Dusty Studio color palette (#CDE3FD, #8DA3DA, #6869BC, #593F9D, #321E41)
- Timeworn Mallow color palette (#FFF1F6, #EAD5E4, #CEA7E5, #906F98, #63474C)
- Dusty Lagoon color palette (#FFF0F9, #CCD0FF, #61D0C4, #7F82C5, #00423D)
- Aged Azure color palette (#E5F9FF, #B3E9FF, #21A8DC, #317099, #14453A)
- Blush Harbor color palette (#FFF1F6, #CBA6FF, #F18499, #5F9ABD, #39232C)
- Ancient Taupe Coast color palette (#FFF1F5, #EAD8E0, #C2B0AB, #C39293, #5D434B)
- Quiet Byzantium Meadow color palette (#F2F1FF, #B9A1FF, #A13CFF, #6F1CA3, #360047)
Browse the whole catalog at Explore, or see today's palette.