Cobalt Pier color palette — #EEF6FF · #DBD8E3 · #C8BEB7 · #347ED7 · #152639

Azure and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Silver (#DBD8E3): a clean, paper-quiet neutral.
• Stone (#C8BEB7): soft and architectural.
• Azure (#347ED7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#152639): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Indigo Thicket color palette (#F3F4FE, #DFD7E0, #D2BACC, #7F67AC, #1C1D29)
• Weathered Azure color palette (#EDF6FF, #DED6EF, #D5B6D7, #4B9FE1, #273440)
• Cerulean Harbor color palette (#EEF7FB, #D6DBE6, #BBA7B3, #008E9D, #122830)
• Softworn Denim color palette (#F6EFF7, #E1CDD9, #C0A2AB, #005CA6, #211522)
• Navy Drift color palette (#DDE0E7, #B6B9CD, #918DB0, #2D2A87, #000105)
• Muted Hollow color palette (#F6F4FA, #E3D8DE, #CCC2BB, #B78FB0, #403E46)
• Nocturne Indigo Orchard color palette (#E7EEFF, #735DFF, #3A1752, #060220, #000105)
• Misty Plum Terrace color palette (#F0F5FF, #7092FF, #BE0079, #573800, #00180A)

Browse the whole catalog at Explore, or see today's palette.