Tempered Violet color palette — #F3F5FD · #DED6DE · #CDB8C3 · #8B6BC7 · #37394A
A conversation between Amethyst and Charcoal, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F3F5FD): a clean, paper-quiet neutral.
- Silver (#DED6DE): a clean, paper-quiet neutral.
- Stone (#CDB8C3): A luminous, dusty pink — the color of a candy shop window.
- Amethyst (#8B6BC7): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#37394A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
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
- Hushed Pewter color palette (#FAF3F5, #E6D5D1, #CAAAAE, #715490, #44363B)
- Hushed Terrace color palette (#D9E8FF, #AFB2D2, #9782A4, #3F795B, #004C54)
- Timeworn Workshop color palette (#F7F3FE, #E7D8E9, #D1B4C6, #C23099, #382D44)
- Peony Courtyard color palette (#E6E1F7, #AC5EAB, #4B3751, #241D35, #0B0C17)
- Dusty Market color palette (#E7E7F1, #C6C1CE, #AF9EB3, #7A42A0, #1D1C32)
- Tempered Rose color palette (#FAF2FA, #EAD4D6, #AFD1C7, #CC5E6B, #4A394A)
- Softworn Balcony color palette (#E8FAF4, #98C0A0, #1C947F, #7B527D, #0E3D3B)
- Chalky Studio color palette (#D6F7EC, #979AE0, #AA5490, #00654C, #2C2D4B)
Browse the whole catalog at Explore, or see today's palette.