Tempered Drift color palette — #F8EAEF · #9FD7B6 · #937AB4 · #614880 · #211017

A conversation between Charcoal Brown and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Blush (#F8EAEF): bright and airy, almost weightless.
• Pistachio (#9FD7B6): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#937AB4): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#614880): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#211017): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Weathered Cobalt color palette (#F7EAF4, #D8C88A, #6D84C8, #3F528E, #1F101C)
• Dusty Peony color palette (#FCEAE8, #AED5A8, #BB6A8B, #813B59, #23100F)
• Muted Pewter Drift color palette (#EEECFD, #CFB070, #7D4F87, #492451, #171227)
• Aged Mulberry color palette (#FFF1F4, #F1CA78, #81498E, #391741, #0C0103)
• Mulberry Loft color palette (#F7DEDD, #7FD872, #C34C91, #8B0060, #220115)
• Muted Taupe color palette (#FDF2F0, #DFE1BF, #C68B9A, #8A615A, #362724)
• Feathered Aubergine color palette (#F1E0E5, #4DBC9B, #834C9D, #511869, #090002)
• Rust Coast color palette (#EBDAD0, #BBBE75, #B35D3F, #772F13, #160701)

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