Cobalt Pier color palette — #E3F6FF · #6FB7EF · #5678BD · #474686 · #4A2D69
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E3F6FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#6FB7EF): A luminous, balanced blue — the color of open sky before noon.
- Slate (#5678BD): A full-bodied, balanced violet — the color of a velvet chair.
- Indigo (#474686): A full-bodied, balanced violet — the color of a velvet chair.
- Royal Purple (#4A2D69): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Hazy Cobalt Villa color palette (#D3FFFE, #3BC0D7, #0884B3, #23548B, #293C77)
- Sunlit Lilac color palette (#E6F1FF, #9BA3FB, #7D68AC, #623E75, #5D2054)
- Quiet Aubergine Drift color palette (#D6FAFF, #84C8EB, #6E8FCA, #635AA2, #572163)
- Indigo Harbor color palette (#E7F3FF, #B4D4FF, #8DABF9, #7278E4, #3D257E)
- Hushed Azure Parlor color palette (#FFF4E2, #31A1E3, #5E61A5, #704023, #473648)
- Chalky Delta color palette (#FEF0FF, #8DE3FF, #83C0FF, #977DC8, #483243)
- Quiet Grape color palette (#DEEBF9, #5E8BFF, #5A2DD6, #560085, #41004C)
- Petrol Courtyard color palette (#EFF8F4, #E0D4D2, #CDB6BA, #487B96, #3E4B46)
Browse the whole catalog at Explore, or see today's palette.