Violet Garden color palette — #C9E7D0 · #00ACBE · #9C6DC9 · #00707D · #371254
A conversation between Amethyst and Cyan, giving this palette its sense of trust and stability.
The five colors
- Celadon Mist (#C9E7D0): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#00ACBE): A luminous, balanced blue — the color of deep harbor water.
- Amethyst (#9C6DC9): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#00707D): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Indigo (#371254): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
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
- Powdered Cornflower color palette (#D9E2CB, #00B47C, #4182ED, #007650, #04255A)
- Aged Indigo color palette (#CFE8EE, #0097AC, #666BDA, #007F27, #00242B)
- Feathered Drift color palette (#E6FBF4, #7DBFF2, #CF8CB8, #3187C2, #5D314F)
- Pale Workshop color palette (#C1EFFF, #00C0EB, #0085A3, #004B5C, #001D26)
- Worn Olive color palette (#C9E7D8, #0093C0, #568500, #005B78, #112000)
- Tempered Emerald color palette (#BFE8DD, #4B9DE9, #0AA052, #0066AD, #003315)
- Hushed Coral color palette (#CBE3EC, #00C5D8, #FF695D, #0093A1, #510707)
- Hushed Brick Corridor color palette (#CDE6D1, #008F9B, #B8351C, #00535A, #510900)
Browse the whole catalog at Explore, or see today's palette.