Midnight Cocoa color palette — #EDDCBF · #5B4500 · #1B2400 · #000C16 · #040002

Deep Olive and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#EDDCBF): A whisper-light, dusty gold — the color of old brass.
• Deep Olive (#5B4500): A full-bodied, balanced gold — the color of old brass.
• Onyx (#1B2400): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000C16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Nocturne Atelier color palette (#EEDFD7, #862900, #172C00, #000B0A, #030004)
• Bronze Boulevard color palette (#FFD9D6, #B55700, #523800, #110F00, #010200)
• Inked Thicket color palette (#EDE5D9, #AA3700, #3B3100, #040037, #030100)
• Lowlit Navy color palette (#F6E5D1, #593F00, #16007D, #02001F, #040002)
• Cellar Garnet color palette (#F4DFED, #5A1100, #001C0B, #000033, #050005)
• Smoked Forest Field color palette (#E9F1CB, #006E2E, #00403E, #210040, #020100)
• Cocoa Studio color palette (#E8DDD6, #C7B8A6, #9D9171, #652400, #030100)
• Softworn Orchard color palette (#F8DBBF, #FF5566, #BC6900, #325C00, #020100)

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