Cocoa Canyon color palette — #CEEAEB · #007150 · #682800 · #322200 · #000705
A conversation between Rust and Pine, giving this palette its sense of optimism and sophistication.
The five colors
- Frost (#CEEAEB): A whisper-light, dusty teal — the color of sea glass.
- Pine (#007150): A full-bodied, balanced teal — the color of sea glass.
- Rust (#682800): A deep, shadowed, balanced orange — the color of toasted spice.
- Espresso (#322200): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#000705): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, Sophistication. Tagged jewel, vibrant, 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 Basalt Thicket color palette (#D2F7FA, #005240, #4F2000, #1D1500, #000201)
- Mulberry Balcony color palette (#D9EDE4, #606200, #7C004F, #470C00, #000601)
- Garnet Pier color palette (#CCEEE2, #00668C, #740207, #540104, #121500)
- Sunlit Ridge color palette (#F3E1FC, #BF006B, #694200, #2D2F00, #000A04)
- Mulberry Chapel color palette (#E5F9FF, #008E8C, #A20059, #333C00, #000202)
- Terracotta Workshop color palette (#F1F0FF, #8950AB, #9B0703, #4E3000, #000D07)
- Ancient Lagoon color palette (#E7F4FB, #3690A8, #796800, #2E5420, #071F23)
- Hazy Sapphire Bloom color palette (#E9F3FF, #0071D4, #296200, #00493D, #001017)
Browse the whole catalog at Explore, or see today's palette.