Timeworn Cocoa color palette — #F2F5FF · #BBBAD4 · #88819B · #7A5971 · #6A4630
A conversation between Coffee and Graphite, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Ash (#BBBAD4): A luminous, dusty violet — the color of twilight just after sunset.
- Slate Blue (#88819B): A luminous, dusty violet — the color of wild irises.
- Graphite (#7A5971): A full-bodied, dusty pink — the color of a candy shop window.
- Coffee (#6A4630): A full-bodied, dusty gold — the color of afternoon light on wheat.
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
- Aged Basalt Balcony color palette (#DCF3FF, #97B4CA, #738DAC, #5F5B79, #5B3D56)
- Dusty Chestnut color palette (#F4F1FF, #B5ACBF, #8B7791, #7C592F, #3E5544)
- Timeworn Veil color palette (#FFEFFF, #C5D1FF, #CCAABA, #A48C8A, #5E4B45)
- Timeworn Cocoa Courtyard color palette (#FFE7F6, #A78EB3, #8E5C5C, #5D4100, #263A10)
- Hushed Orchard color palette (#DCF7FF, #A8C2DD, #8C83B1, #3E6552, #0F3A34)
- Hushed Meadow color palette (#E0DAF2, #AC81BE, #8E4E80, #802A10, #592E04)
- Bronze Garden color palette (#DEFAE5, #DABDDE, #B38D9E, #847329, #5A4E00)
- Timeworn Garnet Drift color palette (#F1DAE9, #766382, #5F282F, #2C1C00, #110D00)
Browse the whole catalog at Explore, or see today's palette.