Cocoa Quarry color palette — #FFF2EE · #E0D9CE · #CEC1A2 · #A67A71 · #7F4124
A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E0D9CE): a clean, paper-quiet neutral.
- Sand (#CEC1A2): A luminous, dusty gold — the color of honey in a jar.
- Mocha (#A67A71): A luminous, dusty orange — the color of toasted spice.
- Bronze (#7F4124): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Driftwood Basin color palette (#FFF1F1, #E2D8D0, #A1B4CF, #A77F82, #5D4947)
- Worn Dune color palette (#FFF3E4, #C9B597, #A2773A, #805216, #5D4300)
- Softworn Archive color palette (#FCEEEB, #E0D8C8, #C5C9A0, #A37B9B, #5F2405)
- Driftwood Harbor color palette (#F2DCC2, #CFB476, #928C3B, #683600, #2E1D00)
- Washed Canyon color palette (#FFF2EB, #E6DABF, #E4AB63, #9D534A, #49433E)
- Amber Summit color palette (#FFE9D7, #F5C598, #C5983D, #89452B, #492A09)
- Tempered Bronze Ridge color palette (#FAF4ED, #DDBA8A, #778454, #896632, #2F2E27)
- Faded Bronze Pier color palette (#FFE9DF, #C68369, #98570A, #62121F, #200400)
Browse the whole catalog at Explore, or see today's palette.