Cocoa Quarry color palette — #F0E2CC · #6D3500 · #232500 · #040031 · #020100

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

The five colors

• Parchment (#F0E2CC): A whisper-light, dusty gold — the color of old brass.
• Bronze (#6D3500): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#232500): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#040031): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, 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

• Twilit Fern Drift color palette (#F7E5D5, #4E4800, #002B1A, #16001E, #010100)
• Charred Basin color palette (#F3EEDB, #88001D, #301F00, #000C18, #030000)
• Obsidian Chestnut color palette (#E9DFC6, #835B00, #393200, #00110B, #020100)
• Inked Fern color palette (#EDDBD1, #635B00, #184226, #290A1B, #040010)
• Scarlet Parlor color palette (#F2E7D9, #D61200, #7A5700, #1A4700, #010100)
• Airy Aubergine color palette (#F9EBDA, #9F6D00, #2B5A00, #301764, #140D00)
• Frosted Emerald Studio color palette (#FEEBE0, #4B9400, #005F5D, #590046, #00170A)
• Weathered Navy Veranda color palette (#F2E1D3, #1981B5, #003681, #001F21, #01000A)

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