Tempered Drift color palette — #F0F7F2 · #D0DEDD · #A6B2B8 · #88A390 · #4D554F

Taupe and Ash set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D0DEDD): bright and airy, almost weightless.
• Ash (#A6B2B8): soft and architectural.
• Taupe (#88A390): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4D554F): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. 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

• Ancient Forest color palette (#DFF2F3, #98BCC1, #719EA8, #006249, #031719)
• Basalt Basin color palette (#D9E5DE, #94ABA1, #689084, #4F4600, #000D05)
• Weathered Seafoam color palette (#EBF9F2, #C3DFCA, #83D2B5, #A3BC89, #345146)
• Washed Coast color palette (#EBF9F3, #C1E3E7, #A7C8CF, #878C42, #32443D)
• Mustard Atelier color palette (#E6FBEF, #C9C176, #889A69, #447785, #3A4C45)
• Softworn Mustard color palette (#E9FAF1, #BBB562, #649A7C, #8B595D, #563843)
• Muted Coast color palette (#E2F8EF, #99A52B, #445E58, #303B36, #1D2320)
• Dusty Taupe color palette (#F1F7F0, #D1DDDA, #A5B3B8, #8AA488, #4E554E)

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