Pale Violet color palette — #F7F8D5 · #77B84E · #9A60C3 · #2D5C00 · #4D2467

A conversation between Amethyst and Clover, giving this palette its sense of nature and growth.

The five colors

• Custard (#F7F8D5): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#77B84E): A luminous, balanced green — the color of a quiet forest floor.
• Amethyst (#9A60C3): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#2D5C00): A full-bodied, balanced green — the color of fresh herbs.
• Royal Purple (#4D2467): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Patina Studio color palette (#F1FADD, #39BF70, #A64590, #006F39, #611452)
• Faded Byzantium color palette (#F6F4D1, #8FB756, #A83EB6, #476700, #38003F)
• Indigo Market color palette (#FFF5D9, #B3A625, #6C59CF, #675E00, #382F6E)
• Soft Boulevard color palette (#DEFDF9, #7DD97F, #B872FE, #057F1D, #4A226F)
• Hushed Coast color palette (#DDE1C9, #4AA455, #833985, #005918, #430C44)
• Sunlit Coast color palette (#EDFAE8, #4DB4A0, #C36983, #007666, #5F333F)
• Soft Chartreuse Workshop color palette (#D8FFF7, #9DF565, #DE95FF, #4F9900, #4D285D)
• Powdered Emerald Bloom color palette (#CFF9CA, #2F9826, #366CD4, #A33439, #173914)

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