Cocoa Canyon color palette — #F6E3DD · #773A00 · #352400 · #120E00 · #010100

Bronze takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Rose Water (#F6E3DD): A whisper-light, dusty orange — the color of toasted spice.
• Bronze (#773A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#352400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#120E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Moonless Fern color palette (#EEE8DA, #514C00, #223400, #011401, #000301)
• Lowlit Ridge color palette (#FCE4C6, #664500, #2C1B9B, #2B1B00, #01000A)
• Twilit Chestnut Villa color palette (#ECDCDF, #006981, #654F00, #0C0D06, #020100)
• Twilit Navy Courtyard color palette (#F2EADC, #4D3800, #002C6D, #200068, #020100)
• Deep Corridor color palette (#FFDEEB, #92003C, #5A0008, #210A00, #050100)
• Ancient Moss Grove color palette (#F0E2C7, #8C981B, #008158, #481D00, #020100)
• Muted Bronze color palette (#FFEADA, #A47700, #625800, #353900, #051800)
• Marigold Delta color palette (#FFE9DE, #DC9000, #866400, #4E4800, #192B00)

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