Softworn Cocoa Canyon color palette — #F9F5EA · #E2CFAB · #857F4F · #604A00 · #2E2B22
Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F5EA): a clean, paper-quiet neutral.
- Wheat (#E2CFAB): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Walnut (#857F4F): A full-bodied, dusty green — the color of fresh herbs.
- Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.
- Onyx (#2E2B22): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Softworn Cocoa 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
- Softworn Fern Market color palette (#F3F7EC, #C3C999, #4C7E65, #374A00, #1F2417)
- Chestnut Courtyard color palette (#F7F5ED, #D6BB98, #715C09, #3B3832, #25281F)
- Patina Corridor color palette (#EDF8F2, #B6E1ED, #8E8857, #2D4E3E, #161D19)
- Softworn Moss Courtyard color palette (#F6F6EE, #C4D9B0, #64AD8C, #799857, #2C2F29)
- Taupe Summit color palette (#EEF8F3, #F5DAB0, #A3A268, #4E7765, #252E2A)
- Hushed Parlor color palette (#F3EEDB, #8A7300, #2C2E00, #19221C, #060600)
- Moss Boulevard color palette (#E5EBD4, #95993C, #005428, #00220C, #020300)
- Hushed Taupe color palette (#FAF5E9, #BDAA68, #B78DA6, #A1686F, #403D36)
Browse the whole catalog at Explore, or see today's palette.