Worn Canyon color palette — #F7F0EC · #DBD8CD · #C0C0A8 · #9A6753 · #322A25

A conversation between Walnut and Stone, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F7F0EC): bright and airy, almost weightless.
• Bone (#DBD8CD): bright and airy, almost weightless.
• Stone (#C0C0A8): A luminous, dusty green — the color of fresh herbs.
• Walnut (#9A6753): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#322A25): quiet, heavy and certain.

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

Use it as a design system

One click turns Worn 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 Bronze Summit color palette (#FAF2F8, #CCDADB, #AEC0C0, #9A6457, #4D454A)
• Fern Parlor color palette (#F3F2EB, #D1D8D0, #B2BCA0, #5F6B2D, #222116)
• Driftwood Dune color palette (#FFE4CD, #CFBA96, #859066, #45665B, #433340)
• Dusty Study color palette (#F6F1E8, #B2B889, #5E813F, #804127, #2D270F)
• Hushed Bronze color palette (#EDE4DE, #A99E90, #967632, #562700, #0A0300)
• Aged Amber color palette (#FBF0DF, #D3875D, #846702, #004F60, #301F0C)
• Worn Fern color palette (#EDECE4, #B2B5A7, #839472, #304E00, #0C0B00)
• Frosted Terrace color palette (#FEEFE0, #FFCCC4, #FFA854, #9B9220, #2D1A00)

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