Violet Garden color palette — #D2E2EE · #9CBDFF · #8B94FF · #8B5DCF · #522362
A conversation between Amethyst and Lavender Blue, giving this palette its sense of creativity and balance.
The five colors
- Frost (#D2E2EE): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#9CBDFF): A luminous, balanced violet — the color of wild irises.
- Lavender Blue (#8B94FF): A luminous, balanced violet — the color of a velvet chair.
- Amethyst (#8B5DCF): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#522362): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: 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
- Soft Lilac Boulevard color palette (#D8E4FF, #ABADFF, #B288E4, #9E60AC, #522541)
- Worn Iris color palette (#D3E1FF, #96ACFF, #797BFF, #5E4DBC, #453373)
- Byzantium Lagoon color palette (#F7F3FF, #D9C6FF, #B78BFC, #8B51C3, #380F58)
- Patina Cornflower Lantern color palette (#90F0FF, #4DCEFF, #58A9FF, #4F7AE1, #3C3A76)
- Gentle Lapis Hollow color palette (#CCE2F2, #5899FF, #533BFD, #561792, #3C0E45)
- Worn Thicket color palette (#EBE9FF, #D9BCFF, #CF90D3, #B2739C, #683C4B)
- Frosted Violet color palette (#F2F5FF, #C2BBFF, #D4C522, #8B74F3, #413C00)
- Pale Fuchsia color palette (#DEDDF8, #D9A0FF, #E56CE8, #B8478D, #70233D)
Browse the whole catalog at Explore, or see today's palette.