Tempered Drift color palette — #F4F4FD · #D2B7EA · #A48E40 · #956AB7 · #14291C

Amethyst takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F4FD): a clean, paper-quiet neutral.
• Lavender (#D2B7EA): A luminous, dusty violet — the color of a velvet chair.
• Moss (#A48E40): A luminous, balanced green — the color of new leaves after rain.
• Amethyst (#956AB7): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#14291C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged duotone, muted.

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

• Indigo Harbor color palette (#F1F5FF, #B8BEFF, #BF7E45, #7276CA, #311D26)
• Driftwood Boulevard color palette (#F7F3FB, #F2BFDF, #8AA66A, #B2769C, #20322E)
• Aged Amber color palette (#FEF1F5, #F6D2E9, #C99400, #9F75C0, #181106)
• Apricot Villa color palette (#F6F4FA, #FDBEEE, #F2925E, #D381C2, #2C2027)
• Wandering Lilac Cabin color palette (#F5F3FF, #C090CC, #7C8748, #30628C, #103B5C)
• Softworn Mallow color palette (#E3FCF3, #D19BD5, #B07561, #086D8C, #44374D)
• Aged Mulberry Summit color palette (#FEF2F2, #D299C5, #AD4E36, #913581, #331E13)
• Aged Driftwood color palette (#F7F3FA, #E6D7DA, #CFBCB9, #B57B97, #4A464D)

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