Worn Cocoa Canyon color palette — #EDF8F3 · #999D67 · #47749F · #7C4216 · #204C3C
Bronze takes the lead with Slate close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EDF8F3): a clean, paper-quiet neutral.
- Moss (#999D67): A luminous, dusty green — the color of new leaves after rain.
- Slate (#47749F): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#7C4216): A full-bodied, balanced gold — the color of honey in a jar.
- Forest (#204C3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Patina Fern Coast color palette (#EAF8F9, #63A88B, #70689A, #635200, #194D3A)
- Patina Boulevard color palette (#F0F8F0, #B19361, #54729B, #7C411E, #593549)
- Worn Dune color palette (#FCF2F7, #B3C7B6, #7D8758, #3D6F76, #405243)
- Washed Lantern color palette (#EFF8F0, #AE9369, #367F70, #753B6B, #2C4B2F)
- Petrol Summit color palette (#EDF4EB, #62ACA0, #666BA7, #75353C, #302702)
- Cocoa Pier color palette (#E3FAFD, #00927B, #006188, #6D2500, #003A2F)
- Washed Iris color palette (#E9F8FB, #74C2B5, #7888C7, #945164, #2D4A38)
- Hushed Station color palette (#F3F7EA, #84DFA1, #C098CF, #A47D68, #48413D)
Browse the whole catalog at Explore, or see today's palette.