Cocoa Canyon color palette — #F9F0EA · #CDAD8A · #7C442C · #401B0C · #140A04

Coffee and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Camel (#CDAD8A): A luminous, dusty gold — the color of old brass.
• Coffee (#7C442C): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#401B0C): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#140A04): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, 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

• Marigold Dune color palette (#F9F1E1, #C3A355, #5D4A00, #291F00, #0D0700)
• Ancient Cocoa Boulevard color palette (#FBF2F8, #BCB06A, #7F392D, #4B1F17, #2A1D27)
• Timeworn Courtyard color palette (#F7F0EA, #D4AA83, #807801, #915400, #140D00)
• Antique Loft color palette (#FEF1F8, #E9BB86, #A65A38, #603624, #2A1D25)
• Olive Lagoon color palette (#FAE7BA, #C2B677, #7D791E, #455000, #182600)
• Ancient Ridge color palette (#F5F1EC, #D7D8CE, #BBBFAF, #9B6A0C, #332A1F)
• Tempered Olive color palette (#F8F1E0, #AB9D53, #637423, #005250, #2B2203)
• Ancient Study color palette (#EBE4D3, #A58B39, #403900, #151200, #030100)

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