Weathered Canyon color palette — #F7F2E4 · #BFBDA0 · #898557 · #774F05 · #2B2E19
A conversation between Coffee and Mocha, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F2E4): a clean, paper-quiet neutral.
- Stone (#BFBDA0): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#898557): A luminous, dusty green — the color of fresh herbs.
- Coffee (#774F05): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#2B2E19): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Weathered 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
- Wandering Chestnut Loft color palette (#F9F5E9, #BFB89C, #86834D, #755908, #514900)
- Hushed Cocoa Boulevard color palette (#E9DFD1, #A39967, #7F5E25, #632D02, #151B00)
- Olive Drift color palette (#EDDEC4, #74762F, #544100, #361B00, #020700)
- Patina Study color palette (#EBF9F2, #C3E2E3, #90B9A5, #5E856D, #2A463E)
- Tempered Atelier color palette (#FFECF4, #E4B7BE, #AE7790, #8A393F, #4A1700)
- Chalky Thicket color palette (#F0DCCF, #C07C34, #993700, #6A001D, #191000)
- Eclipse Coast color palette (#F4DBCC, #845528, #5F1D00, #35000B, #030100)
- Timeworn Market color palette (#FAEEF1, #A786B9, #A07A52, #396B41, #2E1D22)
Browse the whole catalog at Explore, or see today's palette.