Timeworn Cocoa color palette — #E8EEE7 · #9CA89E · #778C7E · #603C00 · #020C02

Bronze takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#E8EEE7): bright and airy, almost weightless.
• Taupe (#9CA89E): soft and architectural.
• Eucalyptus (#778C7E): A luminous, dusty teal — the color of sea glass.
• Bronze (#603C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#020C02): 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

• Patina Chestnut color palette (#F2E8DF, #A0A390, #7E8E73, #8F5300, #110701)
• Basalt Parlor color palette (#EFE8E0, #C3B9AB, #A28F6B, #543400, #020100)
• Cocoa Garden color palette (#F6EAF1, #B19FA8, #9C7C88, #782500, #13030E)
• Softworn Parlor color palette (#F1E7EA, #8E9E94, #59786F, #402300, #16020A)
• Worn Fern color palette (#D9ECE8, #A1BAB8, #789E9D, #286200, #001915)
• Washed Amber Loft color palette (#E3F4E7, #CD8500, #937600, #566100, #050300)
• Worn Villa color palette (#E9E9D4, #687B43, #34602C, #003338, #00141C)
• Weathered Forest color palette (#CFEDE3, #56833C, #005513, #382900, #020800)

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