Cocoa Canyon color palette — #C0E7F3 · #005668 · #5A3800 · #312C00 · #00090D
A conversation between Cocoa and Peacock, giving this palette its sense of nature and growth.
The five colors
- Frost (#C0E7F3): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#005668): A full-bodied, dusty blue — the color of deep harbor water.
- Cocoa (#5A3800): A deep, shadowed, dusty gold — the color of old brass.
- Espresso (#312C00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#00090D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. 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
- Cellar Abyss Station color palette (#DEECF5, #004562, #3A3400, #002811, #000204)
- Velvet Garnet color palette (#CCECFE, #005070, #730043, #2E3200, #000103)
- Dusty Garnet Market color palette (#D1EAE3, #005A4C, #7C0025, #4B1B00, #000A07)
- Quiet Navy color palette (#E5EFFF, #0046A2, #334900, #00351E, #00061B)
- Faded Mulberry Meadow color palette (#D6E9F5, #006F9A, #A40062, #4A4F00, #000910)
- Patina Olive color palette (#D7F0DB, #6B6C00, #4A3400, #321100, #020F00)
- Antique Orchid color palette (#C6E4F8, #8FA9FA, #A351AA, #004C38, #001A2F)
- Hushed Grape Terrace color palette (#E5E7FF, #532FD4, #005E2A, #004930, #0F0930)
Browse the whole catalog at Explore, or see today's palette.