Violet Garden color palette — #FBDBE5 · #9060BA · #826A00 · #4A5D18 · #332342
A conversation between Amethyst and Walnut, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#FBDBE5): A whisper-light, dusty rose — the color of a warm blush.
- Amethyst (#9060BA): A full-bodied, balanced violet — the color of twilight just after sunset.
- Walnut (#826A00): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#4A5D18): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#332342): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Optimism, 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
- Weathered Violet color palette (#F9DBE6, #8B62BD, #A05700, #7A5100, #401F2D)
- Softworn Olive Courtyard color palette (#FBDCDD, #A75B93, #59791A, #00653D, #401C37)
- Ancient Violet color palette (#DBE2FC, #7F63D9, #AC5100, #006B54, #0E1129)
- Misty Thicket color palette (#F7DAF4, #5B8ADF, #983800, #644000, #182B4B)
- Wandering Coast color palette (#FDEAE5, #AD4B61, #885300, #005048, #3F1A13)
- Hushed Mulberry Harbor color palette (#FFE8E9, #8F277F, #634900, #423F00, #25001F)
- Weathered Plum color palette (#F6D4DB, #CD0065, #556F00, #005C42, #48001F)
- Chalky Amber color palette (#F9DBEA, #9781ED, #D46500, #008C6E, #3E2031)
Browse the whole catalog at Explore, or see today's palette.