Charred Cocoa color palette — #D6EBD9 · #005D63 · #5D3200 · #002629 · #0D0400

A conversation between Cocoa and Peacock, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D6EBD9): A whisper-light, dusty green — the color of new leaves after rain.
• Peacock (#005D63): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#5D3200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Midnight (#002629): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0D0400): A deep, shadowed, dusty gold — the color of old brass.

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

• Ancient Garnet Veranda color palette (#E3F3D9, #005F4E, #790019, #00271F, #140001)
• Garnet Corridor color palette (#DDF6E4, #004852, #66000A, #361D00, #000203)
• Muted Fern color palette (#E0EFE5, #007688, #575E00, #00404A, #060700)
• Hushed Lapis Station color palette (#F5E4EF, #403EE0, #485200, #1D0087, #0E1100)
• Charred Thicket color palette (#FBE4C9, #6B5800, #3E2600, #210800, #050300)
• Weathered Grape Pier color palette (#DFF2E4, #689AD1, #7853AE, #003D36, #000F1B)
• Cobalt Pier color palette (#F7E4F9, #006EC5, #6A5800, #003A6C, #211A00)
• Rust Alley color palette (#CEE8F4, #008DA5, #C63400, #005F6F, #120100)

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