Cocoa Canyon color palette — #F0E1EA · #802E00 · #004352 · #381000 · #000102

Rust takes the lead with Onyx close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#F0E1EA): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#802E00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#004352): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#381000): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Midnight Mulberry Studio color palette (#EDE1EE, #900035, #004640, #3F0013, #000201)
• Midnight Delta color palette (#DBE8DA, #674400, #003388, #2C1A00, #000106)
• Deep Aubergine Balcony color palette (#F5DAE8, #602900, #003B2C, #270061, #030100)
• Deep Chestnut color palette (#F7DCC8, #8E4500, #3F2000, #1D251F, #100500)
• Rust Market color palette (#FFEADD, #AE4200, #00617E, #602100, #00070C)
• Smoked Cypress Drift color palette (#F0E9FF, #006F5A, #6D4A00, #030F0C, #000200)
• Softworn Quarry color palette (#F6E4F6, #C31442, #00549F, #560017, #000104)
• Nightshade Atelier color palette (#D5F9E8, #605F00, #4500C4, #2C2C00, #020013)

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