Worn Cocoa Canyon color palette — #D8E4D3 · #006B60 · #633300 · #302900 · #050600
Bronze takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D8E4D3): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#006B60): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#633300): A deep, shadowed, balanced gold — the color of honey in a jar.
- Espresso (#302900): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#050600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Worn Cocoa Canyon 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
- Lowlit Study color palette (#D2E5DA, #005F77, #433D00, #063603, #000404)
- Softworn Cypress color palette (#E8F6E9, #007E81, #694700, #313800, #080F00)
- Garnet Bloom color palette (#E5E8D0, #03701E, #86020B, #3D2200, #040300)
- Weathered Denim color palette (#FEE7FF, #005FA6, #2D4F00, #003A2D, #00080C)
- Feathered Coast color palette (#FFF1F7, #8866D5, #A3114B, #3B3E00, #000203)
- Frosted Raspberry color palette (#F0E7FF, #C03A9F, #894800, #4E4200, #001A18)
- Worn Olive Market color palette (#F6EFF6, #6889B5, #497135, #00564A, #0A1F16)
- Faded Indigo color palette (#FEECF6, #7564DD, #006145, #003F48, #000D21)
Browse the whole catalog at Explore, or see today's palette.