Cocoa Quarry color palette — #CDE7CC · #6A4400 · #454800 · #171C15 · #070500

Bronze and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#CDE7CC): A whisper-light, dusty green — the color of fresh herbs.
• Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#454800): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#171C15): a grounded near-black with real depth.
• Ink (#070500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Lowlit Boulevard color palette (#EEE0CF, #364442, #503200, #141911, #0B0800)
• Muted Garnet color palette (#FFE4FB, #940015, #5E4300, #201A0C, #0E0300)
• Weathered Pier color palette (#F9EBD8, #9D7B00, #5E5500, #2B2D00, #020500)
• Wandering Thicket color palette (#DFFDF1, #8C9D00, #21461D, #141800, #000201)
• Mustard Terrace color palette (#EDF9F1, #C1AE64, #435A52, #1F2F26, #0C110C)
• Jade Thicket color palette (#E5FAFA, #5BB288, #2B4C53, #002425, #020706)
• Lapis Basin color palette (#DBECE4, #868300, #5D42E3, #403E00, #010009)
• Ancient Terrace color palette (#CCE9D7, #8A9557, #2C5B00, #560406, #010100)

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