Violet Field color palette — #F7F7E0 · #8EB271 · #8893D6 · #946BB8 · #383831
Built around Slate Blue, softened by Lavender Blue — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F7E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#8EB271): A luminous, balanced green — the color of fresh herbs.
- Lavender Blue (#8893D6): A luminous, balanced violet — the color of a velvet chair.
- Slate Blue (#946BB8): A luminous, balanced violet — the color of wild irises.
- Charcoal (#383831): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Balance. Tagged muted.
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
- Aged Garden color palette (#F3F9DE, #7DB486, #BC7FBF, #B45F81, #373932)
- Linen Azure Canyon color palette (#FFF3E7, #D59557, #589DE3, #7474C5, #3C3732)
- Dusty Plum color palette (#EFF9E8, #51B397, #6991C8, #B04655, #2B3720)
- Sunlit Hollow color palette (#DAFFEF, #BCC52E, #B19CE3, #9885C5, #153127)
- Pale Cobalt color palette (#E0FDF1, #869032, #0085B9, #964D6C, #213F34)
- Mustard Balcony color palette (#FCF6DA, #BBC85C, #51C1FB, #D18EA8, #3A3831)
- Washed Amethyst color palette (#D5E5DD, #00A673, #815AFF, #831EFB, #002C1C)
- Gentle Studio color palette (#D4EDD0, #00ABA5, #D35E6C, #B14F16, #003331)
Browse the whole catalog at Explore, or see today's palette.