Moonless Cocoa color palette — #F4E5F3 · #7E4049 · #483606 · #001B27 · #000406

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

The five colors

• Blush (#F4E5F3): A whisper-light, dusty pink — the color of neon signs at night.
• Coffee (#7E4049): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#483606): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001B27): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000406): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged vintage, retro, muted, dark.

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

• Charred Garnet color palette (#E9ECFF, #70486D, #5A1609, #001D19, #000403)
• Eclipse Summit color palette (#FBE5F7, #7F5344, #3F3500, #220033, #080010)
• Softworn Pier color palette (#FFEAED, #A27065, #663D00, #002D26, #000204)
• Inked Courtyard color palette (#FCDCEB, #A0001F, #491900, #200D00, #020100)
• Twilit Chestnut color palette (#F2DECE, #884F00, #412000, #110700, #030100)
• Cocoa Field color palette (#F7E2EE, #7D3200, #00415C, #361100, #000103)
• Muted Navy Field color palette (#E4E7FB, #935F7F, #744837, #172961, #050E3B)
• Twilit Coast color palette (#E1F6E7, #486226, #003321, #1E042F, #010100)

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