Timeworn Cocoa color palette — #FFF3E7 · #CBC1A8 · #9B9B7D · #8B6E8E · #69445A

Charcoal Brown and Slate set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Stone (#CBC1A8): A luminous, dusty gold — the color of honey in a jar.
• Taupe (#9B9B7D): A luminous, dusty green — the color of fresh herbs.
• Slate (#8B6E8E): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal Brown (#69445A): A full-bodied, dusty pink — the color of peonies in June.

Feels like: 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

• Petrol Drift color palette (#FFE6DA, #DAC0A4, #AA9D7E, #3E7E8B, #5B465E)
• Softworn Indigo Pier color palette (#EEEBC3, #B5C297, #62AAA1, #7A60A6, #633A56)
• Hushed Driftwood color palette (#FFECE9, #C7B09C, #85853D, #7C5862, #66454E)
• Timeworn Frost color palette (#FFF1F5, #C5F2EF, #9AC2BB, #728495, #444B5C)
• Bronze Veranda color palette (#FAF5E8, #C9C6A5, #789A75, #9E603D, #4A4400)
• Weathered Basin color palette (#DAF8E5, #8AA383, #2D7E93, #6A325B, #450E1E)
• Raspberry Quarry color palette (#FAF7DA, #99AF6B, #4CA0DD, #CB5C7E, #393831)
• Hushed Lagoon color palette (#F9F6E5, #B4BE81, #AB96DF, #7D8900, #473966)

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