Cocoa Canyon color palette — #F1F4E3 · #77AE96 · #1A736A · #613E00 · #162009
Built around Bronze, softened by Teal — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#F1F4E3): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#77AE96): A luminous, dusty teal — the color of glacier melt.
- Teal (#1A736A): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#613E00): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#162009): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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 Fern color palette (#F7F1E4, #A9A176, #4F6F40, #653832, #221C00)
- Forest Ridge color palette (#ECE6C1, #70A564, #006D42, #394400, #031C00)
- Tempered Petrol Chapel color palette (#E5FAF7, #69A99A, #006F7F, #6B3A45, #123C41)
- Wandering Lantern color palette (#CDFFEA, #4ABA9A, #008061, #003E2D, #00100A)
- Pine Balcony color palette (#EBF8D6, #C8E4C3, #73BEDA, #4B7343, #17280A)
- Softworn Indigo color palette (#E9F1DE, #009267, #665FBB, #8A4525, #0E1700)
- Ancient Canyon color palette (#E5FAF8, #8AC0C2, #2F9286, #795E37, #003E40)
- Hushed Cerulean color palette (#F6F1E9, #B0D1BB, #3386A7, #005C57, #00271F)
Browse the whole catalog at Explore, or see today's palette.