Cocoa Canyon color palette — #DFEACE · #006341 · #742B00 · #481700 · #000201
Built around Rust, softened by Pine — the whole palette hums with optimism and balance.
The five colors
- Celadon Mist (#DFEACE): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#006341): A full-bodied, balanced teal — the color of shallow lagoons.
- Rust (#742B00): A deep, shadowed, balanced orange — the color of autumn markets.
- Espresso (#481700): A deep, shadowed, balanced orange — the color of toasted spice.
- Black (#000201): quiet, heavy and certain.
Feels like: Optimism, Balance. Tagged muted.
Use it as a design system
One click turns 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
- Feathered Garnet Ridge color palette (#F5EFE0, #5C5400, #860014, #4A1500, #020200)
- Lowlit Terrace color palette (#D7E7DC, #006373, #6E000C, #271700, #030100)
- Dusty Plum Basin color palette (#E3F6E1, #007D79, #AB007C, #7C2400, #000202)
- Fern Workshop color palette (#CCE6D9, #006A8A, #565600, #383800, #00050A)
- Garnet Balcony color palette (#CEF6F2, #005E25, #6B0051, #1D1800, #000201)
- Wandering Navy color palette (#EDE3D3, #007273, #232994, #2B1C00, #000407)
- Muted Cypress color palette (#E4EFDB, #008269, #785C00, #384A00, #00110C)
- Obsidian Onyx Workshop color palette (#D0E2E6, #00413F, #4C0040, #240900, #000202)
Browse the whole catalog at Explore, or see today's palette.