Softworn Pier color palette — #D9E1E6 · #A5B5C8 · #858BAC · #004C5B · #010D14

Deep Teal takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#D9E1E6): a clean, paper-quiet neutral.
• Ash (#A5B5C8): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#858BAC): A luminous, dusty violet — the color of wild irises.
• Deep Teal (#004C5B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#010D14): 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 Softworn 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

• Patina Pier color palette (#DDE6EE, #97A0B3, #7B7894, #003A59, #00050C)
• Patina Denim color palette (#E7E9F1, #CEC7DE, #AF9CB2, #594887, #13151F)
• Worn Study color palette (#EBF9F2, #C7DEE2, #CCB1C7, #006989, #001109)
• Patina Petrol color palette (#EBF3F8, #D7D6E0, #C3B8C8, #477D95, #272D31)
• Cobalt Boulevard color palette (#D5E8E6, #5285BD, #5F4771, #2D3900, #001B14)
• Chalky Aubergine Workshop color palette (#F4E3C9, #007182, #40029A, #2B1B00, #00060E)
• Pine Lantern color palette (#E0F1E9, #298F43, #004F46, #002C49, #000B02)
• Garnet Workshop color palette (#DCF3FF, #006375, #690800, #221800, #050300)

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