Cocoa Quarry color palette — #FFF2EE · #E0DACE · #DCCE92 · #A37673 · #7D4021

Bronze takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0DACE): a clean, paper-quiet neutral.
• Pistachio (#DCCE92): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#A37673): A luminous, dusty orange — the color of autumn markets.
• Bronze (#7D4021): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, 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

• Timeworn Veranda color palette (#FFF3E3, #DAE5C3, #94DAB9, #9B6D4E, #684A00)
• Lichen Bloom color palette (#FFEDEB, #DDF4C8, #E1D9C9, #AC848E, #42342F)
• Ancient Mustard Study color palette (#FFF3E8, #FDD9A3, #BABE56, #97594F, #46413B)
• Antique Corridor color palette (#F9F2FF, #DAD8CD, #BABACB, #AE9AB3, #554A54)
• Hushed Grove color palette (#FBF3EE, #D5BC95, #7F513A, #582B00, #282419)
• Worn Garden color palette (#FFECDF, #DCB88C, #B29D00, #943F3B, #3A342F)
• Washed Bronze Courtyard color palette (#FAF4EE, #E0B794, #6C8843, #9B5C17, #2F2E27)
• Pale Garnet Basin color palette (#FEDCD0, #BD7E59, #8E6700, #610034, #1A0300)

Browse the whole catalog at Explore, or see today's palette.