Charred Cocoa color palette — #EFDDE2 · #5E3800 · #003241 · #001D27 · #0B0017

Bronze and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#EFDDE2): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#5E3800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#003241): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001D27): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0B0017): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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 Navy color palette (#CFE8DC, #504400, #002D65, #001537, #150002)
• Twilit Basalt color palette (#E8E6CB, #4D4700, #151B20, #021400, #000402)
• Cellar Garnet Villa color palette (#F4E7F6, #8E0027, #003A35, #00221F, #050521)
• Wandering Onyx Cabin color palette (#DDF5DD, #754F00, #003F44, #2C004E, #1E001A)
• Muted Orchard color palette (#DBE3DA, #A7C0B2, #6F988E, #5F3C00, #192219)
• Soft Bronze Archive color palette (#FAD9C4, #A77400, #504F00, #192F00, #001F12)
• Midnight Navy color palette (#E7F4E7, #634000, #0D0087, #06005C, #0C0014)
• Onyx Veranda color palette (#CCE5DB, #293000, #210052, #0A0024, #060000)

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