Midnight Cocoa color palette — #F4E6DC · #313D36 · #5A2400 · #14160D · #090600

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

The five colors

• Parchment (#F4E6DC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Charcoal (#313D36): a grounded near-black with real depth.
• Espresso (#5A2400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#14160D): a grounded near-black with real depth.
• Ink (#090600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Midnight 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

• Fern Loft color palette (#F4EAD0, #5F5600, #2F3933, #181D00, #080500)
• Softworn Olive Parlor color palette (#EFF0DD, #4C8629, #273623, #171707, #090601)
• Deep Garnet Dune color palette (#FFDCE6, #2E4702, #670034, #191408, #100300)
• Navy Cabin color palette (#F3ECDE, #6B5A00, #004989, #322900, #00030A)
• Eclipse Pine color palette (#E6E5D3, #007B57, #003F41, #370728, #000402)
• Weathered Onyx color palette (#F3E0FA, #91585C, #5A3E05, #2A154D, #100020)
• Inked Nightshade Chapel color palette (#F0ECDC, #584800, #1E21A5, #370064, #020100)
• Denim Courtyard color palette (#FAE7E1, #53969B, #00516C, #002E15, #000412)

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