Tempered Violet color palette — #FFF1F7 · #CCBBFF · #ADBC08 · #8D4EF3 · #2D3200
Built around Amethyst, softened by Lime — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Lavender (#CCBBFF): A whisper-light, balanced violet — the color of twilight just after sunset.
- Lime (#ADBC08): A luminous, vivid green — the color of new leaves after rain.
- Amethyst (#8D4EF3): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Forest (#2D3200): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Tempered Violet 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
- Aged Orchid color palette (#FFF1F4, #E4AFFF, #75CB06, #AD3CDB, #1B3700)
- Muted Dune color palette (#FFF1F5, #D8B1FF, #D4C622, #AA68E2, #413C00)
- Timeworn Sapphire color palette (#FFF0FD, #ACC7FF, #E0A507, #3770F8, #3E2B00)
- Chalky Bloom color palette (#FFF1F5, #D09FFF, #68A000, #782FAC, #0F1D00)
- Sunlit Mint color palette (#FFF1F2, #FFBCE8, #62D895, #BD65A1, #18422A)
- Iris Delta color palette (#FFF1F6, #EDD7DE, #C7B4A6, #7F89E3, #56323C)
- Amber Market color palette (#FFF1F6, #C393FF, #E18400, #009B8C, #29173E)
- Plum Market color palette (#FFF1F2, #FED274, #A43B8B, #4B163F, #160103)
Browse the whole catalog at Explore, or see today's palette.