Softworn Pier color palette — #DFE7EE · #A1B6CB · #7C8FA9 · #00496B · #000C18

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

The five colors

• Frost (#DFE7EE): a clean, paper-quiet neutral.
• Ash (#A1B6CB): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#7C8FA9): A luminous, dusty blue — the color of open sky before noon.
• Navy (#00496B): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#000C18): 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

• Washed Navy color palette (#E0E8F4, #95A0B4, #707B98, #0D336E, #00040F)
• Hushed Abyss color palette (#E4EDE9, #C2B3C3, #9C8696, #004B68, #14231D)
• Petrol Balcony color palette (#D9E0E5, #BAC5D6, #A0A2BD, #006B88, #0B222E)
• Ancient Aubergine color palette (#E8E8F3, #CCC9DA, #A89EBA, #69427B, #15151E)
• Weathered Lagoon color palette (#D1EAEA, #008D6E, #004F45, #003132, #000B06)
• Washed Cobalt Cabin color palette (#DAE4FF, #7E79B7, #564174, #4B1C28, #2F0001)
• Wandering Harbor color palette (#E0EFFF, #00A0E5, #1E80F9, #3F41B3, #00051B)
• Nightshade Studio color palette (#FDEAEE, #0066B5, #251C9E, #3B0029, #000416)

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