Cobalt Pier color palette — #EFF6FF · #9AB8F2 · #627CC6 · #5C6298 · #47506C
A conversation between Azure and Sky, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Sky (#9AB8F2): A luminous, balanced violet — the color of a velvet chair.
- Azure (#627CC6): A full-bodied, balanced violet — the color of a velvet chair.
- Slate (#5C6298): A full-bodied, balanced violet — the color of a velvet chair.
- Peacock (#47506C): A full-bodied, dusty violet — the color of wild irises.
Feels like: Creativity, Calm, Balance. Tagged muted, 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
- Muted Veranda color palette (#DAFFEE, #A0CAFF, #849CD9, #736D9A, #684C55)
- Patina Terrace color palette (#F2F5FF, #CDC6F8, #7F75BB, #4E4679, #313753)
- Worn Garden color palette (#D5F3FF, #79CBDF, #0097BD, #1D6988, #3A5264)
- Driftwood Field color palette (#F2F5FF, #DDD7E1, #B3AFA5, #7885A5, #494A5D)
- Hushed Hollow color palette (#F2F5FF, #9B8BD1, #BD6D87, #407F99, #3E4153)
- Muted Amethyst Ridge color palette (#E1E5FF, #9389FF, #8244FF, #6328A8, #52366B)
- Driftwood Summit color palette (#FFF1F5, #A9BFA9, #9C7854, #745262, #3D4C40)
- Antique Byzantium color palette (#EBE7F5, #A778D1, #903DB4, #692973, #523251)
Browse the whole catalog at Explore, or see today's palette.