Worn Pier color palette — #ECE1F7 · #86B8FF · #A67900 · #22240B · #160D02

Ochre and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#ECE1F7): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#86B8FF): A luminous, balanced blue — the color of open sky before noon.
• Ochre (#A67900): A luminous, balanced gold — the color of old brass.
• Onyx (#22240B): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#160D02): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Worn 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

• Pale Ember color palette (#EADFF3, #88B7FF, #D05700, #321F00, #1D1007)
• Sky Market color palette (#EFE0F7, #00BCEC, #9F9400, #292500, #120E04)
• Washed Wisteria Canyon color palette (#F5E4EB, #C99EFF, #8D8500, #17270F, #150E00)
• Hushed Harbor color palette (#E2DECD, #B58043, #333A00, #151800, #030700)
• Feathered Fuchsia color palette (#EADFEB, #EE84F6, #C79B00, #31322B, #271D0D)
• Washed Lime color palette (#FBE5F1, #CFB4FF, #B2BC00, #363932, #272418)
• Feathered Fuchsia color palette (#FFE4F0, #E063FF, #707700, #0B1A0C, #070500)
• Frosted Emerald Courtyard color palette (#FFE6ED, #F092FF, #2CA30C, #00291F, #121400)

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