Cocoa Quarry color palette — #FDEED4 · #5E4800 · #372F00 · #151300 · #010200
A conversation between Bronze and Espresso, giving this palette its sense of nature and growth.
The five colors
- Cream (#FDEED4): A whisper-light, dusty gold — the color of old brass.
- Bronze (#5E4800): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#372F00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#151300): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#010200): 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
- Fern Atelier color palette (#EBF2D0, #5B6900, #293300, #0E1816, #050700)
- Nocturne Cocoa Summit color palette (#FFE4DD, #8A2F00, #491C00, #1F0B00, #030100)
- Worn Pine Summit color palette (#F2EBCC, #758E5F, #2D7943, #353000, #020400)
- Twilit Forest color palette (#EEDFC4, #006A78, #00623A, #030D0C, #010100)
- Olive Coast color palette (#E1E6CD, #849B3F, #507600, #184A00, #002605)
- Antique Grove color palette (#D3EADB, #00A67B, #006B55, #004138, #00211F)
- Patina Lagoon Canyon color palette (#E7F9D4, #7CC1AF, #379084, #096E6A, #243E27)
- Twilit Cocoa color palette (#FEE1C7, #694100, #372400, #1A1200, #020100)
Browse the whole catalog at Explore, or see today's palette.