Charred Cocoa color palette — #EDDCD1 · #793600 · #003F66 · #341300 · #000103

Bronze and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#EDDCD1): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#793600): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#003F66): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#341300): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000103): a grounded near-black with real depth.

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

• Velvet Garnet color palette (#FCD8C9, #920505, #004542, #400101, #000201)
• Eclipse Chestnut Studio color palette (#EDE7DA, #735100, #293436, #181400, #020100)
• Shadow Onyx color palette (#EFDBCF, #5D2C00, #00364A, #00204F, #030100)
• Lowlit Nightshade color palette (#F6E2CE, #6F3E00, #2A00AB, #301700, #01000A)
• Timeworn Bronze Summit color palette (#F7E5D9, #9E5200, #006083, #572A00, #00070D)
• Dusty Bronze color palette (#FFE3ED, #985A00, #006541, #412300, #000201)
• Hazy Station color palette (#F2EFE1, #586200, #6B0097, #282D00, #06000C)
• Lapis Terrace color palette (#EEE5CD, #796C00, #3E1AEC, #3E3700, #040028)

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