Tempered Drift color palette — #F3F4FF · #DFD7E0 · #C8C4B7 · #9C55D8 · #222237

Amethyst and Midnight set the tone — five colors that lean into creativity and energy.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Silver (#DFD7E0): a clean, paper-quiet neutral.
• Stone (#C8C4B7): soft and architectural.
• Amethyst (#9C55D8): A full-bodied, vivid violet — the color of wild irises.
• Midnight (#222237): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Energy, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Drift 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

• Aged Grove color palette (#F7F3FF, #E3D5DE, #BAB49E, #BA509E, #292035)
• Muted Indigo color palette (#F0F5FF, #DBD8E2, #C5A6A9, #5F6FE7, #1C2437)
• Dusty Orchard color palette (#F3F4FF, #EAD3EA, #DCB4CA, #A087DA, #2F3142)
• Timeworn Drift color palette (#FFECF3, #E8CBD1, #C3A2A2, #6F38AB, #28111B)
• Smoked Thicket color palette (#F0EAFF, #CF00C3, #4F0438, #130011, #010005)
• Chalky Peony Station color palette (#F6F3FF, #E3D6DF, #FEB6FA, #FF63B3, #340230)
• Aubergine Studio color palette (#E9E7EE, #BDB7C7, #9B8AA8, #640066, #020005)
• Tempered Corridor color palette (#FAF2FA, #E5D4D8, #CFB0C6, #983D4C, #120913)

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