Timeworn Cocoa color palette — #FFF4DF · #CCCAA7 · #8FA08B · #8E657D · #763D14
Bronze takes the lead with Slate close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
- Pistachio (#CCCAA7): A whisper-light, dusty green — the color of a quiet forest floor.
- Taupe (#8FA08B): A luminous, dusty green — the color of fresh herbs.
- Slate (#8E657D): A full-bodied, dusty pink — the color of peonies in June.
- Bronze (#763D14): A full-bodied, balanced gold — the color of old brass.
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
- Dusty Chestnut color palette (#E9F8D5, #C2DAB3, #AAC0AB, #988696, #6E4A00)
- Bronze Veranda color palette (#F9F5EB, #C7C7A0, #609F7B, #876F26, #484500)
- Chestnut Canyon color palette (#DFEDCC, #96B49E, #5982AE, #7C5225, #383F00)
- Bronze Dune color palette (#C3FAD6, #A5C5A8, #659ECA, #9A5F38, #594C00)
- Patina Frost Orchard color palette (#D9FFF3, #AEEBEA, #A4BFCE, #8D798F, #574659)
- Petrol Harbor color palette (#DEF5D8, #649BBF, #6463A7, #564800, #103709)
- Worn Garnet color palette (#EEE8C4, #699574, #116968, #692438, #301200)
- Dusty Cerulean color palette (#F9F4EF, #C0E7ED, #93A2D6, #00899E, #5E3B4D)
Browse the whole catalog at Explore, or see today's palette.