Charred Cocoa color palette — #DCF9E1 · #5E4500 · #1C3100 · #001510 · #000102

Bronze and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DCF9E1): A whisper-light, dusty teal — the color of glacier melt.
• Bronze (#5E4500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#1C3100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001510): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Cellar Cocoa Market color palette (#DBE9DC, #614300, #1C3100, #240018, #040000)
• Cocoa Balcony color palette (#EFDEE7, #792F00, #332900, #011601, #040001)
• Timeworn Harbor color palette (#F7EAD1, #72682E, #3D4600, #00251F, #00090A)
• Lowlit Corridor color palette (#FBE4FD, #BD0A48, #254600, #001432, #030005)
• Softworn Bronze color palette (#CFE9CC, #9D6300, #435400, #00352A, #240000)
• Forest Workshop color palette (#E3F4F2, #006B1E, #003F3F, #001C31, #050300)
• Weathered Abyss color palette (#D9ECE9, #5695A3, #005266, #002B2D, #000509)
• Frosted Basin color palette (#FFE8DE, #BA1F1C, #5B3F00, #2F0066, #15000C)

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