Timeworn Cocoa color palette — #FFF2E9 · #E9BCA3 · #A86E4C · #7F3D12 · #52301A
A conversation between Bronze and Mocha, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Sand (#E9BCA3): A whisper-light, dusty gold — the color of old brass.
- Mocha (#A86E4C): A full-bodied, balanced gold — the color of honey in a jar.
- Bronze (#7F3D12): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#52301A): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.
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
- Washed Mulberry color palette (#FFF2EF, #EEBEB6, #AD6E7E, #80334D, #532936)
- Fern Garden color palette (#FFF4DC, #DACAA2, #8C8345, #5E5200, #3C3608)
- Hushed Amber color palette (#FFF0F7, #FFCDB1, #CF8660, #8A5633, #4B2E3E)
- Antique Chestnut Garden color palette (#FFF3EA, #DEDBCC, #99BACC, #B47F6F, #77460C)
- Midnight Coast color palette (#F2DECD, #965700, #402100, #19231C, #110600)
- Quiet Marigold color palette (#FFF3E4, #DA9E3D, #906100, #543500, #362100)
- Amber Study color palette (#FCE1A9, #B08625, #715200, #362600, #1C1300)
- Hushed Denim color palette (#FFF2EE, #BD7B84, #5E81AD, #5A5597, #4D3731)
Browse the whole catalog at Explore, or see today's palette.