Cocoa Canyon color palette — #E9F9F4 · #528FBD · #7D517D · #70350A · #244111
Built around Bronze, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9F9F4): bright and airy, almost weightless.
- Cerulean (#528FBD): A luminous, balanced blue — the color of open sky before noon.
- Graphite (#7D517D): A full-bodied, balanced pink — the color of a candy shop window.
- Bronze (#70350A): A full-bodied, balanced gold — the color of old brass.
- Forest (#244111): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.
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
- Weathered Mulberry Villa color palette (#FCF1FB, #6789C3, #8E4A64, #574600, #00413F)
- Hushed Garden color palette (#EBFAEB, #1E9B9B, #575C9A, #6F3044, #483500)
- Wandering Petrol color palette (#F7EFF8, #5F90CB, #3466A0, #5B3800, #001F3C)
- Patina Violet Parlor color palette (#FFECF0, #965DA3, #823E00, #004811, #002F48)
- Patina Terracotta color palette (#F0F6FF, #85A3E9, #B36A54, #934229, #204209)
- Weathered Pier color palette (#C9F8E9, #CBA9C0, #957781, #84561A, #465102)
- Cerulean Delta color palette (#FAF4EB, #C5E5D5, #5990BB, #007077, #583D57)
- Patina Indigo color palette (#DAE9FF, #8BA1E6, #7473C3, #5F4787, #5B344C)
Browse the whole catalog at Explore, or see today's palette.