Moonless Cocoa color palette — #F2DAC5 · #5C2E00 · #182019 · #0E0C05 · #020100

A conversation between Cocoa and Bone, giving this palette its sense of optimism and sophistication.

The five colors

• Bone (#F2DAC5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cocoa (#5C2E00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#182019): quiet, heavy and certain.
• Ink (#0E0C05): quiet, heavy and certain.
• Black (#020100): quiet, heavy and certain.

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

• Weathered Amber Thicket color palette (#FFF3E6, #CA7E00, #4E3700, #211100, #030100)
• Garnet Dune color palette (#F8E6DF, #75000D, #2C2A1C, #110A03, #040000)
• Hushed Veranda color palette (#FAF5E1, #A0A70F, #4E4800, #231E0C, #070502)
• Charred Bronze Orchard color palette (#F4E3CB, #9A6D00, #2D2400, #131D1D, #070300)
• Worn Fern color palette (#F5EADB, #897743, #494C00, #00221B, #000404)
• Patina Harbor color palette (#EFEADD, #7B6B00, #006162, #332B00, #000202)
• Aged Emerald color palette (#F0F1D0, #4E9200, #003610, #1B2625, #030A00)
• Turquoise Delta color palette (#E8EADA, #60B0BC, #005F70, #002B2B, #000102)

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