Cocoa Canyon color palette — #E8E0D4 · #BBB39C · #938F6C · #583F00 · #100A03
Built around Deep Olive, softened by Eucalyptus — the whole palette hums with optimism and sophistication.
The five colors
- Parchment (#E8E0D4): a clean, paper-quiet neutral.
- Stone (#BBB39C): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#938F6C): A luminous, dusty green — the color of a quiet forest floor.
- Deep Olive (#583F00): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#100A03): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Patina Olive Hollow color palette (#E3DED0, #A3A18D, #7A823C, #3C3800, #060400)
- Dusty Terrace color palette (#DCE3DC, #AEBDB6, #749690, #5B3E00, #162318)
- Ancient Lantern color palette (#F6F2E1, #D5D7B7, #A5B288, #586200, #1D1A0C)
- Ancient Balcony color palette (#E0E1CE, #348C59, #005040, #3F2200, #000B03)
- Antique Atelier color palette (#F0EBDA, #E08A00, #807E00, #00672E, #030400)
- Tempered Loft color palette (#F0EBCD, #6E8B47, #195A43, #262649, #1F0530)
- Dusty Chestnut Corridor color palette (#F7E9D3, #7B6100, #2A4400, #001A4A, #060500)
- Dusty Orchard color palette (#E5DDD5, #BCB2A2, #988D6D, #623800, #110903)
Browse the whole catalog at Explore, or see today's palette.