Violet Field color palette — #E9F8FF · #84D796 · #00BCD1 · #7F61CA · #12354F
A conversation between Amethyst and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Mint Leaf (#84D796): A luminous, balanced green — the color of fresh herbs.
- Cyan (#00BCD1): A luminous, balanced blue — the color of open sky before noon.
- Amethyst (#7F61CA): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Teal (#12354F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged candy, vibrant, light.
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
- Washed Cobalt color palette (#E1FBFF, #D5D368, #00C3B5, #4973CC, #00363A)
- Powdered Orchid color palette (#ECF7FF, #4FE8CD, #43A7FF, #A555BC, #25314C)
- Seafoam Veranda color palette (#DBFBE8, #00E5D5, #00BAD4, #5A81C1, #001826)
- Hushed Studio color palette (#EFF6FF, #00CFC3, #1391FB, #BA00A8, #2A1A4E)
- Nightshade Corridor color palette (#CDE4E6, #0CA7D4, #006FB5, #3F3D96, #3B2C57)
- Forest Garden color palette (#F9F3F9, #A2CDD9, #0085A4, #206227, #233D57)
- Muted Market color palette (#BDF8F5, #81A7B7, #6A709E, #65552C, #36503E)
- Glacier Basin color palette (#E2FDEB, #8AF8C5, #51E1FE, #9FAEFF, #05354D)
Browse the whole catalog at Explore, or see today's palette.