Softworn Pier color palette — #FAF3F6 · #CDD9DB · #ABC3C0 · #9C6641 · #504449

Walnut and Stone set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#CDD9DB): a clean, paper-quiet neutral.
• Stone (#ABC3C0): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#9C6641): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#504449): a grounded near-black with real depth.

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

• Hushed Bronze color palette (#F6EFF3, #C9D6D9, #A7BFC2, #A16345, #31292E)
• Aged Olive color palette (#F0F7F4, #CBDEE1, #A4C4C0, #706F00, #2A473B)
• Hushed Pine color palette (#EDF8F2, #94B9AE, #597F58, #7C4B3E, #264A41)
• Petrol Balcony color palette (#FFEEF4, #9EB4A7, #5C8E82, #3F6688, #514960)
• Basalt Villa color palette (#ECE2E6, #9FAEA2, #698778, #512E00, #220B15)
• Hushed Bronze Field color palette (#DCE8DE, #906A13, #20382D, #0F2513, #1A1110)
• Tempered Fern color palette (#E6F1ED, #C3CFCD, #84A8A8, #4E5D00, #21322C)
• Faded Dune color palette (#EEF9EE, #FFC7B4, #EEA740, #8D920E, #254933)

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