Timeworn Cocoa color palette — #D8E5FD · #8C719D · #7A3D46 · #003A5D · #261B43
A conversation between Coffee and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D8E5FD): A whisper-light, dusty violet — the color of twilight just after sunset.
- Slate (#8C719D): A full-bodied, dusty violet — the color of wild irises.
- Coffee (#7A3D46): A full-bodied, balanced red — the color of late-summer berries.
- Navy (#003A5D): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#261B43): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Aged Navy Drift color palette (#E8DEFF, #AF778C, #784A2C, #063972, #142C4B)
- Worn Study color palette (#D7F7E6, #957594, #79457A, #004137, #132640)
- Wandering Cocoa Atelier color palette (#FFE1F0, #B26972, #843400, #003B29, #001314)
- Onyx Parlor color palette (#F4EAF6, #8B5F56, #5B3800, #250553, #23042A)
- Washed Olive color palette (#FCEBF2, #B68B6A, #6B7437, #5B3B69, #4C273C)
- Tempered Blush Market color palette (#ECE3F2, #E38197, #AF7E47, #436D7C, #003035)
- Timeworn Chestnut Ridge color palette (#F2DFD3, #8B4400, #00595F, #0E3C52, #200B00)
- Petrol Field color palette (#FFF0F7, #CCACB6, #997971, #396A86, #614453)
Browse the whole catalog at Explore, or see today's palette.