Cocoa Quarry color palette — #FDF3ED · #DFDAC8 · #C2C2AB · #C4927F · #5D2A00
A conversation between Espresso and Camel, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FDF3ED): a clean, paper-quiet neutral.
- Bone (#DFDAC8): A whisper-light, dusty green — the color of new leaves after rain.
- Stone (#C2C2AB): A luminous, dusty green — the color of a quiet forest floor.
- Camel (#C4927F): A luminous, dusty orange — the color of toasted spice.
- Espresso (#5D2A00): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.
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
- Taupe Archive color palette (#FAF4EE, #DDDECF, #A8B8AC, #CCA27C, #4D4640)
- Ancient Driftwood Delta color palette (#FCF3EF, #DDDBC7, #BBC2B1, #AC6E60, #423834)
- Moss Harbor color palette (#F7F5EC, #D1E5CE, #B1CEB9, #9DAE4E, #4A4000)
- Softworn Bronze Terrace color palette (#F4EBE5, #C6C3A7, #A7AC89, #B46B3C, #2A1C11)
- Taupe Bloom color palette (#FFE0C8, #DBC490, #A3B17C, #608878, #574252)
- Terracotta Terrace color palette (#F6F0F3, #E1D2D1, #C6B0B8, #A3430E, #2B1B24)
- Tempered Mustard color palette (#FFF3E8, #FFD0CC, #E2CB87, #C6BC4C, #322D28)
- Softworn Amber color palette (#FEEDDB, #D58600, #7A5C10, #563400, #130B06)
Browse the whole catalog at Explore, or see today's palette.