Dusty Field color palette — #F9EFF0 · #DFD6CF · #AFB1A4 · #9A797E · #3C3435

Built around Mocha, softened by Ash — the whole palette hums with sophistication.

The five colors

• Cream (#F9EFF0): a clean, paper-quiet neutral.
• Bone (#DFD6CF): bright and airy, almost weightless.
• Ash (#AFB1A4): soft and architectural.
• Mocha (#9A797E): A luminous, dusty red — the color of a theater curtain.
• Charcoal (#3C3435): quiet, heavy and certain.

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

Use it as a design system

One click turns Dusty Field 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

• Timeworn Pewter color palette (#FFEDEC, #E2D5C3, #CFBBA8, #905574, #2F2120)
• Tempered Oat color palette (#FFECF3, #F0C0B5, #A0907C, #57675D, #2D4236)
• Softworn Garnet color palette (#F0E6E2, #BFB0A3, #978C75, #772024, #140703)
• Ash Market color palette (#F6F4FB, #E1D7DC, #B9AEAB, #A094B9, #535158)
• Weathered Driftwood color palette (#F9F1E5, #CCC49A, #7C8B46, #725964, #32312A)
• Washed Ridge color palette (#F1F4DF, #BC9BDC, #A16662, #205C5F, #3A2627)
• Patina Summit color palette (#F5E7E8, #A4857C, #935C2D, #480A3E, #040001)
• Wandering Quarry color palette (#FFEEE2, #E4D1B0, #B0AE86, #8D4400, #24170C)

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