Washed Cocoa Quarry color palette — #D5F9E3 · #84B2A5 · #8C6A7F · #6B3827 · #382100

Cocoa takes the lead with Espresso close behind in a set that reads as sophistication at first glance.

The five colors

• Honeydew (#D5F9E3): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#84B2A5): A luminous, dusty teal — the color of glacier melt.
• Slate (#8C6A7F): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#6B3827): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#382100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Washed 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 Chestnut color palette (#D8EDE7, #B599AB, #88666F, #6E480F, #2A2900)
• Weathered Garnet color palette (#E5F7D8, #94AF96, #4F80A0, #703C52, #412112)
• Patina Iris color palette (#CCEAF9, #92B7E2, #8386B9, #835F78, #3A4B3A)
• Chestnut Orchard color palette (#FCEDF8, #D2BEC6, #A98B8E, #7E5E14, #434000)
• Wandering Cobalt Summit color palette (#CEEEFF, #5F7EAA, #564D75, #4A2000, #1C1300)
• Wandering Cypress Cabin color palette (#F4F2E6, #A2A37D, #39734E, #00524C, #1E1E00)
• Weathered Fern color palette (#E6DFEF, #AD7E9C, #914F5C, #364A00, #002415)
• Antique Pier color palette (#F5FAD1, #C2E0BF, #B192B1, #5E6F30, #4A4400)

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