Worn Cocoa color palette — #DDE9D4 · #00725C · #793900 · #3F3100 · #010800
Bronze takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#DDE9D4): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#00725C): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#793900): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#3F3100): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#010800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Abyss Quarry color palette (#DAF1D9, #006061, #523500, #232700, #000302)
- Spruce Villa color palette (#E0F2E7, #00748F, #5F5100, #043B06, #000807)
- Linen Garnet Cabin color palette (#DFE1CE, #3F7D00, #8A0028, #532600, #070500)
- Linen Fern color palette (#DBFCE4, #008899, #785B00, #314D00, #001F17)
- Weathered Delta color palette (#DAECFC, #2898FB, #A63B00, #6C4400, #000904)
- Hushed Bronze Field color palette (#F1F7EE, #2CB09E, #B76A1F, #675800, #272B14)
- Moonless Garnet Courtyard color palette (#D8F0E9, #004D81, #580027, #1B1B00, #000B12)
- Washed Pine Courtyard color palette (#FEF0FD, #6B8DD2, #2B7D2D, #005F56, #04291C)
Browse the whole catalog at Explore, or see today's palette.