Cobalt Pier color palette — #E8EEF9 · #6E7EC2 · #393853 · #191E29 · #090D11
A conversation between Slate Blue and Navy, giving this palette its sense of creativity and sophistication.
The five colors
- Frost (#E8EEF9): a clean, paper-quiet neutral.
- Slate Blue (#6E7EC2): A luminous, balanced violet — the color of a velvet chair.
- Navy (#393853): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Midnight (#191E29): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#090D11): quiet, heavy and certain.
Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.
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
- Worn Lagoon color palette (#FBEDF7, #8395E7, #685058, #3E353B, #1B2421)
- Charred Cabin color palette (#E1DBE9, #A3568D, #402641, #191321, #06060B)
- Dusty Moss color palette (#EFF1FF, #A690C7, #89963E, #348A6F, #252634)
- Moonless Balcony color palette (#DFE3F8, #7E2CE9, #3F193A, #0B0C26, #01030A)
- Timeworn Garden color palette (#F7EFF2, #DAD0E3, #839BD3, #38757F, #2F354A)
- Weathered Boulevard color palette (#F1F0FF, #C3A6D5, #8EA75E, #875E9E, #153830)
- Tempered Hollow color palette (#FAEEF2, #A7CEB7, #798A5C, #54617C, #27352D)
- Patina Iris color palette (#E4EEFF, #B4B2F2, #9876C3, #6C4771, #40354F)
Browse the whole catalog at Explore, or see today's palette.