Timeworn Cocoa color palette — #E3EBE3 · #A3B9AE · #71968F · #5A3D00 · #050D06

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#E3EBE3): bright and airy, almost weightless.
• Ash (#A3B9AE): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#71968F): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#5A3D00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#050D06): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Timeworn 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

• Weathered Atelier color palette (#D7E7DE, #88A89F, #578685, #3F3600, #000602)
• Weathered Drift color palette (#E3DED8, #BDB9AA, #8C917C, #5D3D00, #281D10)
• Aged Garnet color palette (#F6EBF3, #C8A9B6, #7E9483, #74251A, #11070F)
• Muted Forest color palette (#E1ECEB, #B9D0D5, #8AA9B8, #27633F, #0A1918)
• Worn Chestnut color palette (#F9F4ED, #D8DDC8, #C3BB9E, #775B00, #130B00)
• Pine Meadow color palette (#D5EFE7, #2B8D5B, #004F47, #451B18, #000A0A)
• Pale Hollow color palette (#CEEAD9, #DB7D00, #948800, #006444, #030700)
• Washed Olive color palette (#EEE2CD, #7A891C, #275D4D, #472349, #130B24)

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