Iris Pier color palette — #D1E9FD · #8EB6FF · #9192F1 · #8363B6 · #4B2A58
Built around Lavender Blue, softened by Amethyst — the whole palette hums with trust and stability.
The five colors
- Frost (#D1E9FD): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#8EB6FF): A luminous, balanced violet — the color of a velvet chair.
- Lavender Blue (#9192F1): A luminous, balanced violet — the color of a velvet chair.
- Amethyst (#8363B6): A full-bodied, balanced violet — the color of wild irises.
- Royal Purple (#4B2A58): A deep, shadowed, balanced pink — the color of neon signs at night.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
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
- Azure Dune color palette (#DAF4F9, #4DCDFF, #419CF0, #6074C0, #3A3161)
- Grape Corridor color palette (#F1F5FF, #B6C2FF, #7F7BE3, #5E41AD, #372659)
- Lilac Summit color palette (#DEE9FF, #C4C8FF, #BD95E2, #A06DA3, #633852)
- Chalky Corridor color palette (#F5F2FF, #DABEFF, #AD8FE2, #7B60AC, #2E1242)
- Wandering Violet color palette (#DFEBFE, #7A87FF, #8059E5, #78319D, #3D003C)
- Aged Basin color palette (#D5E2ED, #598CE2, #5546CF, #51277C, #301238)
- Antique Iris Balcony color palette (#FEE7F4, #B6B6FF, #A5BC5E, #8783E5, #303B06)
- Ancient Alley color palette (#FFF0F8, #FFD1DE, #EEB7A3, #7CA4D9, #512F3A)
Browse the whole catalog at Explore, or see today's palette.