Tempered Drift color palette — #FDF0FF · #D9DACE · #9ECDB1 · #897E9C · #5D4D59

Pistachio and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Bone (#D9DACE): a clean, paper-quiet neutral.
• Pistachio (#9ECDB1): A luminous, dusty teal — the color of glacier melt.
• Slate Blue (#897E9C): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#5D4D59): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Tempered Study color palette (#F5F3FF, #E9DCD8, #E3BCBE, #848CA9, #59505F)
• Seafoam Basin color palette (#EAFAEB, #A8EED9, #93D1C9, #916D83, #3D5649)
• Worn Stone color palette (#EAFAEB, #99C4AC, #6B896E, #6D5561, #3B4C47)
• Cocoa Basin color palette (#FFF2EF, #E1DCCF, #B5BFCB, #BF929B, #7E4122)
• Worn Mustard Ridge color palette (#FFF0FC, #FFE0BD, #C2C75E, #965567, #5A3949)
• Aged Stone color palette (#FCF2F7, #D0C089, #7F5137, #46313C, #2B2122)
• Amber Quarry color palette (#FFF1F6, #CB792E, #5783AF, #426282, #48383F)
• Hushed Canyon color palette (#FBF2F6, #F0B083, #408F65, #8E6141, #1F3232)

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