Worn Cocoa Alley color palette — #E5E7D3 · #5A5D00 · #005B4D · #662700 · #020200
A conversation between Rust and Olive, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E5E7D3): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#5A5D00): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#005B4D): A full-bodied, dusty teal — the color of sea glass.
- Rust (#662700): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Black (#020200): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Worn Cocoa Alley 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
- Misty Garnet color palette (#F2E2C7, #735100, #005E1E, #760024, #030100)
- Wandering Forest Delta color palette (#DCF1E4, #006943, #00556E, #4A3C00, #000201)
- Antique Olive Terrace color palette (#ECE9D6, #777200, #504500, #2E2200, #000503)
- Onyx Lantern color palette (#E8E8C6, #454100, #00394B, #45002F, #020200)
- Emerald Thicket color palette (#DAEAE3, #92B161, #559759, #5E5200, #000D09)
- Pine Garden color palette (#D6E3D9, #008C47, #00758D, #6F5300, #001707)
- Airy Aubergine Basin color palette (#C3EAE8, #006630, #004C6D, #30008A, #000200)
- Mulberry Studio color palette (#F1F0E0, #787200, #007190, #9C006F, #020200)
Browse the whole catalog at Explore, or see today's palette.