Timeworn Cocoa color palette — #D7F8E4 · #97C6B2 · #997D9D · #785C64 · #77391E
Built around Bronze, softened by Heather — the whole palette hums with optimism and sophistication.
The five colors
- Honeydew (#D7F8E4): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#97C6B2): A luminous, dusty teal — the color of glacier melt.
- Heather (#997D9D): A luminous, dusty pink — the color of peonies in June.
- Graphite (#785C64): A full-bodied, dusty rose — the color of pressed rose petals.
- Bronze (#77391E): A full-bodied, balanced orange — the color of toasted spice.
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
- Cerulean Garden color palette (#E0FFE6, #A5C3B1, #5D87A7, #7E5D69, #66484E)
- Chestnut Corridor color palette (#E8F8DF, #7CC1D3, #9B7B95, #83511A, #563000)
- Muted Alley color palette (#D9FFF5, #D1B0CB, #A17B91, #795857, #5D4843)
- Wandering Archive color palette (#DDDDF6, #9C8BB9, #7D5B81, #723933, #592900)
- Wandering Cocoa color palette (#F3F6D2, #C3DBBD, #CDB1CC, #A79273, #694600)
- Petrol Canyon color palette (#F4F6F0, #BCE8D7, #5A90BD, #006D88, #543F56)
- Peony Courtyard color palette (#E7FAF5, #69A5DC, #BD699C, #1969A8, #5D3536)
- Fern Boulevard color palette (#F8F5EC, #B9B085, #667C47, #585F15, #4D4200)
Browse the whole catalog at Explore, or see today's palette.