Cocoa Quarry color palette — #EDDCC4 · #5A3E00 · #004227 · #002221 · #020100
Built around Bronze, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Bone (#EDDCC4): A whisper-light, dusty gold — the color of old brass.
- Bronze (#5A3E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Forest (#004227): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#002221): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Cocoa Quarry 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
- Moonless Grove color palette (#EDEBCE, #364C00, #003E46, #001E35, #010100)
- Charred Hollow color palette (#F7ECD5, #6A5100, #313100, #001915, #020200)
- Shadow Onyx color palette (#F4E7D4, #593E00, #00412B, #3A001C, #020100)
- Lowlit Garnet Terrace color palette (#FBE1DB, #81002E, #433400, #162000, #040001)
- Softworn Forest Terrace color palette (#FCEAD5, #955C00, #006E2F, #004640, #130800)
- Eclipse Studio color palette (#F0DEED, #840015, #003A58, #001E36, #100001)
- Washed Bronze color palette (#F4ECE4, #AA9E8E, #977632, #4E2E00, #080300)
- Garnet Balcony color palette (#F2DCDA, #640041, #002E41, #050045, #040002)
Browse the whole catalog at Explore, or see today's palette.