Moonless Cocoa color palette — #E5DDD1 · #624900 · #3B4845 · #111711 · #020700

A conversation between Bronze and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Bone (#E5DDD1): bright and airy, almost weightless.
• Bronze (#624900): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#3B4845): a grounded near-black with real depth.
• Ink (#111711): a grounded near-black with real depth.
• Ink (#020700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Moonless 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

• Patina Terrace color palette (#EFDED1, #595F66, #773A00, #191B11, #070500)
• Midnight Basalt color palette (#F0EDD9, #374100, #303A36, #08100C, #000201)
• Ancient Fern Canyon color palette (#E7E8C5, #58555E, #2E5B00, #0F1D1D, #000706)
• Worn Teal color palette (#EFF9E8, #3AB598, #304E3E, #18220F, #060602)
• Worn Fern color palette (#F8F5EA, #B3B278, #4D5C16, #312B18, #130E09)
• Bronze Boulevard color palette (#EDDCC9, #9D7A00, #565900, #032F04, #000201)
• Lowlit Forest Thicket color palette (#DAE2CE, #00714F, #2C3539, #00161A, #000201)
• Aged Moss color palette (#F9F8D5, #6CA600, #00473B, #0D1A00, #030100)

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