Timeworn Cocoa color palette — #DAEBF5 · #AF8EAC · #7F5769 · #683D1D · #36362F
A conversation between Bronze and Graphite, giving this palette its sense of optimism and sophistication.
The five colors
- Frost (#DAEBF5): A whisper-light, dusty blue — the color of open sky before noon.
- Dusty Rose (#AF8EAC): A luminous, dusty pink — the color of peonies in June.
- Graphite (#7F5769): A full-bodied, dusty rose — the color of strawberry cream.
- Bronze (#683D1D): A full-bodied, dusty gold — the color of old brass.
- Espresso (#36362F): a grounded near-black with real depth.
Feels like: 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
- Abyss Harbor color palette (#E7E9FF, #AF8692, #8A5F5F, #504910, #204713)
- Muted Powder color palette (#E2F1F9, #99B1EB, #A091BB, #936649, #244330)
- Aged Pewter Quarry color palette (#E1F4DB, #5E95BE, #775289, #3E3C35, #281F00)
- Timeworn Meadow color palette (#CFE6ED, #689B8D, #606697, #743425, #4C2E00)
- Softworn Driftwood color palette (#C9E6E0, #8CB0CC, #8876A2, #605F33, #1A4333)
- Aged Chestnut color palette (#FEE3F8, #D1B0BE, #9F8284, #7E5B13, #415135)
- Pewter Study color palette (#F8DDF0, #87699E, #6A3756, #362B00, #101E00)
- Dusty Nightshade color palette (#F0D5E5, #7372CB, #7B6A00, #4400C3, #312900)
Browse the whole catalog at Explore, or see today's palette.