Softworn Pier color palette — #F6F0F3 · #D8D1E5 · #859DC5 · #217A71 · #2F344D

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

The five colors

• Ivory (#F6F0F3): bright and airy, almost weightless.
• Silver (#D8D1E5): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#859DC5): A luminous, dusty violet — the color of wild irises.
• Teal (#217A71): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2F344D): A deep, shadowed, dusty violet — the color of wild irises.

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

• Ash Loft color palette (#F1F7F2, #D7DDEF, #769EC2, #3B7982, #465367)
• Dusty Loft color palette (#E2F7F7, #D2DBEA, #C4AAB1, #768C62, #243C41)
• Timeworn Cypress color palette (#E5F6F7, #87C1B0, #C8859C, #00856D, #3C2845)
• Patina Petrol color palette (#EFE6ED, #95BAC8, #00749F, #004E2D, #000F41)
• Airy Forest Alley color palette (#F8EEF8, #A3DAE9, #0091B3, #00681E, #002648)
• Weathered Nightshade Quarry color palette (#FBE8EE, #668EB5, #3A359F, #002B2E, #080013)
• Dusty Lagoon Boulevard color palette (#C9F2E3, #95BD94, #3F9674, #006566, #0D3C4F)
• Chestnut Thicket color palette (#EAF5EE, #9EC5BB, #628E77, #6F5131, #143231)

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