Worn Canyon color palette — #FAF0E4 · #CDB894 · #9B7D55 · #7D4A15 · #312C1E
Built around Coffee, softened by Mocha — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#FAF0E4): a clean, paper-quiet neutral.
- Sand (#CDB894): A luminous, dusty gold — the color of old brass.
- Mocha (#9B7D55): A luminous, dusty gold — the color of afternoon light on wheat.
- Coffee (#7D4A15): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#312C1E): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
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
- Aged Basin color palette (#FEF3E7, #DBE5BD, #C9A881, #A76944, #464100)
- Hushed Stone Thicket color palette (#FFF1F5, #C4B987, #9D7281, #6B5665, #394D47)
- Dusty Grove color palette (#F2DCCD, #B78F6D, #974D25, #5E2E28, #241400)
- Fern Lantern color palette (#F3E8C8, #7E8F4E, #5C5800, #3E2F00, #0F0F00)
- Misty Villa color palette (#F8E7C6, #A4A64A, #7F6900, #5B3D00, #201D00)
- Patina Studio color palette (#F5E2D2, #93682C, #673500, #411000, #080500)
- Periwinkle Harbor color palette (#FBEDF9, #7894CD, #AA754D, #5C632D, #291F28)
- Ancient Atelier color palette (#F7EFF4, #7680B7, #9F5502, #38511C, #0C1C13)
Browse the whole catalog at Explore, or see today's palette.