Cocoa Quarry color palette — #FEF4E4 · #D0978E · #966E3F · #00666B · #6D3706

Bronze takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#D0978E): A luminous, dusty orange — the color of toasted spice.
• Walnut (#966E3F): A full-bodied, balanced gold — the color of old brass.
• Peacock (#00666B): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#6D3706): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Softworn Canyon color palette (#FEF4E4, #BFA378, #737D48, #285D8B, #5D4300)
• Patina Bronze Study color palette (#FDF4E5, #C598B3, #A46260, #2F6741, #5D3F3B)
• Worn Basin color palette (#FFF2EB, #C48674, #67793A, #005F69, #583648)
• Antique Terrace color palette (#F9F1E0, #CF99B1, #9A6E3E, #31547D, #382822)
• Washed Amber Villa color palette (#FFF4E2, #CB7133, #745D00, #004D61, #4E2D00)
• Ancient Basalt Bloom color palette (#FFF2EB, #D7C9BB, #A09885, #5A7363, #594659)
• Amber Workshop color palette (#E8FBEF, #E7A9C1, #BC8643, #4B729A, #534151)
• Weathered Fern color palette (#F4F6EB, #BBC5AE, #528E84, #815B54, #3F5614)

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