Cocoa Canyon color palette — #D4EAE6 · #589B83 · #006262 · #612C1B · #003124
Cocoa and Fern set the tone — five colors that lean into calm and sophistication.
The five colors
- Honeydew (#D4EAE6): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#589B83): A luminous, dusty teal — the color of glacier melt.
- Peacock (#006262): A full-bodied, dusty teal — the color of sea glass.
- Cocoa (#612C1B): A deep, shadowed, balanced orange — the color of toasted spice.
- Deep Forest (#003124): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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
- Aged Forest Courtyard color palette (#D7EAE1, #71986C, #00644B, #3E4106, #00312C)
- Patina Garden color palette (#D5EBDC, #849459, #23642F, #5A2C43, #003126)
- Gentle Olive Study color palette (#E8FCE8, #AAA75E, #4C781F, #075E51, #403C00)
- Wandering Forest Lantern color palette (#DEEEE1, #77803F, #0E5407, #3C2C00, #1A1D00)
- Patina Bloom color palette (#D8E9E7, #7EB393, #008664, #5B5900, #00321B)
- Weathered Cerulean Quarry color palette (#EEF7F5, #A3C9C9, #5C8A93, #526C66, #3A5252)
- Wandering Fern Drift color palette (#D2F4F3, #8BDCDA, #3FA6D3, #4F680B, #003C32)
- Mulberry Meadow color palette (#BBE9E6, #25A75F, #95267C, #00582C, #49073B)
Browse the whole catalog at Explore, or see today's palette.