Cobalt Pier color palette — #CDE9EF · #4CBCF6 · #0083D4 · #404FA4 · #3A3865
Azure takes the lead with Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#CDE9EF): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#4CBCF6): A luminous, balanced blue — the color of deep harbor water.
- Azure (#0083D4): A full-bodied, balanced blue — the color of open sky before noon.
- Indigo (#404FA4): A full-bodied, balanced violet — the color of wild irises.
- Navy (#3A3865): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, 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
- Washed Harbor color palette (#DCF2FF, #65AFFF, #5771EF, #5C4FAA, #49335D)
- Ancient Loft color palette (#E1EFF7, #089CEF, #006EC0, #1D4C87, #283C62)
- Teal Delta color palette (#D3F6F0, #00BDBF, #0091AD, #005F8D, #223E5E)
- Patina Indigo Hollow color palette (#EBF1FF, #9FB5FF, #5C75E2, #40499D, #171C4D)
- Gentle Studio color palette (#DBF5EE, #7CBFFF, #AE9300, #0065AB, #403500)
- Frosted Ultramarine color palette (#C2E5F0, #008DD3, #0155E8, #3813A1, #2D0C4C)
- Powdered Violet color palette (#DAE9FF, #909CF9, #9C67E7, #7F459A, #502B48)
- Aged Mallow color palette (#FEF0FF, #E9D2E9, #F9A3DD, #3298AF, #503648)
Browse the whole catalog at Explore, or see today's palette.