Cocoa Quarry color palette — #EAF8E1 · #006452 · #673200 · #392E00 · #011A02
A conversation between Bronze and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#EAF8E1): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#006452): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#673200): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#392E00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#011A02): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Weathered Spruce Basin color palette (#E1F7E6, #006C7B, #513F00, #1A3800, #001B16)
- Softworn Garnet color palette (#ECF5D0, #007231, #811500, #462A00, #171D00)
- Midnight Lagoon color palette (#DDEFDD, #574C47, #003A38, #2A1800, #0B0B00)
- Softworn Garnet Boulevard color palette (#D7F1E1, #00768E, #820029, #203400, #000508)
- Antique Fern Alley color palette (#F0F8EE, #50958C, #8A5E2E, #564F00, #31332C)
- Hushed Plum Station color palette (#DCEEFF, #008AD1, #B7005D, #3D4C00, #001B2A)
- Worn Corridor color palette (#FCF1FD, #517BAA, #3B6800, #004C3D, #0F3121)
- Timeworn Field color palette (#FFDEE3, #A436AA, #90002C, #4B2900, #242700)
Browse the whole catalog at Explore, or see today's palette.