Moonless Cocoa color palette — #F4D8CF · #7A3300 · #4B2100 · #1E0C00 · #020100

Rust takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F4D8CF): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#7A3300): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#4B2100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1E0C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

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

• Midnight Aubergine color palette (#F6E3ED, #7A3500, #5B0078, #351300, #030005)
• Fern Corridor color palette (#EEE2C6, #5F4D00, #302B00, #131300, #010100)
• Charred Brick Coast color palette (#FDE2E4, #AF2100, #522700, #221200, #040700)
• Mulberry Canyon color palette (#FDEAED, #900034, #580013, #2D0002, #040000)
• Cellar Onyx Delta color palette (#EBE0C9, #4C3800, #003C1A, #48000C, #020100)
• Wandering Thicket color palette (#D5EDD4, #AA8737, #756C00, #472400, #050300)
• Weathered Drift color palette (#F9DFCA, #B67000, #704B00, #3F2B00, #201700)
• Inked Fern Thicket color palette (#DCEEF6, #006F54, #525700, #060B06, #000201)

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