Cobalt Pier color palette — #EEF6FF · #427CBD · #5C4B84 · #722E0A · #0F3332
A conversation between Cerulean and Rust, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Cerulean (#427CBD): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#5C4B84): A full-bodied, balanced violet — the color of wild irises.
- Rust (#722E0A): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Deep Forest (#0F3332): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged jewel, vibrant, 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 Courtyard color palette (#F0F5FF, #7784C2, #855579, #66401E, #1C373B)
- Garnet Orchard color palette (#E7F9FF, #00828D, #545392, #68243C, #122D26)
- Worn Turquoise Meadow color palette (#E4FDE9, #46A7B8, #576897, #634900, #264052)
- Linen Bloom color palette (#F1F5FF, #6354B9, #575300, #3D3A00, #00252F)
- Petrol Atelier color palette (#EFF7FB, #D9DAE5, #C1BDCC, #2D8095, #3C4A51)
- Aged Grape Loft color palette (#F3F4FF, #7541CC, #8C0055, #483900, #002630)
- Tempered Cobalt color palette (#D7E7F7, #1975BB, #293149, #15202B, #080C14)
- Tempered Sky Harbor color palette (#EEF6FF, #7BF1E7, #52C0FA, #8D76C6, #293B56)
Browse the whole catalog at Explore, or see today's palette.