Midnight Cocoa color palette — #EDDEC4 · #554200 · #18211B · #091000 · #030100

Deep Olive takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#EDDEC4): A whisper-light, dusty gold — the color of honey in a jar.
• Deep Olive (#554200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#18211B): quiet, heavy and certain.
• Ink (#091000): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Antique Olive color palette (#F8E2C3, #766800, #445500, #0A2B00, #000902)
• Hushed Olive color palette (#E7E8C6, #3D7000, #3F4B4E, #002C20, #0A0A00)
• Charred Spruce Terrace color palette (#E0F2E5, #675E55, #392C00, #151E18, #050400)
• Tempered Quarry color palette (#F7EED9, #988700, #344D2A, #312503, #181007)
• Ancient Drift color palette (#E7F2DB, #008D68, #004045, #131F00, #080800)
• Softworn Olive color palette (#F4EDD2, #4F8441, #00523B, #4F1021, #010800)
• Aubergine Thicket color palette (#E9F4DA, #476300, #6500B0, #660069, #010200)
• Aubergine Veranda color palette (#F1F0D7, #5B891F, #5718A7, #264100, #09001B)

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