Softworn Pier color palette — #FAF3F7 · #D6D4E1 · #BAC1ED · #62A08C · #414D66

Built around Eucalyptus, softened by Lavender — the whole palette hums with calm and sophistication.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D6D4E1): a clean, paper-quiet neutral.
• Lavender (#BAC1ED): A whisper-light, dusty violet — the color of a velvet chair.
• Eucalyptus (#62A08C): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#414D66): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Calm, 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

• Teal Basin color palette (#F8F4EE, #CFE4E2, #A4D3C0, #49B5B4, #28544A)
• Wandering Ash color palette (#EEF4EF, #D2DDF2, #71A4C0, #387776, #26384A)
• Shell Harbor color palette (#F9F2FF, #FCB3D2, #86CCB1, #6BB398, #3E3445)
• Wandering Denim Harbor color palette (#F1DDE7, #7AAAC0, #235397, #002C26, #010009)
• Timeworn Cabin color palette (#FFF0F8, #CAF1E7, #C8A1B6, #877288, #33443B)
• Ash Pier color palette (#F2F5FF, #F3D3E4, #CE94C3, #A06879, #60455F)
• Ash Balcony color palette (#F7F3FF, #FFD1D9, #8EDFC4, #BD84AF, #1D4F53)
• Powdered Cobalt Boulevard color palette (#FCF1F9, #8ADAEB, #0082C2, #00543B, #030430)

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