Tempered Violet color palette — #FCD9EA · #8C68F0 · #C93475 · #595D00 · #230E4C

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

The five colors

• Shell Pink (#FCD9EA): A whisper-light, dusty rose — the color of strawberry cream.
• Amethyst (#8C68F0): A luminous, vivid violet — the color of twilight just after sunset.
• Fuchsia (#C93475): A full-bodied, vivid rose — the color of strawberry cream.
• Olive (#595D00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#230E4C): A deep, shadowed, balanced violet — the color of wild irises.

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

• Chalky Orchid color palette (#FADBE7, #A252FC, #D42F32, #3B6600, #290C47)
• Aged Orchid color palette (#FFE9F0, #A953DB, #AA0075, #345300, #170735)
• Byzantium Terrace color palette (#FCDFE9, #AD5AF9, #A900B1, #00581A, #340056)
• Sunlit Violet Archive color palette (#F2D5DD, #9C63C1, #A55D00, #00614F, #250E32)
• Misty Crimson Basin color palette (#C6EFE1, #008FD4, #DC0054, #496200, #002237)
• Peony Terrace color palette (#FFF1F2, #DA65BB, #D35669, #147A14, #421B38)
• Weathered Byzantium Studio color palette (#B8F4DB, #2F9CFD, #AA2AB0, #005B49, #201F58)
• Airy Lantern color palette (#FFE8E9, #BD71AA, #B66C00, #007064, #3E191E)

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