Softworn Pier color palette — #F1F7F1 · #D2DCDA · #A5B6BB · #6DA8A5 · #4F544E

Built around Blue Fog, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Silver (#D2DCDA): a clean, paper-quiet neutral.
• Ash (#A5B6BB): A luminous, dusty blue — the color of deep harbor water.
• Blue Fog (#6DA8A5): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#4F544E): a grounded near-black with real depth.

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

• Tempered Cerulean Thicket color palette (#F9F3F9, #E1D7D9, #D0BBBD, #7291BE, #4D444D)
• Hushed Balcony color palette (#DFE9E0, #9AA99F, #748D80, #004F54, #030C04)
• Ancient Cerulean Loft color palette (#F4F7E6, #86CBD5, #5C9CB9, #756690, #354E3F)
• Turquoise Field color palette (#E8F6ED, #42ABC4, #485E54, #303B34, #1D241E)
• Olive Loft color palette (#F8F5EA, #D5D3B4, #9D9E7B, #768541, #564F00)
• Tempered Petrol color palette (#E8F1EC, #C9DDD5, #A2BFB6, #007D9F, #21322A)
• Antique Denim color palette (#DCECE7, #CBC0CB, #B59CAF, #0D64A2, #11231F)
• Tempered Ash Summit color palette (#F0F7F2, #D2DCDB, #A7B4BB, #6DA6B0, #4D554F)

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