Softworn Pier color palette — #F8EFF2 · #DAD0E2 · #909AC3 · #2D787B · #33344B

A conversation between Teal and Blue Fog, giving this palette its sense of sophistication.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Silver (#DAD0E2): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#909AC3): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#2D787B): A full-bodied, dusty teal — the color of sea glass.
• Navy (#33344B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. 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

• Antique Archive color palette (#F1F7F2, #DADDED, #849AC1, #177A95, #46526D)
• Worn Harbor color palette (#F6EFF6, #BEE4EE, #479AB3, #396C3B, #112E49)
• Dusty Ash Station color palette (#E8F3FF, #DAD6E3, #DAB6CA, #6E9AA5, #343C4B)
• Aged Cerulean color palette (#C6F4FE, #84C9DC, #5C92BF, #4C5788, #31344E)
• Weathered Denim color palette (#E8DBE0, #7EA0BE, #3F5299, #003939, #100026)
• Hushed Atelier color palette (#E9F3FE, #91B7DE, #B7966B, #4175A8, #1F381E)
• Patina Driftwood color palette (#E9F3FF, #7A9FCC, #A58952, #8D7443, #1C2836)
• Petrol Grove color palette (#EFE6EC, #7CBFD3, #2A6FA9, #004D3C, #0F1035)

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