Tempered Violet color palette — #F3F4FF · #9C6DD6 · #536E14 · #03563F · #034044

A conversation between Amethyst and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Amethyst (#9C6DD6): A luminous, balanced violet — the color of wild irises.
• Olive (#536E14): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#03563F): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#034044): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Creativity, 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

• Frosted Field color palette (#F2F5FF, #8375E4, #6A661C, #444E00, #21411E)
• Peony Veranda color palette (#F9F2FF, #C95D97, #19754A, #005161, #163450)
• Tempered Byzantium Delta color palette (#EBE3FF, #B600AC, #005B34, #003C35, #052231)
• Iris Dune color palette (#F0F8EF, #C1E0FE, #7985C4, #1D6F72, #434560)
• Hushed Stone Dune color palette (#F0F2FF, #DAAACA, #977587, #496970, #3E4E5A)
• Timeworn Parlor color palette (#FEF1F6, #BCB171, #637C52, #515970, #31493B)
• Soft Plum color palette (#FBECFF, #C53D68, #00634E, #103677, #291C4D)
• Gentle Blush color palette (#F9F2FF, #DE84AD, #B6684F, #775800, #3B2E5E)

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