Cocoa Canyon color palette — #FFF3E7 · #ECD6B7 · #D2AE8D · #A98B77 · #5C4300

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Wheat (#ECD6B7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#D2AE8D): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#A98B77): A luminous, dusty gold — the color of old brass.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Ancient Chestnut color palette (#FCEDF2, #B0C1AF, #9D7684, #744E35, #233024)
• Powder Ridge color palette (#FEF0FE, #99C6FF, #E0A793, #9C9D71, #453846)
• Tempered Summit color palette (#FFECCD, #D9CA64, #C59E40, #A67438, #37362F)
• Rust Garden color palette (#FFE7D7, #D68C3D, #BD5E20, #8A4236, #211300)
• Amber Terrace color palette (#F1EBDD, #B3B86D, #A58E14, #846633, #282500)
• Ash Delta color palette (#F2F5FF, #DDD7FF, #C8AADC, #AF82AA, #65334B)
• Hushed Bronze color palette (#FCEDDB, #9D7C00, #815600, #613000, #050300)
• Patina Sand Quarry color palette (#EAF9F5, #F7DAA0, #79A3CB, #54756C, #232E2B)

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