Cocoa Quarry color palette — #EAE3DC · #C1B7A8 · #9C8D64 · #633900 · #291C0F

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

The five colors

• Parchment (#EAE3DC): bright and airy, almost weightless.
• Stone (#C1B7A8): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#9C8D64): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#633900): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#291C0F): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, 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

• Aged Basalt Courtyard color palette (#F3EDE2, #B0A994, #75865E, #473400, #191307)
• Ancient Chestnut Field color palette (#EEE3E8, #B5CABC, #87AEA5, #914B04, #281B21)
• Dusty Lantern color palette (#EEEFE6, #C8CFBE, #93A88B, #1E6618, #2E2F22)
• Weathered Bronze color palette (#F9F4EF, #DADDD1, #BBC5B1, #8C6E42, #4E463D)
• Worn Forest Lantern color palette (#ECDEC4, #84884E, #2F652E, #173662, #381B2A)
• Amber Thicket color palette (#EEDBC0, #E87900, #A07800, #3D6A00, #1F1A00)
• Weathered Coast color palette (#F1EDD9, #5A8847, #00532D, #4E1D00, #1C1C00)
• Washed Chestnut color palette (#FAEEDB, #8C5A00, #3E4000, #00273F, #1E1400)

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