Patina Cocoa Canyon color palette — #F1E2C2 · #80AB8E · #658572 · #804128 · #573700
A conversation between Bronze and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F1E2C2): A whisper-light, dusty gold — the color of old brass.
- Sage (#80AB8E): A luminous, dusty teal — the color of sea glass.
- Fern (#658572): A full-bodied, dusty teal — the color of sea glass.
- Bronze (#804128): A full-bodied, balanced orange — the color of autumn markets.
- Cocoa (#573700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Patina 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
- Cocoa Hollow color palette (#FAEADE, #ABA483, #4B8679, #6F5154, #6C2F15)
- Muted Market color palette (#EBF2D7, #A7C29D, #769E86, #875D87, #663D37)
- Worn Cocoa color palette (#FDF5E1, #87A57D, #2E705D, #5E4700, #36362F)
- Faded Teal Meadow color palette (#E0F0DA, #29ADAC, #4268A6, #684704, #3B3A00)
- Antique Meadow color palette (#E7E6CE, #5E8E77, #215D77, #512515, #2E1A00)
- Patina Frost Harbor color palette (#A3F8E1, #8BBBA6, #7C71A3, #655D1E, #4F480E)
- Chalky Rust Pier color palette (#CEEFD2, #008A92, #B0443E, #804200, #003236)
- Hushed Basalt Dune color palette (#DFF1EF, #8BB1B6, #537585, #5F4160, #331F3A)
Browse the whole catalog at Explore, or see today's palette.