Charred Cocoa color palette — #DBF1DB · #723800 · #242600 · #0E0032 · #060300

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

The five colors

• Honeydew (#DBF1DB): A whisper-light, dusty green — the color of fresh herbs.
• Bronze (#723800): A full-bodied, balanced gold — the color of old brass.
• Onyx (#242600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Indigo (#0E0032): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. 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

• Lowlit Onyx color palette (#DAEFDA, #533600, #00232B, #000329, #050004)
• Obsidian Garnet color palette (#EBDEC0, #8E001E, #312000, #000C27, #0A0100)
• Spruce Pier color palette (#E3F3E8, #394B4E, #392C00, #0E1B1F, #030500)
• Washed Chestnut Workshop color palette (#D4ECDD, #796000, #3D4100, #002622, #040300)
• Obsidian Fern color palette (#F8E6EF, #476300, #003933, #310025, #001002)
• Sunlit Rust color palette (#D4EFD7, #CF4100, #7E6100, #004E1F, #070500)
• Ancient Aubergine color palette (#EBDFCE, #B75F00, #5A5F00, #391593, #060300)
• Navy Market color palette (#F3DEE5, #5386AC, #10318B, #002226, #0A0028)

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