Charred Cocoa color palette — #F3E0C4 · #7E2C00 · #302100 · #001014 · #080200

A conversation between Rust and Onyx, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#F3E0C4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#7E2C00): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#302100): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#001014): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#080200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged retro, 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 Meadow color palette (#F5E6DB, #632900, #072600, #000B12, #040006)
• Hazy Scarlet color palette (#F7E1CF, #DA4541, #864900, #423700, #060200)
• Mulberry Balcony color palette (#E8DDCC, #81194F, #460900, #001209, #0C0002)
• Nocturne Onyx Coast color palette (#EDDBCB, #424C43, #452500, #1A1D14, #060400)
• Deep Pier color palette (#F7EEE0, #636018, #233100, #320008, #070600)
• Quiet Plum Meadow color palette (#F2EBDA, #B8004B, #4F3900, #001C4A, #0B0100)
• Onyx Meadow color palette (#ECE4D3, #5D5B00, #003B12, #130051, #080D00)
• Basalt Canyon color palette (#FFE9DC, #7D5F31, #3B4100, #002330, #040A31)

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