Tempered Violet color palette — #F3F4FF · #9B6AE7 · #917200 · #005D33 · #0C011D

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Amethyst (#9B6AE7): A luminous, vivid violet — the color of a velvet chair.
• Ochre (#917200): A full-bodied, balanced gold — the color of old brass.
• Pine (#005D33): A full-bodied, balanced teal — the color of sea glass.
• Ink (#0C011D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Linen Magenta color palette (#F6F3FF, #C953BF, #6D801B, #005A52, #0B0219)
• Misty Cornflower Bloom color palette (#F0F6FF, #6084E5, #AE5E22, #465500, #00061D)
• Wisteria Villa color palette (#F4F4FF, #B884DD, #9D8939, #067244, #141228)
• Quiet Canyon color palette (#F4F4FF, #A258C3, #6E5A00, #003D2E, #00030B)
• Misty Study color palette (#F8F2FF, #D462B0, #835B00, #004338, #070035)
• Fuchsia Courtyard color palette (#E1FEE6, #DF75CD, #AB4252, #084D0F, #240416)
• Aged Grape Garden color palette (#F6D3E1, #743DBC, #6B4D00, #004421, #1F1332)
• Linen Ultramarine color palette (#ECDEE8, #4452CE, #006727, #004316, #140010)

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