Cocoa Canyon color palette — #F9E8D1 · #593E00 · #00412D · #002122 · #020100
Built around Bronze, softened by Forest — the whole palette hums with optimism and sophistication.
The five colors
- Parchment (#F9E8D1): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Bronze (#593E00): A deep, shadowed, dusty gold — the color of old brass.
- Forest (#00412D): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#002122): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Chestnut Boulevard color palette (#F0E5D0, #786300, #403D00, #151800, #010200)
- Velvet Garden color palette (#E7E7CE, #2E4E00, #003E48, #001E35, #010200)
- Garnet Coast color palette (#F7E2D9, #830309, #383900, #052300, #040000)
- Tempered Bronze color palette (#F2ECE5, #A89E8E, #947831, #4A3000, #080300)
- Tempered Olive Archive color palette (#EAE3C3, #6B7200, #006969, #004258, #0B0C00)
- Moss Boulevard color palette (#F3F4E0, #629742, #00839C, #784218, #1B1B06)
- Nightshade Basin color palette (#D9E9D4, #006057, #152BAE, #320065, #000300)
- Tempered Aubergine Archive color palette (#F3E1D7, #964700, #2F6100, #590758, #0E0007)
Browse the whole catalog at Explore, or see today's palette.