Cobalt Pier color palette — #EFF6FF · #DBD8E2 · #C7A7AA · #467CD5 · #172538

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Silver (#DBD8E2): bright and airy, almost weightless.
• Rosewood Mist (#C7A7AA): A luminous, dusty red — the color of a theater curtain.
• Azure (#467CD5): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#172538): 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

• Cerulean Lantern color palette (#EBF7FD, #D6DAE5, #B9A7B1, #008EA2, #0C2834)
• Ancient Iris Ridge color palette (#F3F5FD, #DFD8E1, #BEB5AC, #9582D6, #313444)
• Aged Grove color palette (#F4F4FD, #E1D8E1, #D7BACE, #8366A6, #1D1D27)
• Softworn Grove color palette (#F9EEF8, #E2CDD8, #C99EA9, #0056B6, #251225)
• Ancient Dune color palette (#E9EDF8, #B6B8D3, #928CAF, #342C7E, #000104)
• Pale Byzantium Chapel color palette (#FFF4DE, #84A6FF, #9834DC, #5F3F00, #140F3D)
• Faded Violet Parlor color palette (#EDECFF, #7F56FF, #3B184C, #2C1A21, #03051A)
• Plum Grove color palette (#F0F5FF, #7B8EFF, #C0006C, #543A00, #00180D)

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