Charred Cocoa color palette — #F5E7DE · #722A00 · #00395D · #001E34 · #030000
A conversation between Rust and Navy, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F5E7DE): a clean, paper-quiet neutral.
- Rust (#722A00): A deep, shadowed, balanced orange — the color of autumn markets.
- Navy (#00395D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#001E34): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Charred Cocoa 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
- Garnet Hollow color palette (#FFE4D5, #7A1E00, #003960, #380025, #040000)
- Lowlit Garnet Archive color palette (#FFE5E0, #800035, #003D4B, #060061, #040001)
- Worn Terracotta color palette (#ECDCD6, #A13B00, #00568F, #00385F, #0D0200)
- Midnight Terrace color palette (#FCE3C7, #764A00, #213600, #1A003C, #020200)
- Twilit Aubergine Pier color palette (#F9E2E7, #6C007C, #004036, #00144F, #030004)
- Washed Rust Alley color palette (#FCE9DE, #AD4000, #004220, #4A1700, #010100)
- Washed Field color palette (#E7E1DB, #A79F8A, #827F37, #4B3000, #080300)
- Ultramarine Garden color palette (#FBE3CE, #925200, #3540BE, #68002E, #0F0500)
Browse the whole catalog at Explore, or see today's palette.