Softworn Pier color palette — #ECF5EB · #BD9462 · #378262 · #284D7A · #2E203A

Fern takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#ECF5EB): a clean, paper-quiet neutral.
• Camel (#BD9462): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#378262): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#284D7A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#2E203A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Petrol Summit color palette (#EBF4F1, #96A465, #008090, #544073, #371C32)
• Olive Corridor color palette (#F7EFF6, #C98985, #747716, #00575C, #20253E)
• Amber Basin color palette (#FFF3E8, #D28241, #3F7797, #445376, #513A4D)
• Ancient Ash Meadow color palette (#E3F9E3, #B9CFC4, #739993, #596C82, #393D4E)
• Navy Harbor color palette (#E5F7EB, #9C8000, #006A60, #25258A, #340013)
• Softworn Boulevard color palette (#FDF3E9, #DFA45A, #689A78, #456E89, #59373F)
• Gentle Moss color palette (#DAFBE0, #CCBE7E, #848B22, #506A2E, #1B3E39)
• Worn Bronze color palette (#E5F1E7, #A37C17, #224336, #172119, #110A0D)

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