Tempered Violet color palette — #F2F5FF · #8870F5 · #996000 · #196502 · #04283C

Amethyst and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Amethyst (#8870F5): A luminous, vivid violet — the color of wild irises.
• Ochre (#996000): A full-bodied, balanced gold — the color of old brass.
• Olive (#196502): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#04283C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, 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

• Soft Orchid Archive color palette (#F4F4FF, #9F67BD, #816200, #006441, #0E2034)
• Hushed Cabin color palette (#F4F4FF, #CA6CF1, #B95800, #006825, #003354)
• Brick Quarry color palette (#EEF6FF, #449CFF, #BB2800, #5B6000, #002B2B)
• Tempered Raspberry Pier color palette (#DFFFE5, #C784FE, #D81796, #566200, #47274C)
• Misty Atelier color palette (#EFF6FF, #4E44EA, #475B00, #2E3C00, #022710)
• Turquoise Corridor color palette (#E4FCEB, #00B1CA, #967800, #3F6200, #081700)
• Ancient Byzantium Alley color palette (#E4E3F1, #A620B6, #564A00, #004033, #00031B)
• Sunlit Ember color palette (#FFF1F4, #DD84F6, #F7552D, #0F8E38, #182147)

Browse the whole catalog at Explore, or see today's palette.