Midnight Cocoa color palette — #D9E6DA · #5C3F00 · #23231A · #0D0F00 · #000300

Bronze takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#D9E6DA): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#5C3F00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#23231A): a grounded near-black with real depth.
• Ink (#0D0F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000300): 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

• Shadow Chestnut color palette (#F5E8D6, #795400, #1A2700, #110C04, #030100)
• Midnight Lagoon color palette (#E9DCCA, #414D47, #3D2A00, #171D16, #060400)
• Smoked Bronze color palette (#D1E8DB, #807300, #1B3C09, #021C10, #020602)
• Eclipse Parlor color palette (#DBEEEB, #016517, #383740, #001E19, #000303)
• Nocturne Garnet Studio color palette (#EDDFEA, #830D00, #352B1B, #170A00, #050004)
• Tempered Bronze color palette (#E1F4E6, #A48200, #374E01, #0A2E19, #190E12)
• Wandering Courtyard color palette (#CAF1F0, #008E54, #004140, #002210, #000A07)
• Dusty Olive color palette (#DDF3E6, #628037, #00542C, #4C122B, #030700)

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