Tempered Garden color palette — #DFDEFF · #9F68F4 · #9400C9 · #6A006C · #350027
A conversation between Violet and Amethyst, giving this palette its sense of creativity and energy.
The five colors
- Thistle (#DFDEFF): A whisper-light, dusty violet — the color of a velvet chair.
- Amethyst (#9F68F4): A luminous, vivid violet — the color of a velvet chair.
- Violet (#9400C9): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#6A006C): A deep, shadowed, vivid pink — the color of a candy shop window.
- Deep Indigo (#350027): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Tempered 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
- Hushed Summit color palette (#E6E2F2, #AC6FE1, #932FB8, #560066, #130014)
- Amethyst Alley color palette (#D5E2FF, #7777FF, #7E17E9, #58008C, #2F0436)
- Worn Mulberry Thicket color palette (#EEE9F7, #B355D2, #9E0097, #790054, #38001D)
- Pale Amethyst color palette (#E8EEFF, #824BF9, #6E0096, #510044, #40001C)
- Hushed Plum color palette (#FCE1F8, #D967BF, #AD0091, #570048, #150012)
- Linen Wisteria Market color palette (#F7D9DF, #C869DD, #418800, #6C007F, #0B2100)
- Amethyst Market color palette (#FEDEE2, #F1A5CB, #ED857F, #8052AB, #3E1D1E)
- Worn Byzantium Workshop color palette (#F4E0F4, #B81BBC, #836400, #00646E, #210322)
Browse the whole catalog at Explore, or see today's palette.