Worn Cocoa color palette — #F4EDE6 · #D5D0C1 · #A5A98E · #6F4100 · #050200
A conversation between Bronze and Sage, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#F4EDE6): a clean, paper-quiet neutral.
- Oat (#D5D0C1): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A5A98E): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#6F4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#050200): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Worn 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 Bronze Balcony color palette (#F4E8DC, #AA9E89, #8D7B32, #4C2F00, #080300)
- Dusty Garnet color palette (#F9EAE6, #DACDC2, #B5A482, #930027, #080100)
- Worn Basalt color palette (#F3E8EC, #98B0A3, #5F8982, #522D00, #1E0E15)
- Patina Villa color palette (#FFE3E1, #B67C65, #605C00, #4D0151, #1E0002)
- Wandering Bronze color palette (#D9E2D8, #9DB6B3, #70A5A7, #9B6400, #0B170B)
- Worn Thicket color palette (#E5E2C9, #5B9E7C, #005959, #520034, #000201)
- Wandering Pine Grove color palette (#F5F6EC, #CBDFD6, #A2C5AF, #18740D, #0D0E00)
- Inked Fern color palette (#F3ECDB, #5A4D00, #323E3D, #0E1611, #000801)
Browse the whole catalog at Explore, or see today's palette.