Violet Garden color palette — #F4EFDA · #B8C350 · #9369DC · #717900 · #3A2D52
Amethyst and Gold set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4EFDA): A whisper-light, dusty green — the color of a quiet forest floor.
- Gold (#B8C350): A luminous, balanced green — the color of new leaves after rain.
- Amethyst (#9369DC): A luminous, vivid violet — the color of twilight just after sunset.
- Olive Leaf (#717900): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#3A2D52): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Linen Cabin color palette (#F0F0DB, #97CC69, #C368DF, #437200, #44294C)
- Linen Cornflower color palette (#F8EDDC, #E7AE34, #5180E1, #926A00, #20345D)
- Weathered Coast color palette (#F4EFD7, #899800, #7A6ABC, #535D00, #362E57)
- Feathered Wisteria Market color palette (#F6F7E2, #9BC687, #D38FE1, #528A32, #5D343E)
- Pale Hollow color palette (#D8F7EA, #BDC85A, #B4A2F1, #90992A, #382B5C)
- Hazy Balcony color palette (#E9F3DB, #58D49E, #C65795, #00875B, #4F253C)
- Quiet Olive Workshop color palette (#E6FBF1, #C5C56A, #E48792, #7D7B00, #4B0D1B)
- Chalky Byzantium Coast color palette (#F0EEDA, #81A625, #8A06D5, #455C00, #280043)
Browse the whole catalog at Explore, or see today's palette.