Cocoa Canyon color palette — #F8F5ED · #DFE0CC · #8E884F · #574300 · #1E1B14
Deep Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F5ED): a clean, paper-quiet neutral.
- Bone (#DFE0CC): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#8E884F): A luminous, dusty green — the color of new leaves after rain.
- Deep Olive (#574300): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#1E1B14): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, 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
- Lagoon Veranda color palette (#F2F7EE, #FFE2A5, #1E8A6B, #363A33, #0C1206)
- Ancient Bronze Veranda color palette (#F8F5EC, #FDD7A5, #A2A26F, #806B20, #2F2B20)
- Marigold Quarry color palette (#EBF1DF, #CB9900, #00482A, #1D292C, #000B04)
- Muted Garden color palette (#EBF5EF, #ADCDB0, #666339, #17392A, #0D1612)
- Worn Grove color palette (#F7F6E5, #FFD26F, #597700, #263400, #090800)
- Wandering Atelier color palette (#F7F5EE, #B2F2E3, #37C8AF, #95A34F, #1A2117)
- Bronze Coast color palette (#E6E2D1, #9A7300, #1B1E00, #090C06, #010100)
- Aged Quarry color palette (#F9F5E7, #C6C984, #8AB0E7, #9A70A1, #34322B)
Browse the whole catalog at Explore, or see today's palette.