Softworn Pier color palette — #FAF0E4 · #9D6F00 · #006181 · #2D3F6D · #1E0A09

A conversation between Ochre and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#FAF0E4): a clean, paper-quiet neutral.
• Ochre (#9D6F00): A full-bodied, balanced gold — the color of honey in a jar.
• Peacock (#006181): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2D3F6D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#1E0A09): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Worn Olive color palette (#F7F2E3, #817900, #5C539E, #403A6F, #200D09)
• Worn Rust Villa color palette (#FFEEE4, #CE5617, #00676C, #00474A, #1F0A10)
• Patina Summit color palette (#FBF0E0, #B28500, #00727E, #4C3560, #271436)
• Dusty Navy color palette (#E8FAF4, #637A33, #4F6517, #323B7B, #37202A)
• Feathered Amber Ridge color palette (#FFEFDC, #C89200, #4B7842, #463F69, #2B2207)
• Feathered Pier color palette (#FFF1F6, #C28425, #008BA0, #5B5A96, #322034)
• Olive Meadow color palette (#E6E2D3, #797B00, #30322B, #19160A, #090602)
• Airy Marigold Harbor color palette (#FFF1F5, #EA9A3A, #548F53, #7D4664, #20121C)

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