Misty Pier color palette — #D7FFF6 · #70BA25 · #A350D9 · #325B00 · #492B5E

Amethyst takes the lead with Clover close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D7FFF6): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#70BA25): A luminous, vivid green — the color of a quiet forest floor.
• Amethyst (#A350D9): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#325B00): A full-bodied, balanced green — the color of fresh herbs.
• Royal Purple (#492B5E): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Aged Clover Market color palette (#D8FEFA, #29C257, #BB4DA9, #005F22, #56264E)
• Airy Amethyst color palette (#DAFFEF, #A8AA25, #8351C0, #5F6100, #432E60)
• Dusty Veranda color palette (#F8F7DA, #9AD548, #C276E2, #4E7600, #521F66)
• Mulberry Boulevard color palette (#C0E8E0, #53A521, #971F81, #245700, #441139)
• Faded Grape Cabin color palette (#DAF5C7, #69A627, #7E31B7, #8D3C81, #22370E)
• Airy Teal Terrace color palette (#E2FBFF, #2CB7A2, #B96D97, #007668, #5A3549)
• Washed Sapphire Lantern color palette (#DEFFE5, #C99B25, #2469D9, #745700, #1B396A)
• Dusty Market color palette (#F8F8D7, #B7EC8A, #D59BFF, #5B9700, #501D6E)

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