Cobalt Pier color palette — #E9EFFA · #C3BCD4 · #B0A1C2 · #6A7DBB · #181F2C
A conversation between Slate Blue and Mauve, giving this palette its sense of creativity and sophistication.
The five colors
- Frost (#E9EFFA): a clean, paper-quiet neutral.
- Ash (#C3BCD4): A luminous, dusty violet — the color of wild irises.
- Mauve (#B0A1C2): A luminous, dusty violet — the color of twilight just after sunset.
- Slate Blue (#6A7DBB): A luminous, balanced violet — the color of wild irises.
- Midnight (#181F2C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Cobalt 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
- Denim Veranda color palette (#E0E5EC, #BDC3DA, #A4A1BD, #345EA7, #18202A)
- Navy Station color palette (#E7ECF2, #B0B2BF, #9189A0, #003D93, #040B16)
- Tempered Lilac Courtyard color palette (#F3F4FF, #E3D4E7, #D4B7D4, #A982DE, #303141)
- Pewter Drift color palette (#EFEDF9, #AB9BA8, #97808F, #7F4E82, #0A0712)
- Softworn Courtyard color palette (#E1DBF6, #BF8ADC, #A86A9E, #7B586F, #421F32)
- Airy Corridor color palette (#D6E0FF, #A9C4FF, #AEA8FF, #B47ADF, #190538)
- Faded Iris Orchard color palette (#FBD6D3, #9580FF, #9553BF, #8C3336, #190E2F)
- Ancient Pewter Balcony color palette (#F4F4FC, #E1D7E1, #BCACAF, #5D777B, #525257)
Browse the whole catalog at Explore, or see today's palette.