Tempered Violet color palette — #FFF1F4 · #D0A3E7 · #86B378 · #996AB1 · #314A29

Slate Blue and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#D0A3E7): A luminous, balanced violet — the color of wild irises.
• Sage (#86B378): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#996AB1): A luminous, balanced violet — the color of a velvet chair.
• Deep Olive (#314A29): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Timeworn Fern Orchard color palette (#FFF1F0, #E7B3CA, #82C1A7, #B27893, #3D5616)
• Ancient Indigo color palette (#FFF0F9, #ADB1F0, #C99B5F, #7475CA, #593C10)
• Byzantium Hollow color palette (#F4F4FF, #B68EC6, #6C9852, #8A3EA5, #324A24)
• Hazy Garden color palette (#FFF1F4, #E8B6FC, #9FDD85, #B675D0, #43433C)
• Feathered Mint Hollow color palette (#F2F5FF, #D3CDFF, #3FD8A0, #8A7CCD, #07432F)
• Antique Orchard color palette (#FFF1F4, #C58DD0, #6AAB6D, #13937D, #4A2F35)
• Ancient Pewter Pier color palette (#FFF1F2, #AAD0AB, #955C81, #593839, #2D1C1D)
• Dusty Lagoon color palette (#FFF1F5, #E5D7CF, #DEC793, #899DC5, #5F4042)

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