Violet Garden color palette — #E3FCF3 · #AFC555 · #9368D9 · #5C6C00 · #210043
Built around Amethyst, softened by Gold — the whole palette hums with nature and growth.
The five colors
- Ivory (#E3FCF3): A whisper-light, dusty teal — the color of sea glass.
- Gold (#AFC555): A luminous, balanced green — the color of fresh herbs.
- Amethyst (#9368D9): A luminous, vivid violet — the color of a velvet chair.
- Olive (#5C6C00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#210043): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Muted Cornflower Alley color palette (#E3FDEA, #DCB32F, #4682E1, #7A6000, #00153E)
- Tempered Balcony color palette (#DAFEFA, #70D185, #C761B3, #006F2D, #2F0028)
- Olive Study color palette (#E1FCF4, #B0CB7D, #CE8BD8, #638100, #3D1243)
- Byzantium Study color palette (#CEF9F2, #59B953, #A147BB, #0C5509, #110017)
- Weathered Corridor color palette (#E6DFBA, #849921, #6D36B5, #434F00, #2F1D4B)
- Powdered Study color palette (#DAFDFF, #2EE0AC, #EF3E71, #007E5E, #3F0015)
- Worn Byzantium color palette (#D7FFF7, #78B850, #6C52E1, #A220B8, #041100)
- Muted Blush color palette (#E7DEC2, #BDB31B, #FF6289, #8D8600, #4E081F)
Browse the whole catalog at Explore, or see today's palette.