Cocoa Quarry color palette — #E6E8D3 · #909876 · #1D7285 · #634504 · #1F431A

A conversation between Bronze and Teal, giving this palette its sense of nature and growth.

The five colors

• Parchment (#E6E8D3): A whisper-light, dusty green — the color of fresh herbs.
• Eucalyptus (#909876): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#1D7285): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#634504): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#1F431A): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, 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

• Washed Cypress color palette (#FAEBDF, #9A9473, #1C7368, #6B3A27, #482C00)
• Dusty Fern Basin color palette (#EAE8C4, #98AF8E, #598177, #615A26, #3E4A00)
• Fern Orchard color palette (#E1F0D7, #81A081, #775774, #414C19, #003B28)
• Denim Station color palette (#E1E5D7, #62896D, #0C657C, #4A2F00, #0D2F00)
• Hushed Fern Chapel color palette (#F1E1D6, #9E8956, #4A5E00, #004841, #372500)
• Aged Olive color palette (#EEFAE6, #B2CABC, #A68E9E, #727127, #3E544A)
• Ancient Petrol Corridor color palette (#F8ECE4, #95BBAA, #3B67AD, #005048, #2D2456)
• Wandering Navy color palette (#D5E3D9, #3E7C84, #344084, #203600, #042200)

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