Hazy Violet color palette — #DFFFE9 · #76E897 · #00C7D0 · #886BE8 · #003A60

Built around Amethyst, softened by Lagoon — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DFFFE9): A whisper-light, dusty teal — the color of shallow lagoons.
• Lagoon (#76E897): A whisper-light, balanced teal — the color of glacier melt.
• Cyan (#00C7D0): A luminous, balanced blue — the color of deep harbor water.
• Amethyst (#886BE8): A luminous, vivid violet — the color of a velvet chair.
• Navy (#003A60): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Hazy Violet 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

• Indigo Meadow color palette (#DFFFE1, #C4DA45, #00C3C6, #6476FF, #003A44)
• Washed Azure Harbor color palette (#E5FBF3, #5CE0BC, #02AFE9, #8E5DB7, #193556)
• Misty Cornflower color palette (#E2F6FF, #35EFD7, #00BFD9, #3A89FF, #001E2A)
• Worn Pier color palette (#BCF9DE, #60B5CB, #787BB8, #6F5424, #44433C)
• Peony Harbor color palette (#FFEFFF, #6FF0E4, #80B3FA, #B467A7, #37395E)
• Hushed Station color palette (#FFF0FA, #00CEE6, #8089FF, #C4006A, #300A59)
• Pale Chartreuse color palette (#E9F8FF, #96FF89, #2AE9FB, #CAA8FF, #003A50)
• Airy Grape color palette (#C1EAD9, #00BEA6, #007DCA, #90059A, #070748)

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