Emerald Pier color palette — #F4F4FF · #A39EFF · #24910D · #00755D · #12023C

Kelly Green and Wisteria set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Wisteria (#A39EFF): A luminous, balanced violet — the color of wild irises.
• Kelly Green (#24910D): A full-bodied, vivid green — the color of new leaves after rain.
• Teal (#00755D): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#12023C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Dusty Lilac Delta color palette (#F5F4FF, #9A82FF, #00A465, #00866D, #140634)
• Cornflower Cabin color palette (#EFF6FF, #538CFF, #009282, #0053A2, #01092A)
• Weathered Chapel color palette (#EDF7FF, #14A1F8, #8C9100, #6C7C00, #001425)
• Fuchsia Atelier color palette (#FFF0FE, #FB60FA, #008F5E, #00716E, #240124)
• Softworn Wisteria Terrace color palette (#F9F2FF, #D389FF, #00B7A0, #009B8A, #2D153A)
• Misty Wisteria Harbor color palette (#E2DCEC, #BA86FF, #DF8100, #00A392, #2C1646)
• Faded Byzantium Atelier color palette (#F1EAFF, #8C38E2, #626B00, #005D38, #2F0D51)
• Antique Hollow color palette (#EBD8FD, #D02391, #007988, #00606C, #050002)

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