Cobalt Pier color palette — #E8F3FF · #87AEF3 · #616EBB · #444079 · #28114F
Built around Slate, softened by Cornflower — the whole palette hums with trust and stability.
The five colors
- Ivory (#E8F3FF): a clean, paper-quiet neutral.
- Cornflower (#87AEF3): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#616EBB): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#444079): A full-bodied, balanced violet — the color of wild irises.
- Deep Indigo (#28114F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
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
- Tempered Lilac Villa color palette (#F0F0FF, #B6A1EC, #8A68A9, #5C326D, #37023B)
- Quiet Sky Coast color palette (#C7F1FF, #39BAEF, #2E7BAA, #164C80, #021B5A)
- Periwinkle Villa color palette (#FFEDE9, #789AE4, #675FA7, #693146, #2E1B2A)
- Hushed Delta color palette (#FCECF9, #B7DDFF, #98BDFF, #867CC9, #2E1929)
- Washed Garnet color palette (#BEFFFE, #7FC8F5, #7D90CD, #735191, #631949)
- Washed Petrol color palette (#EBF4F1, #E0D0CD, #CAB5B9, #55799A, #262E2C)
- Weathered Grape Bloom color palette (#D8DEFF, #8577FF, #6E23CC, #46006B, #22002C)
- Indigo Harbor color palette (#ECDCE8, #5369D7, #412837, #1D111B, #090508)
Browse the whole catalog at Explore, or see today's palette.