Cocoa Canyon color palette — #F9DDCC · #782600 · #202B26 · #1C0900 · #070200

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

The five colors

• Shell Pink (#F9DDCC): A whisper-light, dusty gold — the color of old brass.
• Rust (#782600): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#202B26): a grounded near-black with real depth.
• Ink (#1C0900): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.

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

• Twilit Corridor color palette (#FADDD7, #830035, #171A10, #250003, #0B0000)
• Nocturne Basalt color palette (#FFE8D3, #394745, #552E00, #151910, #0E0600)
• Eclipse Chestnut Delta color palette (#F2E2D0, #7B5000, #291D00, #160A00, #020200)
• Misty Rust Corridor color palette (#F5DEEC, #CB4800, #663204, #2D1225, #040103)
• Garnet Basin color palette (#EDE2D0, #765300, #005F1A, #760025, #1A0F00)
• Dusty Workshop color palette (#FFE2D2, #BF6800, #734400, #3F2700, #191B00)
• Timeworn Bronze Drift color palette (#F6E3CD, #936100, #006954, #4F3200, #002119)
• Washed Field color palette (#E2E4D0, #4E8961, #005237, #452600, #00220D)

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