Moonless Cocoa color palette — #FDDFD0 · #7D4000 · #482700 · #190B00 · #020100

Bronze and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#FDDFD0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bronze (#7D4000): A full-bodied, balanced gold — the color of old brass.
• Espresso (#482700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#190B00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Eclipse Drift color palette (#FFECD5, #6A4200, #004736, #2D1900, #000201)
• Rust Delta color palette (#ECDBDC, #C13A08, #693D00, #2F2400, #0A0D00)
• Moonless Garnet color palette (#FFE9EA, #92001D, #590600, #260500, #040100)
• Weathered Bronze Courtyard color palette (#F4EBD1, #7E6F00, #4F4B00, #262A00, #090E00)
• Ancient Atelier color palette (#EEE2CD, #A18F00, #606D08, #492D00, #020100)
• Moonless Fern Field color palette (#D9E3EE, #006D68, #326000, #090E08, #010100)
• Airy Amber Dune color palette (#FBE7D7, #D88800, #946400, #5D4300, #2F2300)
• Powdered Mustard color palette (#EAE8C4, #ADB549, #6B7D00, #445820, #2B2A02)

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