Softworn Pier color palette — #E7DED4 · #9EA391 · #7E8C79 · #885700 · #110700

Ochre and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Bone (#E7DED4): bright and airy, almost weightless.
• Taupe (#9EA391): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#7E8C79): A luminous, dusty green — the color of a quiet forest floor.
• Ochre (#885700): A full-bodied, balanced gold — the color of old brass.
• Ink (#110700): A deep, shadowed, dusty gold — the color of old brass.

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

• Cocoa Summit color palette (#E3EDE4, #9AA99E, #768C80, #5C3F00, #010D02)
• Tempered Pewter Veranda color palette (#DEE7DD, #819288, #60724B, #3C2300, #000200)
• Olive Grove color palette (#EBECE4, #A4B5AB, #7EA096, #4A8230, #141506)
• Aged Lagoon color palette (#F2EFDB, #569A69, #007262, #723031, #000802)
• Hushed Field color palette (#FFEBD8, #858756, #337A4E, #593A59, #290023)
• Hushed Aubergine Meadow color palette (#F8E3CB, #A86A00, #456600, #3B277B, #050300)
• Pale Study color palette (#F1E9D6, #F67036, #B49000, #008D57, #020200)
• Aged Taupe Boulevard color palette (#F2EEE7, #CFD5CA, #ACBEAF, #A5914D, #332D21)

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