Worn Cocoa color palette — #FDF4E6 · #C49F81 · #8D733F · #2C6744 · #653E00
A conversation between Bronze and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
- Camel (#C49F81): A luminous, dusty gold — the color of honey in a jar.
- Walnut (#8D733F): A full-bodied, dusty gold — the color of honey in a jar.
- Pine (#2C6744): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#653E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Cocoa Station color palette (#FEF3E9, #D0969A, #9B695A, #5E5D21, #71331A)
- Timeworn Bronze Studio color palette (#FAF4EA, #CBC0A5, #938038, #8D5728, #604A00)
- Pewter Station color palette (#FFF4E1, #D5CDB7, #969480, #677962, #3E5142)
- Tempered Alley color palette (#FAF1E0, #D79993, #957223, #3C5376, #37291F)
- Airy Chapel color palette (#FFF4DD, #B28300, #696300, #005244, #423400)
- Muted Amber Studio color palette (#E9FBED, #F2A7A0, #B18C3F, #536F9D, #54414C)
- Sand Villa color palette (#EAFAEB, #FFC198, #CBA873, #639793, #564149)
- Hushed Bronze Meadow color palette (#ECDCBC, #927300, #4E5100, #003C36, #2B2400)
Browse the whole catalog at Explore, or see today's palette.