Washed Drift color palette — #FAF4EF · #DBDBD2 · #A0AFAE · #9F7860 · #57514C

A conversation between Mocha and Ash, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Bone (#DBDBD2): a clean, paper-quiet neutral.
• Ash (#A0AFAE): a calm mid-gray that lets other colors speak.
• Mocha (#9F7860): A luminous, dusty gold — the color of old brass.
• Charcoal Brown (#57514C): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Washed 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 Workshop color palette (#F6F5EE, #D5DDD6, #B1C5BC, #6E7B42, #49483F)
• Tempered Bronze color palette (#F7EFF2, #CDD6D6, #96A0A8, #A7774D, #3B3437)
• Weathered Cocoa color palette (#FFF2EB, #C9BEA9, #979883, #826B73, #664B43)
• Tempered Fern Veranda color palette (#F2EEE3, #B9BBA7, #869477, #484700, #251F08)
• Washed Terrace color palette (#FFF3E3, #CF9A7D, #7A7A4C, #4F5581, #643E00)
• Dusty Taupe Workshop color palette (#FFF2EA, #C1896C, #3C7F6C, #574B77, #52304A)
• Wandering Bronze color palette (#F5EEE8, #A29986, #7C7228, #402300, #110700)
• Fern Pier color palette (#F5F7E7, #CDD6C5, #94AF97, #116D11, #33342D)

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