Cocoa Quarry color palette — #F3EDE7 · #D8CFB9 · #A6A988 · #713F00 · #050200

A conversation between Bronze and Sage, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F3EDE7): a clean, paper-quiet neutral.
• Oat (#D8CFB9): A whisper-light, dusty gold — the color of old brass.
• Sage (#A6A988): A luminous, dusty green — the color of fresh herbs.
• Bronze (#713F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Bronze Harbor color palette (#E7E2DB, #AA9E8C, #957732, #4B3000, #080300)
• Worn Mulberry color palette (#F6EBE8, #DECCBE, #B7A472, #920031, #080100)
• Weathered Harbor color palette (#F0E2E6, #9BAFA2, #68877E, #502E00, #220B14)
• Fern Garden color palette (#F5F6EC, #CEDED6, #A2C5AE, #396F28, #0D0E03)
• Worn Veranda color palette (#E2EDE0, #9AB7B3, #74A2A3, #9C6300, #0B170A)
• Patina Market color palette (#E6E1CD, #59A06C, #005A53, #4A0E3B, #000200)
• Eclipse Fern Harbor color palette (#EEE1C6, #5C4C00, #313D3C, #0E1511, #000800)
• Worn Forest color palette (#F4D8D0, #A7903B, #00703A, #422143, #140016)

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