Tempered Violet color palette — #EFF1FF · #9157DA · #896400 · #005648 · #1A082F
Built around Amethyst, softened by Ochre — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#EFF1FF): a clean, paper-quiet neutral.
- Amethyst (#9157DA): A full-bodied, vivid violet — the color of a velvet chair.
- Ochre (#896400): A full-bodied, balanced gold — the color of old brass.
- Forest (#005648): A full-bodied, dusty teal — the color of glacier melt.
- Deep Indigo (#1A082F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Optimism, Creativity, Energy, Balance. Tagged cool.
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
- Violet Harbor color palette (#F0F0FF, #9A67C7, #894800, #00433D, #25003D)
- Plum Archive color palette (#EEE5F6, #A5577E, #706600, #004F48, #160920)
- Washed Violet color palette (#EEF1FF, #8A5CD9, #AB3E67, #5F4400, #190831)
- Brick Balcony color palette (#DBFBEB, #B870C9, #AB283C, #00474E, #340527)
- Linen Dune color palette (#ECF7FF, #0080B2, #5D7000, #005930, #122E42)
- Tempered Coast color palette (#FDECF7, #BE6D58, #8A7228, #005F58, #281022)
- Olive Boulevard color palette (#FFF0FA, #949DFF, #5E8300, #007578, #3C2034)
- Airy Veranda color palette (#FDEBFD, #C1374E, #874600, #004235, #0F0029)
Browse the whole catalog at Explore, or see today's palette.