Softworn Cocoa color palette — #F4E2CC · #7A743A · #5D3C00 · #401100 · #020700
Built around Bronze, softened by Espresso — the whole palette hums with nature and growth.
The five colors
- Parchment (#F4E2CC): A whisper-light, dusty gold — the color of honey in a jar.
- Walnut (#7A743A): A full-bodied, dusty green — the color of new leaves after rain.
- Bronze (#5D3C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Espresso (#401100): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#020700): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Softworn Cocoa 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
- Eclipse Coast color palette (#ECE5D4, #566A32, #403600, #271200, #000201)
- Garnet Corridor color palette (#F7EBDD, #928748, #764A00, #5A1500, #110F00)
- Timeworn Bronze color palette (#FBF0E0, #B5AC86, #8B7137, #6D3E21, #23250F)
- Eclipse Cocoa color palette (#FBE5D8, #7E2800, #4D1D00, #002324, #040001)
- Mulberry Chapel color palette (#FFE6E4, #93075D, #504300, #002E2D, #070003)
- Frosted Aubergine Alley color palette (#F4E0E4, #9C5BA6, #544100, #580064, #020100)
- Garnet Hollow color palette (#EEE2F3, #AF4B7F, #89010F, #2D1800, #060600)
- Aubergine Boulevard color palette (#FFEAEF, #198D6A, #420057, #110019, #040001)
Browse the whole catalog at Explore, or see today's palette.