Dusty Canyon color palette — #F8F0ED · #DAD7CF · #A9B2A9 · #A57376 · #3D3431

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

The five colors

• Cream (#F8F0ED): bright and airy, almost weightless.
• Silver (#DAD7CF): bright and airy, almost weightless.
• Ash (#A9B2A9): a calm mid-gray that lets other colors speak.
• Mocha (#A57376): A luminous, dusty red — the color of late-summer berries.
• Espresso (#3D3431): a grounded near-black with real depth.

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

Use it as a design system

One click turns Dusty Canyon 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 Driftwood Delta color palette (#FBF3F1, #DCD9D3, #A4AFA8, #AB706C, #5B504B)
• Washed Studio color palette (#FCEFE8, #D8D7C9, #C6BFA6, #A05139, #2F221B)
• Cocoa Station color palette (#F2EBE3, #B8B3A2, #8C907B, #5E3B00, #130800)
• Driftwood Hollow color palette (#FFEDEB, #D0BDB1, #989173, #6C5B6A, #4F404D)
• Taupe Atelier color palette (#F7F2E2, #D498A9, #8E734C, #2C5C50, #3D261B)
• Hushed Balcony color palette (#F3F2E8, #BBC9A9, #6D8C70, #745A59, #263800)
• Tempered Garnet color palette (#F5E6E0, #978B7E, #80681E, #550104, #040000)
• Taupe Grove color palette (#FBEEEE, #C686A3, #4A7F62, #3A4978, #361D32)

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