Violet Garden color palette — #FFF1F7 · #BDABF0 · #A3AC61 · #876FC1 · #42461B
Built around Amethyst, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Lavender (#BDABF0): A luminous, balanced violet — the color of wild irises.
- Sage (#A3AC61): A luminous, balanced green — the color of fresh herbs.
- Amethyst (#876FC1): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#42461B): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Violet Garden 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
- Fern Ridge color palette (#FFF1F3, #DFB4DB, #91BF98, #A97AA5, #495304)
- Hazy Lime color palette (#F2F4FF, #D8CBFF, #B7C854, #9075CF, #363C11)
- Feathered Cobalt color palette (#E1FCF5, #7FBDF8, #CF9952, #4085C2, #573D19)
- Misty Studio color palette (#FFF1F5, #AC93C6, #968C2E, #813FB3, #4A4400)
- Weathered Lilac color palette (#FFF1F6, #B294DC, #C58A52, #3D978B, #4A2E3A)
- Ash Corridor color palette (#FFF1F6, #E4D7D3, #E3BA98, #9395C8, #5B4249)
- Patina Pewter color palette (#FFF1F2, #D9C191, #8E6180, #5C3639, #2B1E1E)
- Gentle Plum color palette (#FFF1F0, #FF9BCA, #00B589, #AF2A75, #004633)
Browse the whole catalog at Explore, or see today's palette.