Timeworn Cocoa color palette — #DFFCE4 · #00656B · #5A3F00 · #233000 · #001C14

Bronze takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DFFCE4): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#00656B): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#5A3F00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#233000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001C14): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Hazy Nightshade Lantern color palette (#DDFDDD, #006B6A, #1C21AD, #2C2E00, #001B0E)
• Soft Chapel color palette (#E4F3D3, #006C4C, #762B00, #402D00, #0F1E00)
• Wandering Denim color palette (#CFEDE4, #00619F, #344B00, #003324, #00191F)
• Lapis Study color palette (#FFE2F4, #5031F2, #005532, #003436, #00162A)
• Cerulean Basin color palette (#EBF9F2, #469AC1, #6C6D31, #295F39, #2C3D2D)
• Weathered Harbor color palette (#EEF2FF, #7F52FD, #B30056, #424F00, #001829)
• Timeworn Indigo color palette (#FFF0F9, #6F6DB8, #006849, #004E55, #322334)
• Bronze Coast color palette (#CAF5FF, #00B8B1, #B77400, #6C6E00, #00200E)

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