Softworn Pier color palette — #F9F4EE · #C8DCE9 · #C2BCED · #619CAD · #5C4556

A conversation between Lavender and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C8DCE9): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#C2BCED): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#619CAD): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#5C4556): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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 Powder color palette (#F9F4EE, #C3DEE6, #A7C4EE, #809B7A, #35554B)
• Washed Ridge color palette (#F1F7F2, #DADDED, #7C9AC9, #2B7A8F, #4A5365)
• Wandering Azure color palette (#EBF9F5, #D7DBF8, #F0C198, #6D9FCE, #653B00)
• Aged Stone Corridor color palette (#FEF0FF, #E9D7D8, #93CCCD, #AAAEA3, #554752)
• Patina Basin color palette (#FFEFFF, #A9CFFF, #E5A9AC, #8FAC80, #413342)
• Timeworn Ridge color palette (#FAF4EB, #C0E5F5, #64AEE5, #077E86, #3E233E)
• Hazy Cobalt color palette (#FEF4E4, #97D4FD, #2C7BD2, #004F5D, #030136)
• Tempered Lantern color palette (#FAF4EC, #BAF0FF, #3E9DC9, #006A68, #00203A)

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