Timeworn Cocoa color palette — #EEF0D8 · #669D7F · #497A93 · #584500 · #342C00

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

The five colors

• Cream (#EEF0D8): A whisper-light, dusty green — the color of fresh herbs.
• Eucalyptus (#669D7F): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#497A93): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#342C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

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 Teal color palette (#E2E7D9, #4FACA0, #447190, #6A3823, #481700)
• Dusty Fern color palette (#C7ECDB, #499FB6, #72629D, #36561B, #182F02)
• Hushed Aubergine color palette (#CDEDEE, #5C7DA1, #623F71, #2B3206, #0F1300)
• Ash Boulevard color palette (#D9FEF8, #B0D2DF, #8899B7, #6B7F6E, #3D5440)
• Hushed Sky color palette (#D2F3E9, #5EBFE6, #8078B8, #706312, #4C4200)
• Timeworn Cobalt color palette (#D0ECE8, #72ACB9, #4C8CD7, #8B4D58, #40190A)
• Powder Station color palette (#D6E7EC, #88AFD8, #8C719D, #2C664F, #00422E)
• Gentle Cobalt color palette (#CFEBFD, #007DB3, #925B00, #5D5200, #001421)

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