Worn Pier color palette — #F5F3FF · #DF98FF · #968700 · #008F75 · #0E1E3D

Pink Orchid and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Pink Orchid (#DF98FF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#968700): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#008F75): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#0E1E3D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, 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

• Hushed Wisteria Hollow color palette (#F3F4FF, #BF91FF, #C48C00, #009056, #07253E)
• Pale Fuchsia color palette (#F8F2FF, #FB76D1, #8A9B0A, #008082, #111A31)
• Mallow Workshop color palette (#F8F2FF, #FF88CD, #C98B00, #008A68, #0C2E62)
• Dusty Magenta color palette (#EAE3FC, #E43DE5, #8C8700, #007B72, #06122C)
• Sunlit Blush Summit color palette (#FCF0FF, #F98EAE, #63AF6A, #3C8CA0, #282A3F)
• Worn Coral Canyon color palette (#FFF4DE, #FF98E0, #F36B73, #3A8E4F, #502538)
• Blush Lagoon color palette (#FFECFC, #FF8A8D, #00946E, #0077B5, #270527)
• Airy Peony Boulevard color palette (#F8F2FF, #F72BAD, #857900, #635A00, #002535)

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