Worn Pier color palette — #F0F5FF · #B0C762 · #3741A9 · #0E123B · #000107

A conversation between Indigo and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Pistachio (#B0C762): A luminous, balanced green — the color of a quiet forest floor.
• Indigo (#3741A9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#0E123B): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.

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

• Wandering Nightshade Canyon color palette (#EFF6FF, #EDAC63, #0049AD, #00153D, #000105)
• Worn Loft color palette (#F3F4FF, #6BD39E, #612EA1, #1F0939, #010009)
• Dusty Market color palette (#F1F5FF, #B7DE9D, #5A59A1, #23204F, #01030F)
• Mustard Studio color palette (#EED6E3, #E2B038, #746EB6, #454270, #14060E)
• Navy Basin color palette (#EDD6E4, #889443, #2E2676, #12093F, #160410)
• Washed Canyon color palette (#E2E7FB, #CA6F70, #3D2673, #150533, #010109)
• Indigo Courtyard color palette (#F3F4FF, #B1F8D4, #7F66B1, #3D3056, #0D0F18)
• Aubergine Courtyard color palette (#E0E0EE, #00A77C, #3F0061, #0F0513, #020006)

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