Worn Cocoa color palette — #E6ECE7 · #ADBDB8 · #759596 · #574100 · #142418

A conversation between Deep Olive and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#E6ECE7): bright and airy, almost weightless.
• Ash (#ADBDB8): soft and architectural.
• Eucalyptus (#759596): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#574100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#142418): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Worn Thicket color palette (#EAE7E0, #B8B3A0, #90906C, #534200, #110900)
• Dusty Garnet color palette (#EEE4EB, #B2BCB2, #739889, #7A2100, #2C1726)
• Worn Hollow color palette (#E2E9E4, #B7C9C1, #8AADA5, #755E00, #112418)
• Softworn Forest color palette (#E7F1F1, #BDD0D6, #8FA3B4, #006544, #203132)
• Patina Spruce Canyon color palette (#E0E8E6, #8E9D9F, #527688, #083501, #000C0A)
• Dusty Lagoon Delta color palette (#D9EBE7, #278C74, #004E57, #52132A, #002119)
• Bronze Chapel color palette (#F1F7F3, #D3DDDF, #B2C3CD, #857428, #414A44)
• Hushed Ember color palette (#CBE9D8, #E46E4B, #968400, #005D58, #081F00)

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