Violet Garden color palette — #FFF1F5 · #CBA7E1 · #90B171 · #9B66B9 · #364924
Amethyst and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Lavender (#CBA7E1): A luminous, balanced violet — the color of a velvet chair.
- Sage (#90B171): A luminous, balanced green — the color of fresh herbs.
- Amethyst (#9B66B9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#364924): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Cobalt Quarry color palette (#FFF0F9, #A9B0FC, #B5A64F, #7377C4, #4B4310)
- Orchid Hollow color palette (#F4F4FF, #E8C4FF, #99CF74, #A46CC5, #2B3F1C)
- Weathered Driftwood Grove color palette (#FFF1F1, #EBB0D0, #7FC2A3, #B57599, #4B4E47)
- Gentle Grape color palette (#FFF1F6, #A794CA, #5E9B5F, #744EA9, #294C2A)
- Frosted Study color palette (#FFF1F4, #C789D8, #BF8F36, #00999E, #4A2F36)
- Tempered Ash color palette (#FFF1F4, #EFD4D6, #DEBFA1, #928BB8, #5D4042)
- Hushed Pewter Orchard color palette (#FFF2F0, #D8C194, #985C75, #5C3734, #2F1C1A)
- Soft Raspberry color palette (#FFF2EF, #FF7F9D, #00B2B0, #C93965, #004443)
Browse the whole catalog at Explore, or see today's palette.