Tempered Violet color palette — #E4FCEC · #E4B82B · #0094CE · #9356CE · #3E190D

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

The five colors

• Ivory (#E4FCEC): A whisper-light, dusty teal — the color of glacier melt.
• Saffron (#E4B82B): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#0094CE): A luminous, balanced blue — the color of open sky before noon.
• Amethyst (#9356CE): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#3E190D): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Ancient Violet color palette (#E8FBEA, #EBA200, #00AAC9, #8262D2, #2D1930)
• Misty Byzantium Coast color palette (#DFFDF3, #A6C800, #00AACB, #A046BF, #4E2300)
• Washed Azure Grove color palette (#E3FCF1, #B2B200, #1E98FA, #AC4BA4, #321424)
• Aged Delta color palette (#DEF0E7, #A19E07, #0086C6, #88449F, #220B1B)
• Antique Chartreuse color palette (#E0FFE6, #C0CC00, #00BB68, #7167D7, #2A3C11)
• Faded Harbor color palette (#E8FAF6, #9AD780, #7E82E3, #B06488, #1E2E1E)
• Aged Sapphire color palette (#FFF0F8, #FE883F, #00ACA3, #2472D7, #38162C)
• Dusty Cobalt color palette (#FAF6DC, #A3A700, #007DD0, #004E84, #200100)

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