Cocoa Canyon color palette — #FFF2ED · #EDDAB6 · #C9AC6B · #935B6C · #683201

Bronze and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Wheat (#EDDAB6): A whisper-light, dusty gold — the color of old brass.
• Camel (#C9AC6B): A luminous, balanced gold — the color of honey in a jar.
• Pewter (#935B6C): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#683201): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged pastel, light, 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

• Cocoa Dune color palette (#FFF2E9, #DEDCC9, #D1C49D, #A46F6C, #6F4000)
• Dusty Archive color palette (#FFF1F2, #FBCAC0, #DFA898, #835C93, #503433)
• Pewter Hollow color palette (#FFEEE7, #F4CEAB, #AAB987, #935391, #36200B)
• Muted Chestnut color palette (#F3E6D1, #9D996C, #776121, #5D3C0E, #32312A)
• Patina Peony color palette (#FEF0FF, #F9D0CE, #B8D398, #AF659C, #56354B)
• Moss Corridor color palette (#FFF3E6, #E3D184, #85AC4B, #9A4602, #463100)
• Faded Garnet color palette (#FDEBE5, #E4B183, #93853B, #7A2830, #3C1900)
• Weathered Olive Hollow color palette (#F8E2CD, #C3983A, #6B7C19, #742500, #251400)

Browse the whole catalog at Explore, or see today's palette.