Timeworn Cocoa color palette — #F4EDE3 · #D8CFBE · #B0A589 · #664700 · #050200
A conversation between Bronze and Taupe, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#F4EDE3): bright and airy, almost weightless.
- Oat (#D8CFBE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Taupe (#B0A589): A luminous, dusty gold — the color of old brass.
- Bronze (#664700): A full-bodied, balanced gold — the color of old brass.
- Ink (#050200): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Softworn Basalt Pier color palette (#E7E4D9, #BEBCA7, #93947E, #3D3F00, #020100)
- Antique Delta color palette (#DDE3DE, #99B09F, #668876, #4A3200, #07180A)
- Washed Forest Parlor color palette (#F4F6EE, #CFDED5, #B1C0A9, #007243, #0A0F01)
- Softworn Bronze Boulevard color palette (#E7E0D9, #AEB3A0, #8C9D85, #9A6400, #1E1101)
- Emerald Garden color palette (#E3E3CE, #649F60, #005E2E, #352A00, #000200)
- Forest Atelier color palette (#ECECDB, #7E9558, #3D6E3D, #003E47, #000A10)
- Quiet Marigold color palette (#FFEDC9, #E6A100, #A98F00, #616F00, #010100)
- Dusty Lantern color palette (#EFE4CA, #8A7600, #3E4900, #00211F, #010100)
Browse the whole catalog at Explore, or see today's palette.