Violet Field color palette — #EEF1FF · #824EFF · #726F00 · #4E4C00 · #0D102D
Amethyst and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EEF1FF): bright and airy, almost weightless.
- Amethyst (#824EFF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Olive (#726F00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#4E4C00): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#0D102D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Violet Field 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 Byzantium color palette (#E7E7FC, #9944CE, #4C712C, #2E4E0C, #0F0D20)
- Hushed Chapel color palette (#EAF3FF, #1872FA, #776D00, #524B00, #03122F)
- Misty Magenta color palette (#F1F0FF, #C728F5, #3B6400, #004431, #001E14)
- Peony Study color palette (#F4EFFF, #BD5DAB, #3F8653, #256037, #1D1629)
- Misty Orchard color palette (#F4EFFF, #BD00A5, #684B00, #473200, #001119)
- Aged Lilac color palette (#FFF0F8, #A596FF, #7A7A00, #376C2D, #401E32)
- Cerulean Atelier color palette (#E4F5FF, #0088AD, #8D6200, #624200, #001623)
- Tempered Violet color palette (#CAFDFE, #9672FF, #A92850, #00493F, #28112D)
Browse the whole catalog at Explore, or see today's palette.