Worn Pier color palette — #E1E2F7 · #6844FF · #224F00 · #003928 · #04001B

Violet and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E1E2F7): A whisper-light, dusty violet — the color of twilight just after sunset.
• Violet (#6844FF): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#224F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Forest (#003928): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#04001B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Patina Lapis Balcony color palette (#DADFF3, #4326FC, #615200, #403500, #02001D)
• Feathered Grape Pier color palette (#E3E8FE, #683DC0, #664700, #023205, #020008)
• Airy Basin color palette (#E6E9F7, #8953EC, #B05000, #006549, #070017)
• Softworn Harbor color palette (#EADCED, #9600AF, #006337, #004122, #0B000F)
• Timeworn Alley color palette (#FCE0E6, #9D00BD, #564200, #002D2C, #000A09)
• Powdered Byzantium Terrace color palette (#E4EFCF, #A600DF, #8D0034, #00342D, #1A0016)
• Pale Lilac color palette (#E8DFFF, #AA76FF, #397800, #006046, #25143F)
• Hushed Hollow color palette (#D0F4E8, #00669D, #734800, #4C2E00, #00050C)

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