Worn Cocoa color palette — #F6F6E9 · #7DA786 · #1E735A · #6E3D08 · #35362F
Bronze takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F6F6E9): a clean, paper-quiet neutral.
- Moss (#7DA786): A luminous, dusty teal — the color of sea glass.
- Pine (#1E735A): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#6E3D08): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#35362F): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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 Cypress Pier color palette (#F5F2E4, #7BAD90, #007471, #613A3A, #191F0A)
- Hushed Fern Lantern color palette (#FEF4E4, #A29D6B, #5B6B25, #6F373F, #38352E)
- Cypress Cabin color palette (#F6F8E0, #78B290, #007B67, #355D26, #1A442E)
- Antique Fern color palette (#F3EBD3, #819E47, #0F6E12, #4A4500, #253400)
- Chestnut Pier color palette (#FCF4E8, #BAAF91, #6D7A4A, #775205, #524000)
- Timeworn Market color palette (#F4F8DF, #B9F1DD, #5ABFC7, #687C34, #3E413A)
- Wandering Basin color palette (#E3E7D6, #5B9A84, #00625C, #004C1C, #202E0E)
- Washed Quarry color palette (#E5FBF3, #8EC2A5, #009392, #82526A, #1B3C3C)
Browse the whole catalog at Explore, or see today's palette.