Cocoa Quarry color palette — #F0E0C8 · #4C5A5D · #654800 · #121812 · #030700

Bronze and Parchment set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F0E0C8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Charcoal Brown (#4C5A5D): a grounded near-black with real depth.
• Bronze (#654800): A full-bodied, balanced gold — the color of old brass.
• Ink (#121812): quiet, heavy and certain.
• Ink (#030700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication. 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

• Washed Garnet Ridge color palette (#ECDDD6, #525960, #8C1F00, #1D1A0D, #090500)
• Dusty Olive color palette (#E6E7D3, #3E8B00, #535058, #002C27, #040400)
• Ancient Bronze Basin color palette (#FFE9D6, #967600, #505100, #092600, #000703)
• Aged Teal Corridor color palette (#EFF9E6, #2FB693, #2D4F3C, #1A2112, #060601)
• Shadow Basalt Studio color palette (#F0DFC3, #353A41, #453300, #111610, #080600)
• Worn Mustard Corridor color palette (#F9F5E9, #BAB252, #4F5C13, #302B1C, #120F0B)
• Midnight Forest Grove color palette (#DDE7CB, #007246, #2D373B, #001619, #010100)
• Ancient Moss color palette (#F9F7D7, #75A300, #00473A, #181600, #030100)

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