Iris Pier color palette — #C7E2FF · #9BBCFE · #7B88D5 · #6F62A8 · #603949
A conversation between Lavender Blue and Slate, giving this palette its sense of creativity and calm.
The five colors
- Powder Blue (#C7E2FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#9BBCFE): A luminous, balanced violet — the color of a velvet chair.
- Lavender Blue (#7B88D5): A luminous, balanced violet — the color of wild irises.
- Slate (#6F62A8): A full-bodied, balanced violet — the color of a velvet chair.
- Cocoa (#603949): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Creativity, Calm, 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
- Iris Cabin color palette (#EDF6FF, #BAD2FF, #7E91F9, #7061AC, #3E405F)
- Aubergine Lantern color palette (#C4F0D7, #7CAEDE, #6278CC, #664396, #5B3A5E)
- Ancient Lilac Quarry color palette (#FFF0F9, #CCBEF3, #A98BC6, #8C6792, #674346)
- Mustard Station color palette (#FFF0F9, #ADAFF8, #B7A54B, #7778BD, #4C420A)
- Pale Market color palette (#AEEEF2, #66C5DD, #279FC7, #3077A5, #573B59)
- Antique Ash color palette (#FFF0F8, #E5D8D4, #E5B6A2, #889DCB, #5F4650)
- Softworn Amber color palette (#FFF0F8, #A29ADE, #CB855F, #3F997C, #482F3D)
- Amethyst Grove color palette (#EAF0FF, #9991FF, #8935FE, #7800A4, #4E0F59)
Browse the whole catalog at Explore, or see today's palette.