Moonless Cocoa Coast color palette — #F2DFD6 · #622900 · #512E00 · #190A04 · #020100

A conversation between Rust and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#F2DFD6): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#622900): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#512E00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#190A04): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• 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 Coast 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 Basalt color palette (#E3F4E9, #473B00, #1A2A2C, #030C0B, #010100)
• Velvet Garnet color palette (#F7E3E4, #74001F, #312A1F, #1B0907, #030000)
• Ancient Ultramarine color palette (#EFE3CC, #886400, #0F49B9, #392800, #000108)
• Shadow Loft color palette (#FFE5F3, #943F00, #2D1F00, #15070C, #060003)
• Chestnut Balcony color palette (#EDE5CD, #735D00, #252830, #111500, #000201)
• Worn Lantern color palette (#E4FDE8, #B18000, #193D2E, #061309, #030101)
• Washed Veranda color palette (#EDE6D1, #675200, #00505B, #550451, #020100)
• Hushed Terrace color palette (#E6FAF6, #7DC45D, #3C5B5B, #212E2C, #0B110F)

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