Worn Cocoa color palette — #E8F1EA · #AEBDB8 · #6A9899 · #564100 · #142319

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

The five colors

• Cream (#E8F1EA): a clean, paper-quiet neutral.
• Ash (#AEBDB8): a calm mid-gray that lets other colors speak.
• Eucalyptus (#6A9899): A luminous, dusty teal — the color of shallow lagoons.
• Deep Olive (#564100): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#142319): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Aged Cocoa color palette (#EAE0E6, #B1BDB2, #72988A, #772600, #2D1725)
• Tempered Basalt color palette (#E8E3D8, #B7B4A1, #8F906D, #514200, #100900)
• Chestnut Garden color palette (#E0E8E3, #B7C9C2, #8AADA6, #725F00, #14231A)
• Hushed Forest color palette (#E7F1F1, #C0CFD5, #90A3B4, #006549, #153335)
• Spruce Market color palette (#E4F1EF, #8F9D9F, #5D7481, #013607, #000C0B)
• Ancient Garnet color palette (#CFEAE6, #258C7C, #004D5B, #5B0020, #00201B)
• Timeworn Bronze Summit color palette (#F0F7F3, #D1DEE1, #B4C3CD, #817530, #404B45)
• Frosted Garnet color palette (#FFEBE7, #A7835A, #426032, #690F3F, #44130C)

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