Cobalt Pier color palette — #DAE5F1 · #0078D4 · #3F2290 · #00325F · #040015
A conversation between Azure and Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#DAE5F1): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#0078D4): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Indigo (#3F2290): A deep, shadowed, vivid violet — the color of a velvet chair.
- Navy (#00325F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#040015): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Balance. Tagged duotone.
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
- Antique Nightshade color palette (#DDE9F2, #0081AF, #0026AA, #00374D, #00030F)
- Gentle Navy color palette (#E3EBF9, #516ED1, #530D8C, #140A94, #030112)
- Aged Veranda color palette (#DAE5EC, #0084AE, #72006D, #003C51, #020007)
- Pale Bloom color palette (#E2E6F4, #796EE1, #552D96, #330056, #21002E)
- Powdered Delta color palette (#E5E7F9, #875FB9, #700054, #440075, #06000F)
- Feathered Nightshade color palette (#DAE0EF, #4741BA, #5D005A, #002521, #070D1F)
- Washed Lagoon color palette (#FAD5D2, #6249CC, #560881, #4B000E, #1A0937)
- Navy Pier color palette (#E1E5EB, #B3B9C6, #878DA2, #263F82, #18202C)
Browse the whole catalog at Explore, or see today's palette.