Worn Cocoa color palette — #FFF4E1 · #CECDB9 · #879781 · #806465 · #684500
A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Oat (#CECDB9): A whisper-light, dusty green — the color of new leaves after rain.
- Eucalyptus (#879781): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#806465): A full-bodied, dusty red — the color of a theater curtain.
- Bronze (#684500): A full-bodied, balanced 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 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
- Weathered Loft color palette (#FAF4ED, #CBC19E, #6B8C5A, #855D1B, #5D4B00)
- Muted Balcony color palette (#F3F9DD, #CBDAB9, #9CAF98, #728F87, #594C57)
- Timeworn Chestnut color palette (#E0E4C8, #90A885, #4C7B97, #804620, #533D00)
- Hushed Peony Boulevard color palette (#F1F8E7, #4FAC87, #B96AA2, #A2625B, #41443D)
- Muted Azure color palette (#FAF4EF, #C9E8E7, #6F9ECA, #407A76, #604A5C)
- Dusty Petrol Coast color palette (#E1F4F2, #56A2C2, #5C62AE, #5E4800, #2F3C0E)
- Tempered Denim color palette (#D4E3D8, #269299, #006398, #573116, #312602)
- Lagoon Meadow color palette (#F9F8D5, #8BBD89, #159870, #1C766E, #3F5641)
Browse the whole catalog at Explore, or see today's palette.