Cobalt Pier color palette — #EDF4EE · #ADCBE7 · #557CB9 · #00596C · #171C42

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Sky (#ADCBE7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#557CB9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00596C): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#171C42): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cerulean Veranda color palette (#ECF4EE, #ADCED8, #298A9A, #005D49, #002531)
• Softworn Cobalt Harbor color palette (#FCF4EC, #A1D1C2, #5E71C3, #005F60, #502E3D)
• Muted Denim Terrace color palette (#DFEBE1, #4896AA, #00506E, #002C2B, #00050D)
• Hushed Petrol Ridge color palette (#EEF3EF, #D6DAEA, #829FC1, #177789, #28364F)
• Frosted Violet Balcony color palette (#DBEEE9, #7D9E51, #8D62C6, #426000, #260843)
• Washed Mulberry Loft color palette (#C8E7E0, #5C8B3F, #2A6EBF, #9D2B3F, #081900)
• Timeworn Parlor color palette (#D8FBF2, #B4E2E0, #64C6C0, #707800, #002926)
• Timeworn Garnet color palette (#F2D8E4, #86A183, #8B562D, #6D2105, #001F0A)

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