Cocoa Canyon color palette — #E0F7FB · #0F8B81 · #744574 · #712B04 · #031913
A conversation between Rust and Fern, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#E0F7FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Fern (#0F8B81): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#744574): A full-bodied, balanced pink — the color of peonies in June.
- Rust (#712B04): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#031913): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Creativity, Balance. 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
- Antique Cerulean color palette (#E4F5FD, #2C9DB1, #71568E, #692C18, #132400)
- Softworn Terracotta color palette (#E5F4FF, #138ABA, #913844, #503C00, #001A1C)
- Worn Denim color palette (#E2F7F3, #63894B, #455392, #652D46, #07180A)
- Washed Archive color palette (#E4F8E8, #4EACB6, #3170A1, #6A3339, #072634)
- Misty Mulberry Corridor color palette (#CBEFFE, #006F7A, #7C0053, #401E00, #000801)
- Terracotta Studio color palette (#EFF8ED, #4CA99C, #975D95, #934224, #302C10)
- Hushed Cobalt Veranda color palette (#EAF3FF, #3770CA, #7F2E00, #303A00, #000A0E)
- Hushed Garden color palette (#D5E3EC, #0081A5, #213245, #061822, #01070B)
Browse the whole catalog at Explore, or see today's palette.