Cocoa Quarry color palette — #F1DBC1 · #61636C · #6A4400 · #171C15 · #070500

Built around Bronze, softened by Peach Cream — the whole palette hums with optimism and sophistication.

The five colors

• Peach Cream (#F1DBC1): A whisper-light, dusty gold — the color of old brass.
• Graphite (#61636C): quiet, heavy and certain.
• Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• 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: 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

• Weathered Harbor color palette (#EDE9CF, #4C535A, #455500, #0D1917, #000801)
• Cocoa Drift color palette (#FBDECE, #842C00, #42493D, #1A1B12, #0B0400)
• Antique Orchard color palette (#F5DFC4, #9E7B00, #605500, #2A2B00, #030500)
• Dusty Meadow color palette (#FAF5E9, #C4AD57, #615500, #312A1C, #120F0B)
• Washed Jade color palette (#F1F8E6, #10BA7E, #364E30, #1B2112, #050602)
• Pine Loft color palette (#EAF1D3, #007333, #2C353A, #001711, #010100)
• Worn Garnet Field color palette (#EDF0E1, #656E00, #006086, #7B0047, #010100)
• Tempered Market color palette (#E9E0CD, #899734, #2C5B00, #530C0B, #020100)

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