Charred Cocoa color palette — #FDDBD4 · #852E00 · #4E1C00 · #230C00 · #030100

Built around Rust, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FDDBD4): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#852E00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4E1C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#230C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

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

• Nocturne Workshop color palette (#FAE9DA, #703E00, #004829, #301700, #000201)
• Misty Alley color palette (#FFE6E0, #B44513, #7C3400, #391A00, #170900)
• Mulberry Boulevard color palette (#F6D4DE, #9D0044, #500016, #240003, #040000)
• Hushed Bronze color palette (#EFE1CC, #8A6700, #5B4700, #2C2400, #100E00)
• Ancient Amber color palette (#FAE5CF, #B08425, #726400, #431F00, #030100)
• Forest Archive color palette (#FFE4DD, #007235, #5D5300, #090D07, #020100)
• Tangerine Summit color palette (#FFE3D7, #E87729, #A85D00, #6E3F00, #392300)
• Faded Moss Grove color palette (#E6E8D9, #809000, #506700, #294500, #062200)

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