Cocoa Quarry color palette — #FDF0D9 · #ACB079 · #887338 · #6D4000 · #242412

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

The five colors

• Cream (#FDF0D9): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ACB079): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#887338): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#6D4000): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#242412): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Cabin color palette (#FFEEE5, #CDA17F, #9A6656, #684036, #2C200D)
• Faded Mustard color palette (#FFE4C3, #BA9F00, #906000, #6D2F03, #1A1F00)
• Bronze Balcony color palette (#EAFAEE, #85B2A2, #83703F, #6D482E, #244441)
• Muted Moss color palette (#F0E0C5, #8D8B2C, #6B5000, #4B2600, #100F00)
• Tempered Straw color palette (#E6FCED, #E7E09E, #AD9E68, #56735C, #20372E)
• Aged Iris color palette (#FEECF6, #8076D8, #84752F, #5E5219, #26131E)
• Powdered Lagoon color palette (#F7D9C7, #CA7600, #993700, #621522, #191000)
• Fern Market color palette (#EBE5D6, #556B00, #3E3700, #231400, #000200)

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