Violet Field color palette — #F4F4FF · #D7A9F6 · #66BC81 · #9455BB · #003115
Built around Amethyst, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Lavender (#D7A9F6): A luminous, balanced violet — the color of a velvet chair.
- Jade (#66BC81): A luminous, balanced teal — the color of glacier melt.
- Amethyst (#9455BB): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Forest (#003115): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Muted Indigo color palette (#F2F5FF, #BDB4FF, #AFAE3E, #755ECE, #2A2A00)
- Powdered Magenta color palette (#FDE8EC, #DBAAE5, #86D277, #BD4ED2, #1B3F14)
- Plum Lantern color palette (#F9F2FF, #FB9EC6, #77B976, #AE527D, #053108)
- Frosted Aubergine Hollow color palette (#E9E6FD, #C584D1, #3A8F27, #6F1D7D, #042400)
- Emerald Lagoon color palette (#F7F2FF, #DA85BF, #78A55D, #57902F, #211331)
- Gentle Brick Study color palette (#FFF0FE, #FFA4A4, #00AE86, #B90030, #00251A)
- Dusty Cerulean Courtyard color palette (#F5F3FF, #EADBD9, #AED2DF, #778CB9, #3A324B)
- Hushed Aubergine Hollow color palette (#EFEBFF, #C861D5, #009162, #7C0089, #000B05)
Browse the whole catalog at Explore, or see today's palette.