Cocoa Quarry color palette — #EBF1D8 · #88A688 · #61837A · #6A4528 · #35220E

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Honeydew (#EBF1D8): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#88A688): A luminous, dusty green — the color of fresh herbs.
• Storm Blue (#61837A): A full-bodied, dusty teal — the color of shallow lagoons.
• Bronze (#6A4528): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#35220E): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Aged Market color palette (#D3E8C1, #6FAAB6, #616E95, #644100, #332100)
• Dusty Fern color palette (#F2F4E0, #71AF96, #1A7271, #494A00, #142102)
• Dusty Chestnut Parlor color palette (#E8F7DD, #9DBBA7, #997C93, #7D5010, #3A3630)
• Hushed Coast color palette (#BEEEDA, #AC95AF, #637297, #6C3F63, #5C2B2A)
• Tempered Study color palette (#DCF4EA, #318B97, #395984, #402100, #1A0A00)
• Softworn Ash color palette (#DDFCFF, #B6E1F9, #7DA1BD, #6B6D8E, #423F57)
• Weathered Courtyard color palette (#BBEBFF, #8DAAD9, #8A6C9D, #4C5612, #003C24)
• Hazy Market color palette (#D3F2E2, #2B9FC5, #B7621B, #005E78, #2F1300)

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