Charred Cocoa color palette — #F5E3DE · #773200 · #442000 · #1B0D00 · #020100

Rust and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#F5E3DE): A whisper-light, dusty orange — the color of toasted spice.
• Rust (#773200): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#442000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1B0D00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: 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

• Obsidian Canyon color palette (#FCDADD, #A12B00, #4A2800, #201700, #080800)
• Nocturne Chestnut color palette (#EADCC5, #645300, #2F2F00, #0B0F00, #010300)
• Olive Orchard color palette (#F4E7D9, #A58B22, #4E7300, #592200, #050200)
• Inked Onyx Orchard color palette (#FEE7CA, #533400, #003938, #37004C, #020100)
• Muted Amber Courtyard color palette (#EDDED5, #BB7000, #785400, #433700, #151300)
• Eclipse Mulberry Villa color palette (#F7E8EF, #940052, #60001F, #2A0001, #050100)
• Lowlit Basin color palette (#E7D7F5, #006B74, #5D5300, #090D07, #020100)
• Tangerine Workshop color palette (#FFEBE2, #EF7D04, #966200, #5F4400, #332800)

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