Tempered Violet color palette — #FBF8C9 · #D1C528 · #9470EF · #756D00 · #250054
A conversation between Amethyst and Saffron, giving this palette its sense of nature and growth.
The five colors
- Custard (#FBF8C9): A whisper-light, dusty green — the color of a quiet forest floor.
- Saffron (#D1C528): A luminous, vivid green — the color of a quiet forest floor.
- Amethyst (#9470EF): A luminous, vivid violet — the color of wild irises.
- Olive (#756D00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#250054): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity. 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
- Weathered Hollow color palette (#FFF4DE, #E4BD28, #6383EF, #806800, #0A0066)
- Feathered Orchid color palette (#EFFCCE, #B1D129, #BF4CEF, #617500, #310043)
- Faded Basin color palette (#E7E9B9, #D2D132, #AF92FF, #7B7900, #36126A)
- Powdered Hollow color palette (#F2FAD9, #93EFA9, #CF83F9, #008D42, #440D5D)
- Azure Chapel color palette (#FFF3E8, #FFAB60, #0095DD, #9C5700, #002136)
- Softworn Peony Corridor color palette (#F4F8DF, #7ECF85, #D652B0, #006F21, #300024)
- Washed Courtyard color palette (#E0E1BE, #9C9B22, #6936D8, #504F00, #190044)
- Blush Delta color palette (#F0F9E6, #6FD6AE, #E27FBF, #008C65, #450D35)
Browse the whole catalog at Explore, or see today's palette.