Cocoa Orchard color palette — #D9E3DB · #A6B8AD · #6E9885 · #564000 · #030E05

Deep Olive takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Silver (#D9E3DB): bright and airy, almost weightless.
• Ash (#A6B8AD): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#6E9885): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#564000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#030E05): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cocoa Orchard 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

• Tempered Canyon color palette (#D7E4DE, #93A59E, #53887C, #3A3800, #000603)
• Washed Cocoa Orchard color palette (#E8E1D9, #C2B99E, #8F9079, #5D3D00, #251E14)
• Garnet Pier color palette (#EDE6EA, #C0ADB7, #A97F91, #792000, #13060F)
• Worn Fern color palette (#E6F6F0, #C2DAD3, #96B68E, #566300, #002017)
• Softworn Basin color palette (#E0E7CA, #658452, #246742, #00323E, #001323)
• Ancient Bronze Balcony color palette (#EDF4EF, #CFD9D9, #A8C3C5, #847432, #252F29)
• Worn Chestnut Villa color palette (#CEEAD9, #726500, #344200, #002424, #060600)
• Amber Corridor color palette (#D3F3E2, #BC8F00, #8A8400, #436700, #050500)

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