Charred Cocoa color palette — #F6DCCA · #863C00 · #00332D · #000520 · #040007

Built around Bronze, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Parchment (#F6DCCA): A whisper-light, dusty gold — the color of old brass.
• Bronze (#863C00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#00332D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000520): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#040007): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Charred Station color palette (#E9DFD2, #6E4E00, #003139, #14000F, #030100)
• Moonless Garnet Alley color palette (#F1DBEC, #770207, #002612, #080029, #040008)
• Mulberry Veranda color palette (#FBE2DB, #9E003D, #083502, #291F25, #000814)
• Softworn Olive color palette (#CFE5DA, #7B7600, #006835, #003F42, #000205)
• Softworn Driftwood Orchard color palette (#FBE7E1, #9A7E51, #405532, #201539, #03000D)
• Lowlit Courtyard color palette (#EEE8D2, #6B6C00, #004160, #2C0020, #040002)
• Bronze Garden color palette (#F3DAC6, #906B00, #484200, #131700, #000200)
• Softworn Hollow color palette (#E6DDCC, #70833C, #00491A, #34061F, #010100)

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